#split-views-button {
  list-style-image: url("chrome://floorp/skin/designs/lepton/calendar-agenda.svg");
}

.split-view-modifier-preview {
  border: solid 1px var(--toolbar-color);
}

.splitViewSelectItems {
  border: solid 1px var(--toolbar-color);
}

.browserSidebarContainer {
  flex: 0;
}

#tabbrowser-tabpanels[split-view="true"] {
  display: flex;
  flex-direction: row;
}

#tabbrowser-tabpanels[split-view="true"]
  > *:not([split="true"]):not(.deck-selected) {
  flex: 0;
  margin: 0 !important;
  width: 0;
  min-width: 0;
  overflow: hidden;
}

body[split-view-active="true"] .tab-preview-thumbnail-container {
  display: none;
}

#tabbrowser-tabpanels[split-view="true"] > [split="true"] {
  flex: 1;
  margin-right: 5px !important;
}

#tabbrowser-tabpanels:has(> [split="true"]) {
  display: flex;
  flex-direction: row;
}

deck > .deck-selected,
tabpanels > [split="true"] {
  -moz-subtree-hidden-only-visually: 0 !important;
  visibility: visible !important;
}

#splitView-action {
  border-radius: 100px;
  background: var(--button-active-bgcolor);
  margin-left: -3px;
  margin-right: 6px;
}

#splitView-image {
  list-style-image: url("chrome://floorp/skin/designs/lepton/link.svg");
  fill: var(--button-primary-bgcolor);
}

#splitView-vbox {
  width: 270px;
}

.splitView-title {
  margin: 5px;
  font-weight: bold;
}

#splitView-position-selector {
  display: flex;
  flex-direction: row;
}

.splitView-select-box {
  flex: 1;
  height: 100px;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--panel-separator-color);
  margin: 7px;
}

.splitView-select-content-box {
  margin: 5px;
  border-radius: 5px;
  height: 50px;
  flex: 1;
}

.splitView-select-label {
  margin: auto;
  font-size: smaller;
}

.splitView-select-content-box > box {
  flex: 1;
}

.splitView-select-content-box > :nth-child(1) {
  background-color: var(--button-active-bgcolor);
  border-radius: 5px;
}

#splitView-position-selector-content-right {
  flex-direction: row-reverse;
}

#splitView-remove-button {
  margin-top: 10px;
  margin-left: auto;
}

.splitView-select-box.selected {
  border: var(--button-primary-hover-bgcolor) solid 1px;
}

#navigator-toolbox {
  :root[lwtheme] & {
    background-repeat: var(--lwt-background-tiling);
    background-position: var(--lwt-background-alignment);
    color: inherit;
  }
}
