html:has(.bt-board-mode.bt-board-gutter) {
  scrollbar-gutter: stable;
}
.bt-container.bt-board-mode {
  overflow: visible;
}
.bt-container.bt-board-mode > main.container {
  box-sizing: border-box;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.bt-board-mode .bt-board {
  --bt-board-border: #dfe5e8;
  --bt-board-muted: #70767b;
  --bt-board-accent: #238fe1;
  box-sizing: border-box;
  margin: 0 auto;
  min-width: 0;
  padding: 10px 16px 24px;
  padding-left: calc(16px + var(--bt-board-gutter-width, 0px));
  width: 100%;
}
.bt-board-mode .bt-board-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--bt-board-muted);
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease;
}
.bt-board-mode .bt-board-control svg {
  fill: none;
  height: 18px;
  pointer-events: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.75;
  width: 18px;
}
.bt-board-mode .bt-board-control:hover,
.bt-board-mode .bt-board-control:focus-visible {
  background: rgba(35, 143, 225, .1);
  color: var(--bt-board-accent);
}
.bt-board-mode .bt-board-control:disabled {
  color: var(--bt-board-muted);
  cursor: default;
  opacity: .45;
  pointer-events: none;
}
.bt-board-mode .bt-board-column:not(:last-child) .bt-board-add {
  display: none;
}
.bt-board-mode .bt-board-control:focus-visible,
.bt-board-mode .bt-board-more:focus-visible,
.bt-board-mode .bt-board-retry:focus-visible {
  outline: 2px solid rgba(35, 143, 225, .5);
  outline-offset: 2px;
}

.bt-board-mode .bt-board-columns {
  align-items: stretch;
  display: flex;
  gap: calc(18px + var(--bt-board-gutter-width, 0px));
  height: calc(100vh - 110px);
  max-height: calc(100vh - 64px);
  min-height: 380px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  padding: 2px 2px 8px;
  scrollbar-color: rgba(112, 118, 123, .42) transparent;
}
.bt-board-mode .bt-board-columns::-webkit-scrollbar,
.bt-board-mode .bt-board-results::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.bt-board-mode .bt-board-columns::-webkit-scrollbar-track,
.bt-board-mode .bt-board-results::-webkit-scrollbar-track {
  background: transparent;
}
.bt-board-mode .bt-board-columns::-webkit-scrollbar-thumb,
.bt-board-mode .bt-board-results::-webkit-scrollbar-thumb {
  background: rgba(112, 118, 123, .42);
  border: 3px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.bt-board-mode .bt-board-column {
  display: flex;
  flex: 1 0 380px;
  flex-direction: column;
  min-height: 0;
  min-width: 380px;
  overflow: visible;
  position: relative;
}
.bt-board-mode .bt-board-search-form {
  flex: 0 0 auto;
  min-width: 0;
}
.bt-board-mode .bt-board-search-form .form-group {
  margin: 0;
}
.bt-board-mode .bt-board-date-filters {
  display: none;
}
.bt-board-mode .select-clear {
  color: #a8a8a8;
}

.bt-board-mode .bt-board-subheader {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 26px;
  min-width: 0;
  margin: 15px 0 7px;
}
.bt-board-mode .bt-board-subheader .bt-header {
  flex: 1 1 auto;
  margin: 0;
  min-width: 0;
}
.bt-board-mode .bt-board-subheader .bt-sort-wrap {
  float: none;
  flex: 0 0 auto;
  margin: 1px 0;
}
.bt-board-mode .bt-board-actions {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0;
  white-space: nowrap;
}
.bt-board-mode .bt-board-type.selected {
  color: #000;
  cursor: default;
  font-weight: 600;
  text-decoration: none;
}
.bt-board-mode .bt-board-status {
  color: var(--bt-board-muted);
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 17px;
  min-height: 17px;
  padding: 5px 11px 3px;
}
.bt-board-mode .bt-board-status:empty {
  display: none;
}
.bt-board-mode .bt-board-retry {
  background: transparent;
  border: 0;
  color: var(--bt-board-accent);
  cursor: pointer;
  font: inherit;
  padding: 0 2px;
  text-decoration: underline;
}

.bt-board-mode .bt-board-results {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(112, 118, 123, .42) transparent;
}
.bt-board-mode .bt-board-results .bt-card-row {
  margin-left: 0;
  margin-right: 0;
}
.bt-board-mode .bt-board-more {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--bt-board-border);
  color: var(--bt-board-accent);
  cursor: pointer;
  display: block;
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 18px;
  margin: 0 10px;
  padding: 9px 2px 8px;
  text-align: center;
  width: calc(100% - 20px);
}
.bt-board-mode .bt-board-more:hover,
.bt-board-mode .bt-board-more:focus-visible {
  color: #086eaa;
  text-decoration: underline;
}
.bt-board-mode .bt-board-more[hidden] {
  display: none;
}

