.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)}.value.svelte-106grep{font-family:var(--font-mono,monospace);text-align:right;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;padding-left:.4em;display:flex;& .qpoint-label:where(.svelte-u7gkr4){margin-right:-.3em;font-weight:600}& .unstable:where(.svelte-u7gkr4){color:var(--warning-color,#b45309)}& .character:where(.svelte-u7gkr4),& .sparse:where(.svelte-u7gkr4){color:var(--text-muted,#6b7280);font-size:.9em}}.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}.plot-pane.svelte-u7gkr4{--scatter-height:100%;--scatter-min-height:0;overflow:hidden}.trajectory-pane.svelte-u7gkr4{z-index:1;--traj-border-radius:0;--struct-border-radius:0;position:relative;container-type:inline-size}.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>.trajectory{width:100%;min-width:0;height:100%;min-height:0}.mode-picker.svelte-u7gkr4{top:var(--viewer-buttons-top,.5em);z-index:2;position:absolute;left:.5em;& .phonon-modes-toggle{opacity:0;pointer-events:none}.structure:is(:hover,:focus-within) & .phonon-modes-toggle{opacity:1;pointer-events:auto}@media (hover:none){& .phonon-modes-toggle{opacity:1;pointer-events:auto}}}.panes.structure_only.svelte-u7gkr4{grid-template-rows:1fr;grid-template-columns:1fr}.toolbar.svelte-u7gkr4{gap:.5em;max-width:calc(100vw - 2em);padding:.6em;display:grid;& label:where(.svelte-u7gkr4),& .mode-control:where(.svelte-u7gkr4){white-space:nowrap;align-items:center;gap:.4em;display:flex}& select:where(.svelte-u7gkr4){flex:1;min-width:0}& .step-mode:where(.svelte-u7gkr4){padding:0 .45em;font-size:1.1em;line-height:1.4}}.amplitude-control.svelte-u7gkr4,.vector-thickness-control.svelte-u7gkr4{& input:where(.svelte-u7gkr4){flex:1;width:9em;min-width:0}& output:where(.svelte-u7gkr4){min-width:4.5em}}.vector-color-control.svelte-u7gkr4{align-items:center;gap:.5em;display:flex;& input:where(.svelte-u7gkr4){flex-shrink:0;width:3em;height:1.6em;padding:0}}.phonon-modes-pane{box-sizing:border-box;width:220px;min-width:0;max-height:min(60vh,400px);padding:4px;left:0;right:auto;overflow:auto}.mode-list.svelte-u7gkr4{box-sizing:border-box;align-content:start;gap:0;display:grid;overflow:auto;& button:where(.svelte-u7gkr4){background:0 0;border:0;justify-content:space-between;padding:.15em .35em;display:flex;&.selected{color:var(--accent-color,#4c78a8);font-weight:600}}}@media (width<=699px),(width<=900px) and (orientation:portrait){.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 select:where(.svelte-u7gkr4){flex:1;min-width:0}}