@charset "UTF-8";
/*
 * These are used as variables in other sass files.
 * Theme authors can declare whatever they want here.
 */
/*
 * SPDX-FileCopyrightText: © Adrien Plazas <adrien.plazas@puri.sm>
 * SPDX-FileCopyrightText: © Bob Ham <bob.ham@puri.sm>
 * SPDX-FileCopyrightText: © Dorota Czaplejewicz <dorota.czaplejewicz@puri.sm>
 * SPDX-FileCopyrightText: © Guido Günther <agx@sigxcpu.org>
 * SPDX-FileCopyrightText: © Heather Ellsworth <heather.ellsworth@puri.sm>
 * SPDX-FileCopyrightText: © Julian Richen <julian@richen.io>
 * SPDX-FileCopyrightText: © Julian Sparber <julian@sparber.net>
 * SPDX-FileCopyrightText: © Sebastien Lafargue <slafargue@gnome.org>
 * SPDX-FileCopyrightText: © Zander Brown <zbrown@gnome.org>
 *
 * SPDX-License-Identifier: LGPL-2.1-or-later
 */
/* see https://coolors.co/ to generate more or use GPick */
/* other colors */
/*
 * SPDX-FileCopyrightText: © Adrien Plazas <adrien.plazas@puri.sm>
 * SPDX-FileCopyrightText: © Bob Ham <bob.ham@puri.sm>
 * SPDX-FileCopyrightText: © Dorota Czaplejewicz <dorota.czaplejewicz@puri.sm>
 * SPDX-FileCopyrightText: © Guido Günther <agx@sigxcpu.org>
 * SPDX-FileCopyrightText: © Heather Ellsworth <heather.ellsworth@puri.sm>
 * SPDX-FileCopyrightText: © Julian Richen <julian@richen.io>
 * SPDX-FileCopyrightText: © Julian Sparber <julian@sparber.net>
 * SPDX-FileCopyrightText: © Sebastien Lafargue <slafargue@gnome.org>
 * SPDX-FileCopyrightText: © Zander Brown <zbrown@gnome.org>
 *
 * SPDX-License-Identifier: LGPL-2.1-or-later
 */
@define-color accent_color #D68A0C;
@define-color accent_bg_color #F79616;
@define-color window_bg_color #202020;
@define-color dialog_bg_color #262626;
/* taken from libadwaita */
.plugin-browser separator,
.file-browser separator {
  min-height: 6px; }

