maruzzella 0.1.1

@define-color bg_0 {{color_bg_0}};
@define-color bg_1 {{color_bg_1}};
@define-color workbench {{color_workbench}};
@define-color panel_left {{color_panel_left}};
@define-color panel_right {{color_panel_right}};
@define-color panel_bottom {{color_panel_bottom}};
@define-color border {{color_border}};
@define-color border_strong {{color_border_strong}};
@define-color text_0 {{color_text_0}};
@define-color text_1 {{color_text_1}};
@define-color text_2 {{color_text_2}};
@define-color accent {{color_accent}};
@define-color accent_strong {{color_accent_strong}};

.app-window,
.app-window box,
.app-window viewport,
.app-window overlay,
.app-window stack,
.app-window grid,
.app-root,
.app-root box,
.app-root viewport,
.app-root overlay,
.app-root stack,
.app-root grid {
  background: @bg_0;
  color: @text_1;
  font-size: {{font_size_base}};
  font-family: {{font_family_base}};
}

.app-window label,
.app-root label {
  color: @text_1;
}

.app-dialog,
.app-dialog headerbar {
  background: @bg_0;
  color: @text_1;
  font-size: {{font_size_base}};
  font-family: {{font_family_base}};
}

.app-dialog scrolledwindow,
.app-dialog scrolledwindow > viewport,
.app-dialog frame,
.app-dialog paned,
.app-dialog list,
.app-dialog listview,
.app-dialog columnview,
.app-dialog gridview,
.app-dialog flowbox,
.app-dialog flowboxchild,
.app-dialog row {
  background: @bg_0;
  color: @text_1;
}

.app-dialog label {
  color: @text_1;
}

.app-dialog box {
  background: transparent;
}

.app-dialog row:hover,
.app-dialog list row:hover,
.app-dialog listview row:hover,
.app-dialog columnview row:hover {
  background: {{dense_row_hover_bg}};
}

.app-dialog row:selected,
.app-dialog list row:selected,
.app-dialog listview row:selected,
.app-dialog columnview row:selected {
  background: {{dense_row_selected_bg}};
  color: {{dense_row_selected_text}};
}

.app-dialog row:selected label,
.app-dialog list row:selected label,
.app-dialog listview row:selected label,
.app-dialog columnview row:selected label {
  color: {{dense_row_selected_text}};
}

.app-dialog button {
  min-height: {{control_height_button}};
  padding: 0 {{space_button_inline}};
  border-radius: {{button_radius}};
  background: transparent;
  border: 0;
  color: {{color_button_text}};
  box-shadow: none;
  font-size: {{font_size_ui}};
  font-weight: 600;
}

.app-dialog button:hover {
  background: {{color_button_hover}};
}

.app-dialog button:active {
  background: {{color_button_active}};
}

.app-dialog button > box {
  background: transparent;
}

.app-dialog entry {
  min-height: {{control_height_medium}};
  padding: 0 {{space_entry_inline}};
  background: {{color_entry_bg}};
  color: @text_0;
  border: 0;
  border-radius: {{search_radius}};
  font-size: {{font_size_ui}};
}

.app-dialog entry > text {
  background: transparent;
}

.app-dialog entry selection,
.app-dialog text selection {
  background: {{color_selection_bg}};
  color: {{color_selection_text}};
}

.app-dialog entry:focus {
  border-color: @accent;
  box-shadow: none;
}

.app-dialog separator {
  background: alpha({{color_separator_fill}}, {{separator_alpha}});
  min-width: {{separator_size}};
  min-height: {{separator_size}};
}

.app-dialog paned > separator {
  background: alpha({{color_separator_fill}}, {{separator_alpha}});
  min-width: {{paned_separator_size}};
  min-height: {{paned_separator_size}};
}

.app-dialog scrollbar trough {
  background: {{color_scrollbar_trough}};
}

.app-dialog scrollbar slider {
  min-width: {{scrollbar_slider_size}};
  min-height: {{scrollbar_slider_size}};
  background: {{color_scrollbar_slider}};
  border-radius: {{radius_pill}};
}

