/* The device cards are not clickable, so suppress the flow box hover tint. */
flowbox.device-grid > flowboxchild:hover,
flowbox.device-grid > flowboxchild:active {
  background: none;
  box-shadow: none;
}

.theme-selector-frame {
  margin: 9px;
}

.theme-selector {
  padding: 1px;
  min-height: 44px;
  min-width: 44px;
  background-clip: content-box;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 1px alpha(currentColor, 0.15);
}

.theme-selector.auto {
  background-image: linear-gradient(to bottom right, #fff 49.99%, #202020 50.01%);
}

.theme-selector.light {
  background-color: #fff;
}

.theme-selector.dark {
  background-color: #202020;
}

.theme-selector.auto:checked,
.theme-selector.light:checked,
.theme-selector.dark:checked {
  box-shadow: inset 0 0 0 2px @accent_bg_color;
}

.theme-selector radio {
  -gtk-icon-source: none;
  border: none;
  background: none;
  box-shadow: none;
  min-width: 12px;
  min-height: 12px;
  padding: 2px;
  transform: translate(27px, 14px);
}

.theme-selector radio:checked {
  -gtk-icon-source: -gtk-icontheme("object-select-symbolic");
  background-color: @accent_bg_color;
  color: @accent_fg_color;
  border-radius: 9999px;
}

.preset-split {
  min-height: 40px;
  min-width: 160px;
}

.preset-split > button {
  min-height: 40px;
  border-radius: 9999px 0 0 9999px;
  padding-left: 16px;
  padding-right: 12px;
}

.preset-split > menubutton {
  border-radius: 0 9999px 9999px 0;
}

.preset-split > menubutton > button {
  min-height: 40px;
  border-radius: 0 9999px 9999px 0;
  padding-left: 8px;
  padding-right: 12px;
}

.mobile-layout .preset-menu-item {
  min-height: 48px;
  padding-left: 16px;
  padding-right: 16px;
}