html.bt-theme-dark .bt-board-mode .bt-board {
  --bt-board-border: var(--bt-dark-border);
  --bt-board-muted: var(--bt-dark-text-secondary);
  --bt-board-accent: var(--bt-dark-text-accent);
}
html.bt-theme-dark .bt-board-mode .select-clear {
  color: var(--bt-dark-text-secondary);
}
html.bt-theme-dark .bt-board-mode .bt-board-more:hover,
html.bt-theme-dark .bt-board-mode .bt-board-more:focus-visible {
  color: var(--bt-dark-text-primary);
}
html.bt-theme-dark .bt-board-mode .bt-board-type.selected {
  color: var(--bt-dark-text-primary);
}

.bt-view-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: #8794a1;
  cursor: pointer;
  display: inline-flex;
  height: 22px;
  justify-content: center;
  opacity: .7;
  padding: 0 8px;
  position: relative;
  transform: translateX(4px);
  vertical-align: top;
}
.bt-view-toggle:hover,
.bt-view-toggle:focus-visible {
  opacity: 1;
}
.bt-view-toggle:hover,
.bt-view-toggle:focus {
  color: #8794a1;
  text-decoration: none;
}

.bt-dropdown-wrap ul.dropdown-menu > li > .bt-board-save-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  gap: 9px;
  justify-content: space-between;
  font: inherit;
  font-weight: 400;
  text-align: left;
  width: 100%;
}
.bt-dropdown-wrap ul.dropdown-menu > li > .bt-board-save-toggle:hover,
.bt-dropdown-wrap ul.dropdown-menu > li > .bt-board-save-toggle:focus {
  background-color: #f2f5f7;
  text-decoration: none;
}
.bt-dropdown-wrap ul.dropdown-menu > li.disabled > .bt-board-save-toggle,
.bt-dropdown-wrap ul.dropdown-menu > li > .bt-board-save-toggle[aria-disabled="true"] {
  cursor: default;
  opacity: .55;
  pointer-events: none;
}
html.bt-theme-dark .bt-dropdown-wrap ul.dropdown-menu > li > .bt-board-save-toggle:hover,
html.bt-theme-dark .bt-dropdown-wrap ul.dropdown-menu > li > .bt-board-save-toggle:focus {
  background-color: var(--bt-dark-card-bg-hover);
}
.bt-board-save-switch {
  background: #aeb7bf;
  border-radius: 10px;
  display: inline-block;
  flex: 0 0 auto;
  height: 18px;
  position: relative;
  transition: background-color .15s ease;
  width: 32px;
}
.bt-board-save-switch:after {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
  content: '';
  height: 14px;
  left: 2px;
  position: absolute;
  top: 2px;
  transition: transform .15s ease;
  width: 14px;
}
.bt-board-save-toggle[aria-checked="true"] .bt-board-save-switch { background: #238fe1; }
.bt-board-save-toggle[aria-checked="true"] .bt-board-save-switch:after { transform: translateX(14px); }
.bt-board-save-toggle:focus-visible { outline: 2px solid rgba(35,143,225,.55); outline-offset: -2px; }
html.bt-theme-dark .bt-board-save-switch { background: #59636c; }
html.bt-theme-dark .bt-board-save-toggle[aria-checked="true"] .bt-board-save-switch { background: var(--bt-dark-text-accent); }
@media (prefers-reduced-motion: reduce) {
  .bt-board-save-switch,
  .bt-board-save-switch:after { transition: none; }
}
@media (hover: none), (pointer: coarse) {
  .bt-dropdown-wrap ul.dropdown-menu > li:has(.bt-board-save-toggle) { display: none; }
}
.bt-view-toggle .bt-view-icon {
  flex: 0 0 22px;
  height: 22px;
  width: 22px;
}
.bt-view-icon path {
  --row-y: -6px;
  --column-x: -6px;
  --column-y: 0px;
  --column-scale: 1;
  transform-origin: 12px 12px;
  transform: translateY(var(--row-y));
}
.bt-view-icon path:nth-child(2) {
  --row-y: 0px;
  --column-x: 0px;
  --column-y: -3px;
  --column-scale: .625;
}
.bt-view-icon path:nth-child(3) {
  --row-y: 6px;
  --column-x: 6px;
  --column-y: -1.5px;
  --column-scale: .8125;
}
.bt-view-icon[data-board="true"] path {
  transform: translate(var(--column-x), var(--column-y)) rotate(90deg) scaleX(var(--column-scale));
}
.bt-view-morph path {
  animation: bt-view-to-list .42s cubic-bezier(.4, 0, .6, 1) both;
  animation-delay: var(--bt-view-delay, 0ms);
}
.bt-view-morph[data-board="true"] path {
  animation-name: bt-view-to-board;
}
@keyframes bt-view-to-board {
  from { transform: translateY(var(--row-y)) rotate(0deg) scaleX(1); }
  to { transform: translate(var(--column-x), var(--column-y)) rotate(90deg) scaleX(var(--column-scale)); }
}
@keyframes bt-view-to-list {
  from { transform: translate(var(--column-x), var(--column-y)) rotate(90deg) scaleX(var(--column-scale)); }
  to { transform: translateY(var(--row-y)) rotate(0deg) scaleX(1); }
}
.bt-view-control[hidden] {
  display: none;
}
.bt-view-toggle:focus-visible {
  outline: 2px solid rgba(35, 143, 225, .5);
  outline-offset: 2px;
}
html.bt-theme-dark .bt-view-toggle,
html.bt-theme-dark .bt-view-toggle:hover,
html.bt-theme-dark .bt-view-toggle:focus {
  color: #4cb2ff;
}

html[data-bt-motion] {
  --bt-motion-duration: 330ms;
  --bt-motion-easing: cubic-bezier(.22, 1, .36, 1);
}
html[data-bt-motion="enter"],
html[data-bt-motion="exit"] {
  --bt-motion-duration: 420ms;
}
html[data-bt-motion="close"] {
  --bt-motion-duration: 300ms;
}
html[data-bt-motion] .bt-theme-toggle {
  view-transition-name: none;
}
.bt-view-toggle[aria-busy="true"] {
  cursor: progress;
}
:root[data-bt-motion]::view-transition {
  pointer-events: none;
}
:root[data-bt-motion]::view-transition-group(*) {
  animation-duration: var(--bt-motion-duration);
  animation-timing-function: var(--bt-motion-easing);
}
:root[data-bt-motion]::view-transition-image-pair(*) {
  isolation: isolate;
  overflow: clip;
}
:root[data-bt-motion]::view-transition-old(*),
:root[data-bt-motion]::view-transition-new(*) {
  width: 100%;
  height: 100%;
  object-fit: none;
  object-position: left top;
  mix-blend-mode: plus-lighter;
}
:root[data-bt-motion]::view-transition-old(*) {
  animation: bt-motion-fade-out 180ms ease both;
}
:root[data-bt-motion]::view-transition-new(*) {
  animation: bt-motion-fade-in 240ms ease both;
}
:root[data-bt-motion]::view-transition-new(*):only-child {
  animation: bt-motion-arrive 330ms var(--bt-motion-easing) both;
}
:root[data-bt-motion]::view-transition-old(*):only-child {
  animation: bt-motion-dismiss 130ms ease both;
}
:root[data-bt-motion="enter"]::view-transition-new(*):only-child {
  animation-duration: 350ms;
  animation-delay: var(--bt-motion-delay, 0ms);
}
:root[data-bt-motion="exit"]::view-transition-old(*):only-child {
  animation: bt-motion-gather 200ms ease both;
}
:root[data-bt-motion]::view-transition-group(bt-motion-column-0) {
  --bt-motion-delay: 0ms;
  --bt-motion-out-x: var(--bt-motion-x-0, 0px);
}
:root[data-bt-motion]::view-transition-group(bt-motion-column-1) {
  --bt-motion-delay: 30ms;
  --bt-motion-out-x: var(--bt-motion-x-1, 0px);
}
:root[data-bt-motion]::view-transition-group(bt-motion-column-2) {
  --bt-motion-delay: 60ms;
  --bt-motion-out-x: var(--bt-motion-x-2, 0px);
}
:root[data-bt-motion]::view-transition-group(bt-motion-column-3) {
  --bt-motion-delay: 90ms;
  --bt-motion-out-x: var(--bt-motion-x-3, 0px);
}
:root[data-bt-motion-slot="bt-motion-column-0"]::view-transition-group(bt-motion-column-0),
:root[data-bt-motion-slot="bt-motion-column-1"]::view-transition-group(bt-motion-column-1),
:root[data-bt-motion-slot="bt-motion-column-2"]::view-transition-group(bt-motion-column-2),
:root[data-bt-motion-slot="bt-motion-column-3"]::view-transition-group(bt-motion-column-3) {
  animation-name: bt-motion-slot;
}
@keyframes bt-motion-slot {
  from {
    transform: translate(var(--bt-motion-slot-from-x), var(--bt-motion-slot-from-y));
    width: var(--bt-motion-slot-from-width);
  }
  to {
    transform: translate(var(--bt-motion-slot-to-x), var(--bt-motion-slot-to-y));
    width: var(--bt-motion-slot-to-width);
  }
}
html[data-bt-motion] .select[data-bt-motion-name^="bt-motion-search"] {
  background: transparent !important;
  box-shadow: none !important;
}
:root[data-bt-motion]::view-transition-group(bt-motion-search),
:root[data-bt-motion]::view-transition-group(bt-motion-search-0),
:root[data-bt-motion]::view-transition-group(bt-motion-search-1),
:root[data-bt-motion]::view-transition-group(bt-motion-search-2),
:root[data-bt-motion]::view-transition-group(bt-motion-search-3) {
  overflow: clip;
  z-index: 5;
}
:root[data-bt-motion]::view-transition-group(bt-motion-search-enter),
:root[data-bt-motion]::view-transition-group(bt-motion-search-clear),
:root[data-bt-motion]::view-transition-group(bt-motion-search-0-enter),
:root[data-bt-motion]::view-transition-group(bt-motion-search-0-clear),
:root[data-bt-motion]::view-transition-group(bt-motion-search-1-enter),
:root[data-bt-motion]::view-transition-group(bt-motion-search-1-clear),
:root[data-bt-motion]::view-transition-group(bt-motion-search-2-enter),
:root[data-bt-motion]::view-transition-group(bt-motion-search-2-clear),
:root[data-bt-motion]::view-transition-group(bt-motion-search-3-enter),
:root[data-bt-motion]::view-transition-group(bt-motion-search-3-clear) {
  z-index: 6;
}
:root[data-bt-motion]::view-transition-group(bt-motion-search) {
  background: var(--bt-motion-search-backgroundColor);
  box-shadow: var(--bt-motion-search-boxShadow);
  border-radius: var(--bt-motion-search-borderRadius, 6px);
}
:root[data-bt-motion]::view-transition-group(bt-motion-search-0) {
  background: var(--bt-motion-search-0-backgroundColor);
  box-shadow: var(--bt-motion-search-0-boxShadow);
  border-radius: var(--bt-motion-search-0-borderRadius, 6px);
}
:root[data-bt-motion]::view-transition-group(bt-motion-search-1) {
  background: var(--bt-motion-search-1-backgroundColor);
  box-shadow: var(--bt-motion-search-1-boxShadow);
  border-radius: var(--bt-motion-search-1-borderRadius, 6px);
}
:root[data-bt-motion]::view-transition-group(bt-motion-search-2) {
  background: var(--bt-motion-search-2-backgroundColor);
  box-shadow: var(--bt-motion-search-2-boxShadow);
  border-radius: var(--bt-motion-search-2-borderRadius, 6px);
}
:root[data-bt-motion]::view-transition-group(bt-motion-search-3) {
  background: var(--bt-motion-search-3-backgroundColor);
  box-shadow: var(--bt-motion-search-3-boxShadow);
  border-radius: var(--bt-motion-search-3-borderRadius, 6px);
}
:root[data-bt-motion="exit"]::view-transition-new(bt-motion-content),
:root[data-bt-motion="exit"]::view-transition-new(bt-motion-tabs) {
  animation: bt-motion-settle 300ms 70ms var(--bt-motion-easing) both;
}
:root[data-bt-motion]::view-transition-group(root),
:root[data-bt-motion]::view-transition-group(bt-motion-header) {
  animation: none;
}
:root[data-bt-motion]::view-transition-group(bt-motion-header) {
  z-index: 10;
}
:root[data-bt-motion]::view-transition-old(root),
:root[data-bt-motion]::view-transition-old(bt-motion-header) {
  animation: none;
  opacity: 0;
}
:root[data-bt-motion]::view-transition-new(root),
:root[data-bt-motion]::view-transition-new(bt-motion-header) {
  animation: none;
  mix-blend-mode: normal;
}
@keyframes bt-motion-fade-out { to { opacity: 0; } }
@keyframes bt-motion-fade-in { from { opacity: 0; } }
@keyframes bt-motion-arrive {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: none; }
}
@keyframes bt-motion-dismiss {
  to { opacity: 0; transform: translateY(-7px); }
}
@keyframes bt-motion-gather {
  to { opacity: 0; transform: translate(var(--bt-motion-out-x, 0px), 6px); }
}
@keyframes bt-motion-settle {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}
:root[data-bt-motion-reduced]::view-transition-group(*) {
  animation: none !important;
}
:root[data-bt-motion-reduced]::view-transition-old(*) {
  animation: bt-motion-fade-out 100ms linear both !important;
}
:root[data-bt-motion-reduced]::view-transition-new(*) {
  animation: bt-motion-fade-in 100ms linear both !important;
}
:root[data-bt-motion-reduced]::view-transition-old(root),
:root[data-bt-motion-reduced]::view-transition-old(bt-motion-header) {
  animation: none !important;
}
:root[data-bt-motion-reduced]::view-transition-new(root),
:root[data-bt-motion-reduced]::view-transition-new(bt-motion-header) {
  animation: none !important;
}

@media (hover: none), (pointer: coarse) {
  .bt-view-control,
  .bt-board-mode {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bt-board-mode .bt-board-control {
    transition: none;
  }
  .bt-view-morph path {
    animation: none;
  }
}