.app-dialog scrollbar slider:hover {
  background: {{color_scrollbar_slider_hover}};
}

.app-window notebook,
.app-window notebook > stack,
.app-window notebook > stack > box,
.app-window notebook > stack > scrolledwindow,
.app-window notebook > stack > scrolledwindow > viewport,
.app-window scrolledwindow,
.app-window scrolledwindow > viewport,
.app-window frame,
.app-window paned,
.app-window textview,
.app-window textview text,
.app-window entry,
.app-window list,
.app-window listview,
.app-window row,
.app-window viewport,
.workspace-pane,
.panel-scroller {
  border: 0;
  box-shadow: none;
  outline: none;
}

undershoot.top,
undershoot.right,
undershoot.bottom,
undershoot.left {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.app-window {
  background: {{color_app_shell}};
}

.app-root {
  background: {{color_app_shell}};
}

.shell-frame {
  background: {{color_app_shell}};
}

.topbar-shell {
  background: {{color_topbar}};
  border-bottom: {{topbar_border}};
}

.topbar-masthead {
  min-height: {{window_strip_height}};
  padding: 0 {{space_window_strip_inline}};
  background: {{color_topbar}};
  border-bottom: {{window_strip_border}};
}

.menu-bar {
  min-height: {{menu_bar_height}};
  background: {{color_menu_bg}};
  border-bottom: 0;
  padding: 0;
  margin: 0;
}

.menu-bar > child > button,
.menu-bar button {
  min-height: {{control_height_small}};
  padding: 0 {{space_menu_button_inline}};
  border-radius: {{radius_small}};
  background: transparent;
  border: 0;
  color: {{color_menu_text}};
  font-size: {{font_size_small}};
  font-weight: 600;
}

.menu-bar > child > button:hover,
.menu-bar button:hover {
  background: {{color_menu_hover}};
  color: @text_0;
}

.studio-toolbar {
  min-height: {{toolbar_height}};
  padding: {{space_md}} {{space_xl}};
  background: {{color_toolbar_bg}};
  border-top: 0;
  border-bottom: {{toolbar_bottom_border}};
}

.toolbar-search-cluster {
  min-width: 320px;
  margin-right: {{space_md}};
}

.toolbar-status {
  color: {{color_toolbar_meta}};
  font-size: {{font_size_small}};
  font-weight: 600;
}

.toolbar-status-cluster {
  padding: {{padding_toolbar_status_cluster}};
  min-height: {{control_height_button}};
  padding-left: {{space_button_inline}};
  padding-right: {{space_button_inline}};
  border-radius: {{radius_pill}};
  background: {{color_toolbar_title_chip}};
  border: {{toolbar_group_border}};
}

.toolbar-button,
.app-window button {
  min-height: {{control_height_button}};
  padding: 0 {{space_button_inline}};
  border-radius: {{button_radius}};
  background: transparent;
  border: 0;
  color: {{color_button_text}};
  box-shadow: none;
  font-size: {{font_size_ui}};
  font-weight: 600;
}

.toolbar-button:hover,
.app-window button:hover {
  background: {{color_button_hover}};
}

.toolbar-button:active,
.app-window button:active {
  background: {{color_button_active}};
}

.app-window button > box,
.toolbar-button > box {
  background: transparent;
}

.app-window .linked > button:checked {
  background: {{color_button_active}};
  color: @text_0;
}

.app-window .linked > button:checked:hover {
  background: {{color_button_active}};
  color: @text_0;
}

.toolbar-actions,
.toolbar-utility-group {
}

.toolbar-actions .toolbar-button {
  background: {{color_accent_action_bg}};
  color: {{color_accent_action_text}};
}

.toolbar-actions .toolbar-button:hover {
  background: {{color_accent_action_hover}};
}

.toolbar-actions .toolbar-button-label {
  color: {{color_accent_action_text}};
}

.toolbar-utility-group .toolbar-button:hover {
  background: {{color_button_hover}};
}

.toolbar-button-label {
  color: {{color_button_text}};
  font-size: {{font_size_ui}};
  font-weight: 500;
}

.nav-rail {
  min-width: {{nav_rail_width}};
  padding: {{nav_rail_padding}};
  background: {{color_nav_rail_bg}};
  border-right: 0;
}

.nav-rail-group {
}

.nav-rail separator {
  background: {{color_nav_separator}};
  min-height: {{hairline_size}};
  margin: {{nav_separator_margin}};
}

.nav-rail-button {
  min-width: {{nav_button_width}};
  min-height: {{nav_button_height}};
  padding: {{nav_button_padding}};
  border-radius: {{radius_medium}};
  background: transparent;
  border: 0;
  color: {{color_nav_button_text}};
}

.nav-rail image,
.toolbar-button image,
.toolbar-icon-button image,
button image {
  -gtk-icon-size: {{icon_size}};
}

.nav-rail-button:hover {
  background: @border;
  color: @text_0;
}

.nav-rail-button:active {
  background: {{color_accent}};
  color: {{color_selection_text}};
}

.toolbar-entry,
.command-entry,
entry {
  min-height: {{control_height_medium}};
  padding: 0 {{space_entry_inline}};
  background: {{color_entry_bg}};
  color: @text_0;
  border: 0;
  border-radius: {{search_radius}};
  font-size: {{font_size_ui}};
}

.toolbar-search {
  min-width: {{search_width_min}};
  background: {{color_search_bg}};
  border: {{search_border}};
  border-radius: {{search_radius}};
  padding: 0 {{space_search_inline}};
}

.toolbar-search:focus {
  border: {{search_focus_border}};
  box-shadow: none;
  background: {{color_search_focus_bg}};
}

.toolbar-icon-button {
  min-width: {{icon_button_width}};
  min-height: {{icon_button_height}};
  padding: {{icon_button_padding}};
  border-radius: {{radius_medium}};
  background: transparent;
  border: {{icon_button_border}};
}

.toolbar-icon-button:hover {
  background: {{color_icon_button_hover}};
  border-color: {{color_icon_button_hover_border}};
}

.toolbar-utility-group {
}

.app-window entry selection,
.app-window textview selection,
.app-window text selection {
  background: {{color_selection_bg}};
  color: {{color_selection_text}};
}

.app-window entry:focus {
  border-color: @accent;
  box-shadow: none;
}

.command-entry {
  min-width: {{command_width_min}};
}

.app-window separator {
  background: alpha({{color_separator_fill}}, {{separator_alpha}});
  min-width: {{separator_size}};
  min-height: {{separator_size}};
}

.app-window paned > separator {
  background: alpha({{color_separator_fill}}, {{separator_alpha}});
  min-width: {{paned_separator_size}};
  min-height: {{paned_separator_size}};
}

.workspace-pane {
  background: @panel_left;
  border-right: 1px solid alpha(@border, 0.32);
}

.workspace-pane.tool-window,
.workspace-pane.inspector-pane {
  border-right: 0;
}

.workspace-pane.console-pane {
  border-top: 1px solid alpha(@border, 0.28);
}

.workspace-pane.workbench {
  border-left: 0;
  border-right: 0;
}

.workspace-pane > box,
.workspace-pane > widget,
.workspace-pane viewport,
.workspace-pane text,
.workspace-pane label {
  background-color: transparent;
}

.dark-pane box,
.dark-pane scrolledwindow,
.dark-pane viewport,
.dark-pane overlay,
.dark-pane stack,
.dark-pane grid,
.dark-pane list,
.dark-pane listview,
.dark-pane row {
  background-color: transparent;
}

.tool-window {
  background: @panel_left;
}

.inspector-pane {
  background: @panel_right;
}

.console-pane {
  background: @panel_bottom;
}

.workbench {
  background: @workbench;
  border-top: 0;
}

.workbench-drop-zone {
  min-width: {{drop_zone_width}};
  min-height: {{drop_zone_height}};
  background: transparent;
}

.workbench-drop-zone.drop-zone-left,
.workbench-drop-zone.drop-zone-right {
  min-width: {{drop_zone_side_width}};
}

.workbench-drop-zone.drop-zone-bottom {
  min-height: {{drop_zone_bottom_height}};
}

.workbench-drop-zone.drop-zone-left,
.workbench-drop-zone.drop-zone-right,
.workbench-drop-zone.drop-zone-bottom {
  background: alpha({{color_drop_zone_fill}}, {{drop_zone_fill_alpha}});
  border: {{drop_zone_border}};
}

.app-window notebook header,
.app-window notebook.workbench-tabs > header {
  background: transparent;
  border-bottom: 0;
}

.app-window .console-pane notebook header {
  background: transparent;
}

.app-window notebook.workbench-tabs,
.app-window notebook.workbench-tabs > stack,
.app-window notebook.workbench-tabs > stack > box,
.app-window notebook.workbench-tabs > stack > scrolledwindow,
.app-window notebook.workbench-tabs > stack > scrolledwindow > viewport {
  background: @workbench;
}

.app-window notebook header tabs,
.app-window notebook.workbench-tabs > header tabs {
  background: transparent;
}

.app-window notebook > header scrollbar.horizontal,
.app-window .workbench-tab-strip-scroller scrollbar.horizontal {
  min-height: 4px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  opacity: 0;
  transition: 120ms ease;
}

.app-window notebook > header:hover scrollbar.horizontal,
.app-window .workbench-tab-strip-scroller:hover scrollbar.horizontal {
  opacity: 0.65;
}

.app-window notebook > header scrollbar.horizontal trough,
.app-window .workbench-tab-strip-scroller scrollbar.horizontal trough,
.app-window notebook > header scrollbar.horizontal:hover trough,
.app-window .workbench-tab-strip-scroller scrollbar.horizontal:hover trough {
  min-height: 4px;
  padding: 0;
  margin: 2px 0;
  background: alpha({{color_scrollbar_trough}}, 0.18);
  border-radius: {{radius_pill}};
}

.app-window notebook > header scrollbar.horizontal slider,
.app-window .workbench-tab-strip-scroller scrollbar.horizontal slider,
.app-window notebook > header scrollbar.horizontal:hover slider,
.app-window .workbench-tab-strip-scroller scrollbar.horizontal:hover slider,
.app-window notebook > header scrollbar.horizontal slider:hover,
.app-window .workbench-tab-strip-scroller scrollbar.horizontal slider:hover {
  min-width: 28px;
  min-height: 4px;
  padding: 0;
  margin: 2px 0;
  background: alpha({{color_scrollbar_slider}}, 0.7);
  border-radius: {{radius_pill}};
}

.app-window notebook > header scrollbar.horizontal:hover,
.app-window .workbench-tab-strip-scroller scrollbar.horizontal:hover {
  min-height: 4px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.app-window notebook > header scrollbar.horizontal:hover slider,
.app-window .workbench-tab-strip-scroller scrollbar.horizontal:hover slider,
.app-window notebook > header scrollbar.horizontal slider:hover,
.app-window .workbench-tab-strip-scroller scrollbar.horizontal slider:hover {
  background: alpha({{color_notebook_tab_active_border}}, 0.9);
}

.app-window notebook header tab,
.app-window notebook.workbench-tabs > header tabs tab {
  min-height: {{control_height_medium}};
  padding: {{notebook_tab_padding}};
  margin: 4px 4px 4px 0;
  border-radius: {{tab_radius}};
  border-right: 0;
  border-top: 0;
  border-bottom: {{notebook_tab_border_width}} solid transparent;
  background: {{color_notebook_tab_bg}};
  color: {{color_notebook_tab_text}};
  box-shadow: none;
  background-image: none;
}

.app-window notebook header tab:hover,
.app-window notebook.workbench-tabs > header tabs tab:hover {
  background: {{color_notebook_tab_hover}};
  border-bottom-color: {{color_notebook_tab_hover_border}};
  color: {{color_notebook_tab_hover_text}};
}

.app-window notebook header tab:checked,
.app-window notebook.workbench-tabs > header tabs tab:checked {
  background: {{color_notebook_tab_active}};
  border-bottom-width: {{notebook_tab_active_border_width}};
  border-bottom-color: {{color_notebook_tab_active_border}};
  color: @text_0;
}

.app-window notebook header tab:drop(active),
.app-window notebook.workbench-tabs > header tabs tab:drop(active),
.app-window notebook.editor-tabs > header tabs tab:drop(active),
.app-window notebook.tool-tabs > header tabs tab:drop(active),
.app-window notebook.bottom-tabs > header tabs tab:drop(active) {
  background: {{color_notebook_tab_active}};
  border-bottom-color: {{color_notebook_tab_drop_border}};
  box-shadow: {{notebook_tab_drop_shadow}};
  color: @text_0;
}


.app-window notebook.editor-tabs > header {
  background: transparent;
}

.app-window notebook.editor-tabs > header tabs tab {
  background: {{color_editor_tab_bg}};
}

.app-window notebook.editor-tabs > header tabs tab:checked {
  background: {{color_editor_tab_active}};
}

.app-window notebook.tool-tabs > header {
  background: transparent;
}

.app-window notebook.tool-tabs > header tabs tab {
  min-height: {{tool_tab_height}};
  background: transparent;
}

.app-window notebook.tool-tabs > header tabs tab:checked {
  background: transparent;
  border-bottom-width: {{notebook_tab_active_border_width}};
  border-bottom-color: {{color_notebook_tab_active_border}};
}

.app-window notebook.bottom-tabs > header {
  background: transparent;
}

.app-window notebook.bottom-tabs > header tabs tab {
  min-height: {{tool_tab_height}};
  background: transparent;
}

.app-window notebook.bottom-tabs > header tabs tab:checked {
  background: transparent;
}

.tab-header {
}

.tab-label {
  font-size: {{font_size_ui}};
  font-weight: 500;
  letter-spacing: 0;
}

.tab-close-button {
  min-width: {{tab_close_width}};
  min-height: {{tab_close_height}};
  padding: {{tab_close_padding}};
  border: 0;
  border-radius: {{radius_small}};
  background: transparent;
  color: {{color_tab_close_text}};
}

.tab-close-button:hover {
  background: {{color_tab_close_hover}};
  color: @text_0;
}

.custom-workbench-preview {
  background: {{color_preview_bg}};
  border-top: {{preview_top_border}};
}

.custom-workbench-preview > .panel-header {
  padding: {{space_lg}} {{space_xl}};
  background: {{color_preview_header_bg}};
}

.custom-workbench-group {
  background: @workbench;
}

.custom-workbench-group > box {
  background: @workbench;
}

.workbench-tab-strip-scroller {
  background: {{color_tab_strip_scroller_bg}};
  border-bottom: {{tab_strip_scroller_border}};
}

.workbench-tab-strip {
  min-height: {{tab_strip_height}};
  padding: 0;
  border-spacing: 0;
  background: transparent;
}

.workbench-tab-strip > .tab-header,
.drag-preview {
  min-height: {{tab_height}};
  padding: {{workbench_tab_padding}};
  margin: 0;
  border-spacing: {{space_sm}};
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: {{workbench_tab_border_width}} solid transparent;
  border-radius: {{tab_radius}};
  background: {{color_workbench_tab_bg}};
  color: {{color_workbench_tab_text}};
}

.workbench-tab-strip > .tab-header:hover {
  background: {{color_workbench_tab_hover}};
  color: {{color_workbench_tab_hover_text}};
}

.workbench-tab-strip > .tab-header.active {
  background: {{color_workbench_tab_active}};
  border-bottom-color: {{color_notebook_tab_active_border}};
  color: @text_0;
}

.drag-preview {
  background: {{color_drag_preview_bg}};
  border-bottom-color: {{color_drag_preview_border}};
  box-shadow: {{drag_preview_shadow}};
}

.drag-preview.dragging {
  opacity: {{drag_preview_opacity}};
}

.tab-drag-gap {
  min-width: {{tab_drag_gap_width}};
  min-height: {{tab_drag_gap_height}};
  margin: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: {{tab_drag_gap_border}};
  background: {{tab_drag_gap_bg}};
}

.workbench-split-preview {
  margin: {{workbench_split_margin}};
  background: {{workbench_split_fill}};
  border: {{workbench_split_border}};
}

.split-preview-left,
.split-preview-right {
  min-width: {{split_preview_side_width}};
}

.split-preview-bottom {
  min-height: {{split_preview_bottom_height}};
}

.panel-header {
  min-height: {{panel_header_height}};
  padding: 0 {{space_lg}};
  background: alpha(@bg_1, 0.28);
  border-bottom: 1px solid alpha(@border, 0.24);
}

.panel-title {
  font-size: {{font_size_small}};
  font-weight: 600;
  letter-spacing: {{panel_title_tracking}};
  color: {{panel_title_color}};
  text-transform: uppercase;
}

.section-title {
  font-size: {{font_size_tiny}};
  font-weight: 700;
  letter-spacing: {{section_title_tracking}};
  text-transform: uppercase;
  color: @text_2;
}

.inspector-content,
.workbench-page {
  padding: {{panel_content_padding}};
}

.workbench-page {
  background: @workbench;
}

.panel-scroller,
.app-window scrolledwindow,
.app-window scrolledwindow > viewport,
.app-window scrolledwindow > viewport > *,
.dense-list,
.app-window list,
.app-window listview,
.app-window row,
.app-window box.list-row-box {
  background: transparent;
}

.app-window row {
  border-radius: 0;
}

.dense-row {
  min-height: {{dense_row_height}};
  padding: 0;
  margin: 2px 0;
  border-bottom: 0;
  background: transparent;
}

.dense-row:selected,
.app-window list row:selected,
.app-window listview row:selected,
.app-window row:selected {
  background: {{dense_row_selected_bg}};
  color: {{dense_row_selected_text}};
}

.dense-row:hover,
.app-window list row:hover,
.app-window row:hover {
  background: {{dense_row_hover_bg}};
}

.list-row-box {
  padding: {{list_row_padding}};
  border-radius: {{radius_small}};
}

.row-title {
  color: @text_0;
  font-size: {{font_size_ui}};
  font-weight: 500;
}

.muted {
  color: @text_2;
  font-size: {{font_size_small}};
}

.mono,
textview,
text,
.console-view {
  font-family: {{font_family_mono}};
  font-size: {{font_size_ui}};
}

.inspector-value {
  color: {{inspector_value_color}};
}

.status-badge {
  padding: {{status_badge_padding}};
  border-radius: {{radius_small}};
  font-size: {{font_size_tiny}};
  font-weight: 700;
  background: {{color_status_badge_bg}};
  color: {{color_status_badge_text}};
}

.status-idle {
  background: {{color_status_idle_bg}};
  color: {{color_status_idle_text}};
}

.status-loaded {
  background: {{color_status_loaded_bg}};
  color: {{color_status_loaded_text}};
}

.status-running {
  background: {{color_status_running_bg}};
  color: {{color_status_running_text}};
}

.app-window textview,
.app-window textview text,
.app-window text {
  background: @workbench;
  color: {{color_textview_text}};
}

.app-window entry > text {
  background: transparent;
}

.workbench textview,
.workbench textview text,
.inspector-pane textview,
.inspector-pane textview text {
  background: @workbench;
}

.tool-window listview,
.tool-window list,
.tool-window row,
.tool-window viewport {
  background: {{color_tool_window_surface}};
}

.inspector-pane viewport,
.inspector-pane box,
.inspector-pane list,
.inspector-pane row {
  background: {{color_tool_window_surface}};
}

.console-view,
.console-view text,
.console-pane viewport,
.console-pane scrolledwindow {
  background: @panel_bottom;
}

.app-window scrollbar trough {
  background: {{color_scrollbar_trough}};
}

.app-window scrollbar slider {
  min-width: {{scrollbar_slider_size}};
  min-height: {{scrollbar_slider_size}};
  background: {{color_scrollbar_slider}};
  border-radius: {{radius_pill}};
}

.app-window scrollbar slider:hover {
  background: {{color_scrollbar_slider_hover}};
}

.status-bar {
  min-height: {{status_bar_height}};
  padding: 0 {{space_md}};
  background: {{color_status_bar_bg}};
  border-top: 0;
}

.status-item {
  font-size: {{font_size_small}};
  color: {{color_status_item}};
}

.status-item-strong {
  color: {{color_status_item_strong}};
}

.plugin-search-entry {
  margin-bottom: {{plugin_search_margin_bottom}};
}

.plugin-index-list .dense-row {
  background: transparent;
  border-bottom: {{plugin_list_row_border}};
}

.plugin-list-row-box {
  padding: {{plugin_list_row_padding}};
}

.plugin-list-row .status-badge {
  border-radius: {{radius_small}};
}

.plugin-source-badge {
  background: {{color_plugin_source_badge_bg}};
  color: {{color_plugin_source_badge_text}};
}

.plugin-detail-root {
  background: transparent;
}

.plugin-hero {
  background: {{color_plugin_hero_bg}};
  border: 0;
  border-radius: {{radius_small}};
  padding: {{plugin_hero_padding}};
}

.plugin-detail-name {
  font-size: {{font_size_title}};
  font-weight: 700;
  color: {{color_plugin_name}};
}

.plugin-detail-description {
  color: {{color_plugin_description}};
}

.plugin-detail-overview {
  color: {{color_plugin_overview}};
}

.plugin-manager-footer {
  padding: {{plugin_footer_padding}};
}

.icon-button-tooltip-label,
.maruzzella-tooltip-label {
  padding: 4px 8px;
  background: {{color_popover_bg}};
  color: @text_1;
  font-size: {{font_size_small}};
}

popover.icon-button-tooltip-popover,
popover.icon-button-tooltip-popover > contents,
popover.maruzzella-tooltip-popover,
popover.maruzzella-tooltip-popover > contents {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

popover.menu,
popover.background.menu,
popover.background {
  background: transparent;
  color: @text_1;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

popover.menu > arrow,
popover.background.menu > arrow,
popover.background > arrow {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  min-width: 0;
  min-height: 0;
}

popover.menu > contents,
popover.background.menu > contents,
popover.background > contents {
  background: {{color_popover_bg}};
  border: {{popover_border}};
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

popover.menu modelbutton,
popover.background.menu modelbutton,
popover.background modelbutton {
  min-height: {{popover_button_height}};
  padding: {{popover_button_padding}};
  border-radius: {{radius_none}};
  background: transparent;
  color: {{color_popover_button_text}};
}

popover.menu modelbutton:hover,
popover.background.menu modelbutton:hover,
popover.background modelbutton:hover {
  background: {{color_popover_button_hover}};
  color: {{color_popover_button_hover_text}};
}

popover.menu modelbutton:disabled,
popover.background.menu modelbutton:disabled,
popover.background modelbutton:disabled {
  color: {{color_popover_button_disabled}};
}

popover.menu separator,
popover.background.menu separator,
popover.background separator {
  background: {{color_popover_separator}};
  min-height: 1px;
  margin: {{popover_separator_margin}};
}

.app-window row,
.app-window list row,
.app-window listview row,
.dense-row,
.app-window .boxed-list row {
  margin: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  border-top: 0;
  border-bottom: 0;
}

.boxed-list {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  border-spacing: 0;
}

.app-window list separator {
  min-height: 0;
  background: transparent;
}

.app-window row:hover box,
.app-window row:hover label {
  background: transparent;
}

.app-window row:selected box,
.app-window row:selected label,
.app-window list row:selected box,
.app-window list row:selected label,
.app-window listview row:selected box,
.app-window listview row:selected label {
  background: transparent;
}

.pane-focused row:hover,
.pane-focused list row:hover {
  background: alpha(#2d5c88, 0.3);
}

.workbench-tab-strip > .tab-header,
.drag-preview,
.app-window notebook header tab {
  border-radius: 0;
  margin: 0;
}


.pane-focused .linked > button:checked {
  background: #2d5c88;
  color: #ffffff;
}