21 lines
22 KiB
CSS
21 lines
22 KiB
CSS
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#252c28;background:#f6f7f3;font-synthesis:none;--green:#405c32;--lime:#d7ef87;--muted:#83897f;--line:#e4e7de}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #7e9f43;outline-offset:3px}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#f0f2eb;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-size:26px;font-weight:760;letter-spacing:-1.2px;margin:0 9px 37px}.brand img{width:34px}.brand-dot{color:#859d58}.workspace{display:flex;align-items:center;gap:10px;padding:13px 10px;background:#fafbf7;border:1px solid #e0e4d8;border-radius:9px;font-size:12px;font-weight:650}.workspace-icon{width:31px;height:32px;background:#e8ebdf;display:grid;place-items:center;border-radius:7px;font-size:13px}.workspace small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.local-dot{width:6px;height:6px;background:#789452;border-radius:50%;display:inline-block;flex-shrink:0}.workspace>.local-dot{margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.5px;color:#93998c;margin:35px 12px 14px;font-weight:650}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px 12px;border:0;background:transparent;font-size:12px;text-align:left;border-radius:7px;margin-bottom:5px;color:#747c6e}.nav-item.selected{background:#e0e8d4;color:#354b2a;font-weight:650}.nav-item>span:last-child{margin-left:auto}.nav-count{font-size:10px;padding:3px 6px;border-radius:4px;background:#d1ddc0}.sidebar-bottom{margin-top:auto;padding:20px 10px 0}.engine{font-size:11px;display:flex;align-items:center;gap:8px;font-weight:600}.status-dot{width:7px;height:7px;background:#c1c4ba;border-radius:50%}.status-dot.online{background:#83a04e;box-shadow:0 0 0 4px #e3e9d9}.sidebar-bottom p{font-size:11px;line-height:1.8;color:#909587;margin:16px 0 25px}.version{font-size:9px;letter-spacing:2px;color:#a3a89a}.page{margin-left:230px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:11px;background:#fbfcf8}.breadcrumb{color:#93988c;display:flex;gap:15px}.breadcrumb strong{font-weight:500;color:#59624f}.local-badge{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #e2e7da;border-radius:5px;color:#718060;font-size:10px}main{max-width:1610px;margin:auto;padding:42px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#899477}h1{font-size:clamp(26px,2.6vw,39px);font-weight:580;letter-spacing:-1.5px;margin:13px 0 11px;line-height:1.2}h1>span{color:#89a75b}.page-heading p{font-size:12px;color:#8a9183;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid #dce1d4;background:#fff;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:600;transition:background .2s}.button:hover{background:#edf0e6}.button.primary{background:var(--lime);border-color:#cce480;color:#34452b}.button.primary:hover{background:#cbe578}.button svg{width:16px;height:16px}.button:disabled{opacity:.5;cursor:wait}.overview{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fcfdf9;border-radius:10px;padding:21px 0;margin-bottom:39px}.overview>div{display:flex;align-items:center;gap:13px;padding:0 24px;min-width:0}.overview>div+div{border-left:1px solid var(--line)}.overview-icon{background:#eff2e7;padding:10px;border-radius:8px;color:#839466}.overview>div>div{display:flex;flex-direction:column;gap:3px}.overview strong{font-size:23px;font-weight:500;line-height:1}.overview div div span{font-size:10px;color:#8a9281;white-space:nowrap}.stat-note{margin-left:auto;font-size:9px;color:#939b88;white-space:nowrap}.stat-note .local-dot{margin-right:4px;width:5px;height:5px}.board-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.board-heading>div:first-child{display:flex;align-items:baseline;gap:14px}.board-heading h2{font-size:16px;font-weight:600;margin:0;letter-spacing:-.3px}.board-heading>div>span{font-size:10px;color:#969c8f}.live-label{display:flex;align-items:center;gap:6px;font-size:10px}.patch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr) minmax(0,1fr);gap:24px}.column-title{display:flex;align-items:center;gap:9px}.step{font-size:9px;color:#8e9980;border:1px solid #dfe5d5;padding:4px 5px;border-radius:4px}.column-title h3{font-size:12px;font-weight:650;margin:0}.column-title>span:last-child{margin-left:auto;color:#b5bda8}.column-title svg{width:15px}.column-description{font-size:10px;color:#949b8b;margin:10px 0 20px}.terminal-dot{width:7px;height:7px;border:1px solid #aab697;border-radius:50%}.app-list,.channel-list{display:flex;flex-direction:column;gap:12px}.app-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:17px}.app-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}.app-icon{width:36px;height:36px;display:grid;place-items:center;background:#edf0e7;color:#566b42;border-radius:10px;font-weight:600;font-size:16px}.app-icon.firefox{color:#d86c38;background:#fff0e4}.app-icon.discord{color:#6270b5;background:#eef0ff}.app-icon.spotify{color:#3b975c;background:#e9f6ea}.app-name{font-size:12px;font-weight:600;overflow-wrap:anywhere}.app-state{font-size:9px;color:#989f90;margin-top:5px;display:flex;gap:5px;align-items:center}.app-state .local-dot{width:4px;height:4px}.app-state.idle .local-dot{background:#c5cbbb}.app-top>span:last-child{margin-left:auto;color:#bac3ac;font-size:9px}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#929b85;margin-bottom:7px}.field-label svg{width:12px;height:12px}select{width:100%;border:1px solid #e1e6d9;background:#f8faf3;border-radius:5px;padding:9px 24px 9px 9px;font-size:10px;color:#647452;text-overflow:ellipsis;min-width:0;cursor:pointer}.source-hint{display:flex;gap:8px;align-items:flex-start;color:#9aA28f;margin:18px 3px}.source-hint svg{width:14px;height:14px}.source-hint p{font-size:10px;line-height:1.7;margin:0}.channel-card{border:1px solid #dbe3d0;border-radius:9px;background:#fff;overflow:hidden}.channel-header{background:#f0f5e7;padding:13px 15px;display:flex;align-items:center;gap:8px}.channel-symbol{color:#809758}.channel-symbol svg{width:17px}.channel-name{font-size:12px;font-weight:600;overflow-wrap:anywhere;flex:1;min-width:0}.channel-id{font-size:8px;color:#84956e;letter-spacing:.8px}.icon-button{background:transparent;border:0;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#9ba78c}.icon-button:hover{color:#425632;background:#e5ecd9}.icon-button svg{width:14px;height:14px}.channel-body{padding:16px}.channel-caption{font-size:9px;color:#9aa38e;display:flex;justify-content:space-between;gap:6px}.volume-row{display:flex;align-items:center;gap:8px;margin:13px 0 17px}.volume-row input{min-width:0;flex:1;width:100%;accent-color:#8ca759;cursor:pointer;height:5px}.volume-row output{font-size:10px;color:#708259;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.volume-row button{color:#728b50}.volume-row button.muted{color:#c36c58;background:#fff0e8}.route-label{font-size:8px;letter-spacing:1.4px;color:#a1a994;display:block;border-top:1px solid #edf0e7;padding-top:13px;margin-bottom:9px}.route-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.route-button{background:#fafbf7;border:1px solid #e4e8dc;color:#a3ab97;border-radius:5px;font-size:9px;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 3px}.route-button svg{width:13px;height:13px}.route-button.active{background:#eaf2dc;border-color:#d6e4bf;color:#627e3c}.route-button:hover{border-color:#a7bc86}.add-card{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed #d2dbc3;background:transparent;border-radius:8px;font-size:10px;color:#8b9d72;padding:15px;margin-top:12px}.add-card svg{width:14px}.add-card:hover{background:#edf3e4}.output-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px;margin-bottom:12px}.output-card .app-top{margin-bottom:15px}.output-card .app-icon{border:1px solid #e5eadc;background:#f4f7ec}.output-card .app-icon svg{width:19px}.output-caption{display:flex;gap:6px;align-items:center;color:#96a189;font-size:9px;margin-top:12px}.output-caption svg{width:12px;height:12px}.mic-card{border-color:#d9e3cc}.mic-card .app-icon{background:#e8f0dc;border-color:#dfe9d1;color:#7c945a}.mic-name{background:#f6f8f0;border:1px solid #e2e8d8;border-radius:5px;padding:10px;font-size:10px;color:#738660;display:flex;align-items:center;gap:7px}.mic-name svg{width:12px;height:12px}.input-section{border-top:1px solid #edf0e5;padding-top:14px;margin-top:15px}.toggle-label{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;color:#82916f;margin-bottom:11px;cursor:pointer}.toggle-label input{appearance:none;width:27px;height:16px;background:#dce2d2;border-radius:12px;margin:0;position:relative;cursor:pointer;flex-shrink:0}.toggle-label input:before{content:"";position:absolute;top:3px;left:3px;border-radius:50%;width:10px;height:10px;background:white;transition:transform .2s}.toggle-label input:checked{background:#90aa66}.toggle-label input:checked:before{transform:translateX(11px)}.mic-explainer{border-radius:8px;background:#edf1e5;padding:17px;margin-top:17px}.mini-label{font-size:8px;letter-spacing:1.3px;color:#8d9b79}.mic-explainer h4{font-size:12px;font-weight:550;margin:10px 0 8px}.mic-explainer p{font-size:10px;line-height:1.8;color:#8b987b;margin:0}.mic-explainer strong{font-weight:500;color:#637950}.text-button{display:flex;align-items:center;gap:8px;background:none;border:0;color:#677e4b;font-size:10px;padding:0;margin-top:12px}.text-button svg{width:13px}.empty-card{padding:29px 18px;background:#f0f3e9;border:1px dashed #dae2ce;border-radius:8px;text-align:center;color:#8d9b7a}.empty-card svg{width:25px;height:25px;margin-bottom:12px}.empty-card strong{display:block;font-size:12px;font-weight:500;color:#70835c}.empty-card p{font-size:10px;line-height:1.8;margin:8px 0 0}footer{border-top:1px solid var(--line);margin-top:43px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#a0a794}footer .local-dot{width:4px;height:4px;margin-right:4px}.error-banner{padding:13px 16px;border:1px solid #e8c8b6;background:#fff2e9;color:#966245;font-size:12px;border-radius:7px;margin-bottom:20px;line-height:1.5;overflow-wrap:anywhere}dialog{border:1px solid #d8e0cc;box-shadow:0 24px 100px #25321c33;padding:28px;border-radius:14px;width:min(460px,calc(100vw - 32px));color:#30382a;background:#fcfdf9}dialog::backdrop{background:#28331f66;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:14px}dialog h2{font-size:23px;font-weight:550;letter-spacing:-.6px;margin:18px 0 10px}dialog p{font-size:12px;line-height:1.7;color:#869278}dialog label{display:block;font-size:11px;margin:22px 0 8px}dialog input{width:100%;padding:12px;background:#fff;border:1px solid #d6dfc9;border-radius:6px;font-size:13px}dialog .form-note{font-size:10px;margin:12px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.danger{color:#ae5347;background:#fff0ec;border-color:#eed4cb}.help-steps{padding-left:23px}.help-steps li{padding:8px 0 4px 5px;color:#7d9459}.help-steps strong{font-size:12px;color:#415334}.help-steps p{font-size:11px;margin:7px 0}.help-note{font-size:10px;line-height:1.8;background:#edf2e5;padding:13px;border-radius:6px;color:#768967;margin:15px 0 20px}.full{width:100%}#toast{position:fixed;bottom:25px;left:calc(50% + 115px);transform:translateX(-50%);background:#34482b;color:#f1f7e7;border:1px solid #536544;border-radius:8px;padding:13px 20px;font-size:12px;box-shadow:0 8px 30px #26332133;z-index:10;max-width:calc(100vw - 40px)}[hidden]{display:none!important}
|
|
@media(min-width:1600px){main{padding-top:55px}.patch-grid{gap:30px}.app-card,.output-card{padding:21px}.channel-body{padding:20px}}
|
|
@media(max-width:1250px){.sidebar{width:195px;padding:28px 14px}.page{margin-left:195px}main{padding:32px 26px}.topbar{padding:0 26px}.brand{font-size:24px}.stat-note{display:none}.patch-grid{gap:15px}.page-heading{gap:15px}.overview>div{padding:0 18px}.route-buttons{grid-template-columns:1fr}.app-card,.output-card{padding:14px}.channel-body{padding:13px}#toast{left:calc(50% + 97px)}}
|
|
@media(max-width:1000px){.sidebar{width:75px;padding:25px 13px;align-items:center}.brand{margin:0 0 30px}.brand>span,.workspace,.nav-label,.nav-item,.sidebar-bottom{display:none}.page{margin-left:75px}.patch-grid{grid-template-columns:1fr 1fr}.patch-column:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin-top:15px}.patch-column:last-child .column-title,.patch-column:last-child .column-description{grid-column:1/-1}.mic-explainer{align-self:start;margin-top:0}.route-buttons{grid-template-columns:1fr 1fr}#toast{left:calc(50% + 37px)}}
|
|
@media(max-width:640px){.sidebar{position:absolute;width:auto;height:60px;padding:13px 17px;background:transparent;border:0;z-index:1}.brand img{width:31px}.page{margin-left:0}.topbar{height:60px;padding:0 18px 0 63px}.breadcrumb{font-size:10px;gap:10px}.local-badge{font-size:0;padding:7px;gap:0}.local-badge .local-dot{width:6px}main{padding:28px 18px}.page-heading{display:block;margin-bottom:25px}h1{font-size:30px;max-width:290px;letter-spacing:-1px}.page-heading p{font-size:11px;line-height:1.8;max-width:270px}.page-heading>.button{margin-top:19px}.overview{padding:16px 0;margin-bottom:28px}.overview>div{padding:0 11px;gap:5px}.overview-icon{display:none}.overview strong{font-size:22px}.overview div div span{font-size:8px;white-space:normal}.board-heading>div:first-child{display:block}.board-heading>div>span{display:block;margin-top:5px;font-size:9px}.board-heading .live-label>span{margin:0}.patch-grid{display:flex;flex-direction:column;gap:27px}.patch-column:last-child{display:block;margin:0}.column-description{margin-bottom:14px}.column-title h3{font-size:13px}.app-card,.output-card{padding:17px}.channel-body{padding:17px}.channel-name{font-size:13px}.route-button{font-size:11px;padding:11px}.app-name{font-size:13px}select{font-size:12px;padding:10px}.field-label,.toggle-label{font-size:10px}.app-state{font-size:10px}.source-hint{margin-bottom:0}.mic-explainer{margin-top:15px}.mic-explainer p{font-size:11px}footer{display:block;line-height:2.2}footer>span{display:block}#toast{left:50%;width:max-content}.error-banner{font-size:11px}}
|
|
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
|
|
.scope-panel{margin:0 0 32px;padding:22px;border:1px solid #dce5ce;border-radius:10px;background:#fcfdf9}.scope-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.scope-heading h2{font-size:19px;font-weight:550;letter-spacing:-.5px;margin:7px 0 0}.scope-controls{display:flex;align-items:center;gap:10px}.scope-controls label{font-size:10px;color:#77866a}.scope-controls select{width:170px}.scope-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px}.scope-display{background:#f2f6e9;border:1px solid #e1e8d5;border-radius:7px;padding:12px 14px;min-width:0}.scope-meta,.scope-scale{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#778c60}.scope-meta span:first-child{overflow-wrap:anywhere}#scope-canvas{display:block;width:100%;height:180px;margin:10px 0}.scope-mixer h3{font-size:13px;margin:3px 0 7px}.scope-mixer p{font-size:10px;color:#819070;margin:0 0 17px}.scope-mixer small{font-size:10px;line-height:1.6;color:#7d8b6e}.scope-mixer .field-label{margin-top:17px}.meter-line{display:flex;align-items:center;gap:7px;margin:10px 0;font-size:10px;color:#70835b}.meter-line meter{flex:1;min-width:0;width:80px;height:15px;accent-color:#87a155}.meter-line output{width:66px;text-align:right;font-variant-numeric:tabular-nums}.scope-scale span:last-child{font-weight:600}
|
|
@media(max-width:1100px){.scope-layout{grid-template-columns:1fr}.scope-mixer{max-width:100%}.scope-heading{align-items:flex-start;flex-direction:column}.scope-controls{width:100%}.scope-controls select{flex:1}}@media(max-width:640px){.scope-panel{padding:16px}.scope-controls{flex-wrap:wrap}.scope-controls select{min-width:140px}.scope-controls .button{font-size:10px;padding:9px}.scope-scale{font-size:8px}.scope-meta{font-size:9px}}
|
|
.theme-toggle{margin:0 16px 0 auto;gap:10px;font-size:11px;white-space:nowrap}.wave-gain{display:flex;align-items:center;gap:12px;font-size:11px;color:#71835e;margin-bottom:18px;flex-wrap:wrap}.wave-gain input{accent-color:#90a957;max-width:200px;min-width:60px}.wave-gain small{color:#849577}.channel-choices{display:flex;flex-wrap:wrap;gap:7px}.channel-choices label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;padding:8px;font-size:11px;cursor:pointer;overflow-wrap:anywhere;max-width:100%}.channel-choices input{accent-color:#8caa55;flex-shrink:0}.routing-note{display:block;margin-top:10px;font-size:9px;line-height:1.7;color:#829273}.microphone-source{margin-bottom:12px}.network-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px;margin-top:30px;border:1px solid var(--line);border-radius:10px;background:#fcfdf9}.network-panel h3{font-size:15px}.network-panel p,.network-panel label{font-size:11px;line-height:1.8;color:#7d8e6a}.network-panel a{color:#668b37;text-decoration:underline}.network-panel input{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:#f0f5e8;color:inherit;margin:8px 0}.network-panel .button{font-size:10px}
|
|
html[data-theme=dark]{color-scheme:dark;color:#e4eadf;background:#151b18;--line:#334035;--muted:#a8b5a0;--green:#a6c77f;--lime:#b8d97a}html[data-theme=dark] body{background:#151b18}html[data-theme=dark] :is(.sidebar,.scope-display,.mic-explainer,.channel-header,.workspace-icon,.app-icon,.overview-icon,.mic-name,.help-note){background:#243126;color:#b4c8a1}html[data-theme=dark] :is(.topbar,.workspace,.overview,.app-card,.channel-card,.output-card,.scope-panel,.network-panel,dialog){background:#1c251f;border-color:#344239;color:#e4eadf}html[data-theme=dark] :is(select,input:not([type=checkbox]):not([type=range]),.empty-card,.route-button,.button:not(.primary):not(.danger)){background:#273329;border-color:#42523e;color:#c6d5b7}html[data-theme=dark] .route-button.active,html[data-theme=dark] .nav-item.selected{background:#394d2b;color:#d1e8b4;border-color:#607744}html[data-theme=dark] .button.primary{color:#27371f}html[data-theme=dark] :is(p,small,.app-state,.field-label,.column-description,.column-title>span,.channel-caption,.route-label,.output-caption,.toggle-label,.scope-meta,.scope-scale,.scope-mixer small,.scope-mixer p,.source-hint,.routing-note,.breadcrumb,.board-heading>div>span,footer){color:#a1b195}html[data-theme=dark] .app-name,html[data-theme=dark] h4{color:#e1ebda}html[data-theme=dark] .local-badge{border-color:#45543d;color:#b1c797}html[data-theme=dark] .volume-row button.muted{background:#543831;color:#f7b8a8}html[data-theme=dark] .input-section,html[data-theme=dark] .route-label{border-color:#344338}html[data-theme=dark] .error-banner{background:#493329;color:#f2c4a6;border-color:#694d3c}html[data-theme=dark] .theme-toggle input:checked{background:#9ebd6d}
|
|
@media(max-width:640px){.theme-toggle{margin-right:10px;font-size:10px}.network-panel{grid-template-columns:1fr;padding:17px}.wave-gain{gap:8px}.wave-gain label{width:100%}.wave-gain input{flex:1}.scope-controls select{max-width:100%}}
|
|
html[data-theme=dark] .route-buttons .route-button.active{background:#3e542d;color:#dbefbc;border-color:#6d864d}html[data-theme=dark] .nav-count{background:#405431;color:#d8eec0}html[data-theme=dark] :is(.scope-display,.mic-name,.app-icon,.step){border-color:#40513b}
|
|
|
|
/* Saved application workspace */
|
|
.mobile-workspaces{display:none}.workspace-error{margin:20px 42px 0}.saved-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px;align-items:start}.saved-app-grid .app-card{margin:0;min-width:0}.saved-app-grid .app-name{overflow-wrap:anywhere}.saved-info{display:flex;align-items:flex-start;gap:12px;margin:0 0 28px;padding:18px 20px;border:1px solid #d9ded1;border-radius:12px;background:#edf1e5;color:#505b40}.saved-info svg{width:20px;height:20px;flex-shrink:0}.saved-info p{margin:0;line-height:1.6}.saved-app-grid .empty-card{grid-column:1/-1}.sidebar .nav-item{font-size:12px}
|
|
html[data-theme="dark"] .saved-info{background:#252d22;color:#c0ceb0;border-color:#3c4934}
|
|
@media(max-width:1000px){.mobile-workspaces{display:flex;gap:8px;padding:16px 28px 0;flex-wrap:wrap}.mobile-workspaces a{padding:10px 14px;border-radius:8px;color:inherit;text-decoration:none;font-size:13px}.mobile-workspaces a.selected{background:#e4eacb;color:#435326}html[data-theme="dark"] .mobile-workspaces a.selected{background:#35412a;color:#d5e8a5}.workspace-error{margin:20px 28px 0}}
|
|
@media(max-width:640px){.mobile-workspaces{padding:14px 18px 0}.workspace-error{margin:16px 18px 0}.saved-info{padding:14px}.saved-app-grid{gap:14px}}
|
|
|
|
.extra-routes{margin-top:12px}.extra-routes:empty{display:none}.extra-routes svg{width:16px;height:16px}.extra-routes label{overflow-wrap:anywhere}#extra-targets .app-name,#extra-targets .mic-name{overflow-wrap:anywhere}#extra-targets .app-top>div:nth-child(2){min-width:0;flex:1}
|