entry selection,
:not(.sourceview) > text selection {
  color: #444444;
  background-color: #F9CA1B; }

treeview.view:hover,
listview row:hover,
columnview row:hover {
  background-color: alpha(white,0.1); }

progressbar > trough > progress {
  background-image: linear-gradient(90deg, #F9CA1B, #9D3955); }

progressbar > text {
  padding-bottom: 8px; }

treeview.view:selected,
listview row:selected,
columnview row:selected {
  background-color: #9D3955; }

/* notebook page background */
notebook stack {
  background-color: #2D2D2D; }

tracklist,
ruler,
piano-roll-labels,
filechooser #pathbarbox,
paned {
  background-color: #262626; }

.main-window-header,
left-dock-edge notebook header,
right-dock-edge notebook header,
bot-dock-edge notebook header,
notebook header,
center-dock-bot-box,
center-dock-bot-box .toolbar,
tracklist-header,
top-dock-edge,
top-dock-edge .toolbar,
top-bar,
top-bar .toolbar,
bot-bar,
bot-bar .toolbar,
assistant,
buttonbox,
timeline-selection-info,
.timeline-toolbar,
piano-roll-selection-info,
piano-roll-toolbar,
.plugin-browser .toolbar,
.file-browser .toolbar,
bot-dock-edge .toolbar,
bot-dock-edge .toolbar > stack {
  background-color: #1F1F1F; }

.header tabs,
.header header,
.header .toolbar,
.header > box {
  background-color: #121212; }

.linked > button {
  margin-left: 0px; }

button {
  /* override button size from theme */
  min-width: 4px;
  min-height: 4px; }
  button.toggle:hover, button.popup:hover, button:not(.close):hover, button.flat:hover, button.text-button:hover {
    background-color: #444444; }
  button:not(.toggle):not(.close):active, button.flat:not(.toggle):active, button:not(.record-button):not(.solo-button).toggle:active, button.text-button:active {
    background-color: #F79616; }
  button:not(.record-button):not(.solo-button):checked {
    background-color: #D68A0C; }
  button.toggle.record-button:checked {
    background-color: #ED2939; }
  button.toggle.record-button:active {
    background-color: #FF2400; }
  button.toggle.solo-button:checked {
    background-color: #19664c; }
  button.toggle.solo-button:active {
    background-color: #2eb398; }
  button.channel-slot-activate-btn {
    border-radius: 100px;
    min-height: 0px;
    min-width: 0px;
    padding: 4px;
    margin-left: 4px;
    background-color: black;
    border: 1px;
    border-color: alpha(black,0.4);
    border-style: solid; }
    button.channel-slot-activate-btn:checked {
      background-color: #2eb398; }
    button.channel-slot-activate-btn:active {
      background-color: #19664c; }

arranger-bg,
treeview.view,
listview.view,
columnview.view,
timeline-minimap-bg {
  background-color: #202020; }

track-grid:selected,
channel:selected,
region:selected,
chord:selected,
marker:selected,
scale-object:selected,
midi-note:selected
velocity:selected,
automation-point:selected {
  background-color: alpha(white,0.07); }

filechooser button:checked,
filechooser button:active {
  border-color: alpha(white,0.07); }

track-grid:hover,
chord:hover,
channel-slot:hover:not(:selected),
channel-send:hover:not(:selected) {
  background-color: alpha(white,0.1); }

.inspector expander-box,
.inspector two-col-expander-box,
modulator-view two-col-expander-box {
  margin: 4px;
  border-style: solid;
  border-width: 2px;
  border-radius: 6px;
  /* FIXME use predefined colors */
  border-color: #555555; }
  .inspector expander-box button.toggle, .inspector expander-box button.popup, .inspector expander-box button:not(.flat),
  .inspector two-col-expander-box button.toggle,
  .inspector two-col-expander-box button.popup,
  .inspector two-col-expander-box button:not(.flat),
  modulator-view two-col-expander-box button.toggle,
  modulator-view two-col-expander-box button.popup,
  modulator-view two-col-expander-box button:not(.flat) {
    background-color: #343434; }
  .inspector expander-box button:hover,
  .inspector two-col-expander-box button:hover,
  modulator-view two-col-expander-box button:hover {
    background-color: #444444; }

/* curve the bottom edges of the fader section
 * in the inspector */
.inspector .fader-controls-expander buttonbox {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.inspector expander-box > button,
.inspector two-col-expander-box > button {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

/* make mono switch smaller */
.track-input-expander button.toggle {
  padding-left: 4px;
  padding-right: 4px; }

channel grid {
  padding-left: 3px;
  padding-right: 3px; }
  channel grid button {
    padding-top: 2px;
    padding-bottom: 2px; }

channel button.flat {
  padding-left: 3px;
  padding-right: 3px; }

channel expander-box {
  /*margin: 5px;*/
  border-style: none;
  border-width: 2px;
  border-radius: 8px;
  /* FIXME use predefined colors */
  border-color: #BBBBBB; }
  channel expander-box > button {
    padding: 4px 6px 4px 6px; }

.piano_roll_key_box,
.chord_key {
  border-style: solid;
  border-bottom-width: 1px;
  border-color: alpha(grey,0.3); }

/* blend with header box on the right */
.header notebook {
  border-right: 0px; }

.header > box {
  border-top: 1px;
  border-bottom: 1px;
  border-right: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.2); }
  .header > box > box {
    border-top: 1px;
    border-style: solid;
    border-color: #1b1b1b; }

.splash label,
statusbar {
  font-size: 10.5pt; }

/* use .spacer instead in toolbars */
.thick-separator {
  min-height: 6px;
  min-width: 6px; }

track-lane,
automation-lane {
  border-style: solid;
  border-top-width: 2px;
  border-color: alpha(grey,0.3); }

.section_heading,
.small-and-bold {
  font-weight: bold;
  font-size: small; }

.x-small {
  font-size: x-small; }

.xx-small {
  font-size: xx-small; }

/* statckswitcher in the inspector */
stackswitcher button image {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 3px;
  padding-right: 3px; }

textview {
  font-family: Monospace;
  font-size: 11pt; }

/* button without padding */
.mini-button {
  padding: 0px; }

.small-button {
  padding: 3px; }

.left-of-ruler-box button {
  min-width: 24px; }

.inspector_label {
  font-size: small; }

/* arrow button */
.button-with-menu button {
  padding: 0;
  border-width: 0;
  min-height: 24px; }

/* make dock tab height */
left-dock-edge notebook tab,
right-dock-edge notebook tab {
  min-height: 24px; }

/* make snap grid popover buttons small */
popover.snap-grid-popover button.note-type {
  padding: 0px 4px 0px 4px; }

/* to be used on currently selected part of the UI
 * (e.g., timeline, tracklist, etc.) */
.selected-element {
  border: 2px solid alpha(#ccc,0.4);
  padding: 1px;
  border-radius: 3px; }

.selectable-element {
  padding: 3px; }

label.small-vertical-lbl {
  font-family: sans-serif;
  font-size: 6pt; }

/* this is used in adwaita preferences window */
preferencesgroup .header .title,
preferencesgroup .header > box,
preferencesgroup .boxed-list box,
row .header .title,
row .header > box,
row .boxed-list box {
  background-color: transparent;
  border-color: transparent; }

/* make channel tint look better */
channel button:not(:checked),
folder-channel button:not(:checked) {
  background-color: transparent; }

channel button:hover,
channel menubutton:hover,
channel button.toggle:hover,
folder-channel button:hover,
folder-channel menubutton:hover,
folder-channel button.toggle:hover {
  background-color: alpha(white,0.1); }

viewswitcher stack,
event-viewer stack,
dropdown stack,
dropdown stack:hover,
dropdown stack row,
dropdown stack row:hover,
row.combo > box.header > box > listview,
row.combo > box.header > box > listview > row {
  background-color: transparent; }

/* context menus */
popover accelerator {
  font-size: small;
  color: #F79616; }

/* Used on toolbar children that use a box layout
 * to get uniform spacing between the children */
.toolbar-child-box {
  border-spacing: 6px; }

channel-send,
channel-slot {
  font-size: x-small; }
  channel-send:not(.empty),
  channel-slot:not(.empty) {
    font-weight: bold; }
  channel-send.empty,
  channel-slot.empty {
    font-style: italic;
    color: alpha(currentColor,0.55); }
  channel-send,
  channel-slot {
    outline: 0 solid transparent;
    outline-offset: 4px;
    transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  channel-send:focus:focus-visible,
  channel-slot:focus:focus-visible {
    outline-color: alpha(#D68A0C,0.5);
    outline-width: 2px;
    outline-offset: -2px; }

channel-slot {
  border-radius: 6px;
  margin: 1px; }
  channel-slot.empty {
    background-color: alpha(#121212,0.9); }
  channel-slot:not(.empty).disabled {
    background-color: #656464; }
    channel-slot:not(.empty).disabled:checked {
      background-color: #989797; }
  channel-slot:not(.empty):not(.disabled) {
    background-color: #19664c; }
    channel-slot:not(.empty):not(.disabled):checked {
      background-color: #1DD169; }
  channel-slot:not(.empty):selected {
    border-color: #F9CA1B;
    border-style: solid;
    border-width: 2px; }

volume {
  padding: 4px; }

fader-buttons button {
  padding: 3px; }

fader {
  color: #D68A0C; }

/* add focus right on any focusable widget */
* {
  outline: 0 solid transparent;
  outline-offset: 4px;
  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

*:focus:focus-visible {
  outline-color: alpha(#D68A0C,0.5);
  outline-width: 2px;
  outline-offset: -2px; }

.signal-preview {
  border-color: alpha(white,0.2);
  border-style: solid;
  border-radius: 4px;
  border-width: 1px; }

route-target-selector button.toggle {
  padding: 2px 3px 2px 6px; }
  route-target-selector button.toggle label {
    font-size: 11px; }

/* fix shortcut window page buttons being tiny */
shortcuts-section > box > stackswitcher > button {
  padding: 8px;
  min-width: 16px; }

.bold-label {
  font-weight: bold; }
