:root {
  --dtcv-card_border-radius: 5px;
  --dtcv-card_padding: 1em;
  --dtcv-card_border: var(--dt-body_border);
  --dtcv-card_background: rgba(var(--dt-row_background-stripe), var(--dt-row_alpha-stripe));
  --dtcv-selector_size: 24px;
  --dtcv-selector_border-radius: 1em;
  --dtcv-selector_border: var(--dt-body_border);
  --dtcv-selector_background: rgba(0, 0, 0, 0.05);
  --dtcv-selector_opacity: 0.333;
  --dtcv-selector_opacity-hover: 1;
  --dtcv-selector_opacity-card-hover: 0.8;
  --dtcv-selector_color: black;
  --dtcv-selector_background-selected: rgb(var(--dt_background-selected));
  --dtcv-selector_color-selected: rgb(var(--dt_color-selected));
  --dtcv-selector_border-selected: var(--dt-body_border);
  --dtcv-grid_gap: 1em;
  --dtcv-grid_columns: 3;
}

:root.dark {
  --dtcv-selector_background: rgba(255, 255, 255, 0.05);
  --dtcv-selector_color: white;
}

div.dt-container.dt-cardview .dtcv-table-only {
  display: none;
}
div.dt-container:not(.dt-cardview) .dtcv-cards-only {
  display: none;
}
div.dtcv-container {
  display: grid;
  gap: var(--dtcv-grid_gap);
  grid-template-columns: repeat(var(--dtcv-grid_columns, 1), 1fr);
}
div.dtcv-container div.dtcv-card {
  position: relative;
}
div.dtcv-container div.dtcv-card ul {
  margin: 0;
  padding-left: 1em;
}
div.dtcv-container div.dtcv-card ul span.dtcv-card_title {
  display: inline-block;
  margin-right: 1em;
  min-width: 75px;
}
div.dtcv-container div.dtcv-card ul span.dtcv-card_title:after {
  display: inline-block;
  content: ":";
}
div.dtcv-container div.dtcv-card dl {
  margin: 0;
}
div.dtcv-container div.dtcv-card dl dt {
  font-size: 0.8em;
  opacity: 0.8;
}
div.dtcv-container div.dtcv-card dl dd {
  margin: 0 0 0.5em 0;
}
div.dtcv-container div.dtcv-card dl div:last-child dl {
  margin-bottom: 0;
}
div.dtcv-container div.dtcv-card table {
  width: 100%;
}
div.dtcv-container div.dtcv-card table td:first-child {
  min-width: 33%;
}
div.dtcv-container div.dtcv-card div.dtcv-card_selector {
  display: none;
}
div.dtcv-container.dtcv-container_selectable div.dtcv-card div.dtcv-card_selector {
  position: absolute;
  top: 1em;
  right: 1em;
  width: var(--dtcv-selector_size);
  height: var(--dtcv-selector_size);
  border: var(--dtcv-selector_border);
  border-radius: var(--dtcv-selector_border-radius);
  text-align: center;
  background: var(--dtcv-selector_background);
  cursor: pointer;
  opacity: var(--dtcv-selector_opacity);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.dtcv-container.dtcv-container_selectable div.dtcv-card div.dtcv-card_selector svg {
  color: var(--dtcv-selector_color);
}
div.dtcv-container.dtcv-container_selectable div.dtcv-card:hover div.dtcv-card_selector {
  opacity: var(--dtcv-selector_opacity-card-hover);
}
div.dtcv-container.dtcv-container_selectable div.dtcv-card:hover div.dtcv-card_selector:hover {
  opacity: var(--dtcv-selector_opacity-hover);
}
div.dtcv-container.dtcv-container_selectable div.dtcv-card.dtcv-card_selected div.dtcv-card_selector {
  opacity: 1 !important;
  background: var(--dtcv-selector_background-selected);
  border: var(--dtcv-selector_border-selected);
}
div.dtcv-container.dtcv-container_selectable div.dtcv-card.dtcv-card_selected div.dtcv-card_selector svg {
  color: var(--dtcv-selector_color-selected);
}

div.card.dtcv-card {
  margin-bottom: 0;
}