.toggle::after {
  content: " ▾";
}

.toggle.toggle-hidden::after {
  content: " ▸";
}

#top-nav li.breadcrumb+li.breadcrumb:before {
  padding: 1em;
  color: black;
  content: "▸";
}
// Place all the styles related to the DiceSet controller here.
// They will automatically be included in application.css.

:root {
  --dice-set-table-header-background: #ddd;
  --dice-set-table-border: #aaa;
}

.dice-set > thead > tr > th {
  border: solid 1px var(--dice-set-table-border);
  background: var(--dice-set-table-header-background);
  padding: 0.25em;
  text-align: left;
}

.dice-set > tbody > tr > th,
.dice-set > tbody > tr > td {
  border: solid 1px var(--dice-set-table-border);
  padding: 0.25em 0.55em;
  min-width: 1em;
}

.dice-pool > th, .dice-pool > td {
  padding: 0 0.25em;
}

.dice-pool-builder-die {
  text-align: right;
  width: 5em;
}

.dice-pool-stats-estimate-warning {
  font-style: italic;
}

.dice-pool-stats-particular {
  margin-bottom: 1em;
}

.dice-pool-stats-particular > table {
  width: 100%;
}

.dice-pool-stats-particular th {
  padding-right: 1em;
  width: 30%;
}

.dice-pool-stats-particular td {
  padding-right: 1em;
  width: 25%;
}

tr.dice-roll-highlight > td:first-child,
tr.dice-roll-highlight > tr:first-child {
  background-color: #94C0E0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

tr.dice-roll-highlight > td:last-child,
tr.dice-roll-highlight > tr:last-child {
  background-color: #94C0E0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.dice-roll-result {
  text-align: right;
}
input.die-count::-webkit-outer-spin-button,
input.die-count::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */