.mode-stick.svelte-106grep{stroke:var(--ir-raman-stick-color,light-dark(#c44e52,#e07b7e));stroke-width:var(--ir-raman-stick-width,1.2);opacity:var(--ir-raman-stick-opacity,.85);cursor:pointer}.mode-stick.selected.svelte-106grep{stroke:var(--ir-raman-selected-stick-color,light-dark(#e66101,#fdb863));stroke-width:var(--ir-raman-selected-stick-width,2.5)}.pane-row.svelte-106grep{align-items:center;gap:.5em;margin:.3em 0;font-size:.9em;display:flex}.pane-row.svelte-106grep label:where(.svelte-106grep){flex-shrink:0;min-width:4.5em}.pane-row.svelte-106grep input[type=range]:where(.svelte-106grep){flex:1;min-width:4em}.pane-row.svelte-106grep select:where(.svelte-106grep){flex:1;min-width:0}.value.svelte-106grep{font-family:var(--font-mono,monospace);text-align:right;min-width:3.5em;font-size:.9em}.phonon-mode-explorer.svelte-u7gkr4{flex-direction:column;gap:.4em;min-height:560px;display:flex}.explorer-header.svelte-u7gkr4{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35em 1em;display:flex}.mode-summary.svelte-u7gkr4{flex-wrap:wrap;align-items:baseline;gap:.6em;min-width:0;display:flex;& .frequency:where(.svelte-u7gkr4){color:var(--accent-color,#2878c8)}& .unstable:where(.svelte-u7gkr4){color:var(--warning-color,#b45309)}}.tabs.svelte-u7gkr4{display:inline-flex;& button:where(.svelte-u7gkr4){background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:.25em .55em;&.active{color:var(--accent-color,#2678b2);border-bottom-color:currentColor}}}.panes.svelte-u7gkr4{grid-template-columns:minmax(0, var(--split-pane-size,54.7619%)) minmax(0, 1fr);border-block:1px solid color-mix(in srgb, var(--border-color,#b7bec8) 55%, transparent);flex:1;min-height:0;display:grid;position:relative}.plot-pane.svelte-u7gkr4,.trajectory-pane.svelte-u7gkr4{min-width:0;min-height:0;overflow:hidden}.plot-pane.svelte-u7gkr4{--scatter-height:100%;--scatter-min-height:0}.trajectory-pane.svelte-u7gkr4{--traj-border-radius:0;--struct-border-radius:0}.panes.svelte-u7gkr4:has(.plot-pane:where(.svelte-u7gkr4):hover) .trajectory-controls.hover-visible{opacity:0;pointer-events:none}.plot-pane.svelte-u7gkr4>*,.trajectory-pane.svelte-u7gkr4>*{width:100%;min-width:0;height:100%;min-height:0}.toolbar.svelte-u7gkr4{flex-wrap:wrap;align-items:end;gap:.35em .8em;padding:.35em 0 0;display:flex;& label:where(.svelte-u7gkr4){gap:.2em;display:grid}& select:where(.svelte-u7gkr4){max-width:18em}& .checkbox:where(.svelte-u7gkr4){align-items:center;gap:.35em;padding-bottom:.25em;display:flex}}.amplitude-control.svelte-u7gkr4{min-width:11em;& span:where(.svelte-u7gkr4){justify-content:space-between;gap:1em;display:flex}}.mode-list.svelte-u7gkr4{box-sizing:border-box;align-content:start;gap:.2em;padding:.4em;display:grid;overflow:auto;& button:where(.svelte-u7gkr4){background:0 0;border:1px solid #0000;justify-content:space-between;padding:.45em .6em;display:flex;&.selected{border-left-color:var(--accent-color,#4c78a8);color:var(--accent-color,#4c78a8)}}}@media (width<=900px){.phonon-mode-explorer.svelte-u7gkr4{min-height:940px}.panes.svelte-u7gkr4{border-block:0;grid-template-rows:minmax(340px,1fr) minmax(340px,1fr);grid-template-columns:1fr;&>.pane-divider{display:none}}.plot-pane.svelte-u7gkr4,.trajectory-pane.svelte-u7gkr4{border-block:1px solid color-mix(in srgb, var(--border-color,#b7bec8) 55%, transparent)}}@media (width<=560px){.explorer-header.svelte-u7gkr4{align-items:stretch}.tabs.svelte-u7gkr4{width:100%}.tabs.svelte-u7gkr4 button:where(.svelte-u7gkr4){flex:1}.toolbar.svelte-u7gkr4>label:where(.svelte-u7gkr4):not(.checkbox),.toolbar.svelte-u7gkr4 select:where(.svelte-u7gkr4){width:100%}}
