@charset "UTF-8";
/******** Gates ********/
@import url("https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Cousine:400,400i,700,700i|Tinos:400,400i,700,700i");
/*
 * Standard Clarity Design Color Palette
 */
/*
 * Subset of Material Design Color Palette used in CellEngine
 * "pb" designation for colors not in official MD standards
 */
.gata-gate {
  clip-path: url(#plot-area);
}

.gata-gate--selected {
  clip-path: none;
}

.gata-gate__poly {
  fill: #fff;
  fill-opacity: 0.1;
  stroke: red;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
  outline: none;
}
@media (min-resolution: 1dppx), (-webkit-min-device-pixel-ratio: 1) {
  .gata-gate__poly {
    shape-rendering: crispedges;
  }
}
@media (min-resolution: 1.04dppx) and (max-resolution: 1.065dppx) {
  .gata-gate__poly {
    stroke-width: 0.9523809524px;
  }
}
@media (min-resolution: 1.065dppx) and (max-resolution: 1.09dppx) {
  .gata-gate__poly {
    stroke-width: 0.9302325581px;
  }
}
@media (min-resolution: 1.09dppx) and (max-resolution: 1.115dppx) {
  .gata-gate__poly {
    stroke-width: 0.9090909091px;
  }
}
@media (min-resolution: 1.115dppx) and (max-resolution: 1.14dppx) {
  .gata-gate__poly {
    stroke-width: 0.8888888889px;
  }
}
@media (min-resolution: 1.14dppx) and (max-resolution: 1.165dppx) {
  .gata-gate__poly {
    stroke-width: 0.8695652174px;
  }
}
@media (min-resolution: 1.165dppx) and (max-resolution: 1.19dppx) {
  .gata-gate__poly {
    stroke-width: 0.8510638298px;
  }
}
@media (min-resolution: 1.19dppx) and (max-resolution: 1.215dppx) {
  .gata-gate__poly {
    stroke-width: 0.8333333333px;
  }
}
@media (min-resolution: 1.215dppx) and (max-resolution: 1.24dppx) {
  .gata-gate__poly {
    stroke-width: 0.8163265306px;
  }
}
@media (min-resolution: 1.24dppx) and (max-resolution: 1.265dppx) {
  .gata-gate__poly {
    stroke-width: 0.8px;
  }
}
@media (min-resolution: 1.265dppx) and (max-resolution: 1.29dppx) {
  .gata-gate__poly {
    stroke-width: 0.7843137255px;
  }
}
@media (min-resolution: 1.29dppx) and (max-resolution: 1.315dppx) {
  .gata-gate__poly {
    stroke-width: 0.7692307692px;
  }
}
@media (min-resolution: 1.315dppx) and (max-resolution: 1.34dppx) {
  .gata-gate__poly {
    stroke-width: 0.7547169811px;
  }
}
@media (min-resolution: 1.34dppx) and (max-resolution: 1.365dppx) {
  .gata-gate__poly {
    stroke-width: 0.7407407407px;
  }
}
@media (min-resolution: 1.365dppx) and (max-resolution: 1.39dppx) {
  .gata-gate__poly {
    stroke-width: 0.7272727273px;
  }
}
@media (min-resolution: 1.39dppx) and (max-resolution: 1.415dppx) {
  .gata-gate__poly {
    stroke-width: 0.7142857143px;
  }
}
@media (min-resolution: 1.415dppx) and (max-resolution: 1.44dppx) {
  .gata-gate__poly {
    stroke-width: 0.701754386px;
  }
}
@media (min-resolution: 1.44dppx) and (max-resolution: 1.465dppx) {
  .gata-gate__poly {
    stroke-width: 0.6896551724px;
  }
}
@media (min-resolution: 1.465dppx) and (max-resolution: 1.49dppx) {
  .gata-gate__poly {
    stroke-width: 0.6779661017px;
  }
}
@media (min-resolution: 1.49dppx) and (max-resolution: 1.515dppx) {
  .gata-gate__poly {
    stroke-width: 1.3333333333px;
  }
}
@media (min-resolution: 1.515dppx) and (max-resolution: 1.54dppx) {
  .gata-gate__poly {
    stroke-width: 1.3114754098px;
  }
}
@media (min-resolution: 1.54dppx) and (max-resolution: 1.565dppx) {
  .gata-gate__poly {
    stroke-width: 1.2903225806px;
  }
}
@media (min-resolution: 1.565dppx) and (max-resolution: 1.59dppx) {
  .gata-gate__poly {
    stroke-width: 1.2698412698px;
  }
}
@media (min-resolution: 1.59dppx) and (max-resolution: 1.615dppx) {
  .gata-gate__poly {
    stroke-width: 1.25px;
  }
}
@media (min-resolution: 1.615dppx) and (max-resolution: 1.64dppx) {
  .gata-gate__poly {
    stroke-width: 1.2307692308px;
  }
}
@media (min-resolution: 1.64dppx) and (max-resolution: 1.665dppx) {
  .gata-gate__poly {
    stroke-width: 1.2121212121px;
  }
}
@media (min-resolution: 1.665dppx) and (max-resolution: 1.69dppx) {
  .gata-gate__poly {
    stroke-width: 1.1940298507px;
  }
}
@media (min-resolution: 1.69dppx) and (max-resolution: 1.715dppx) {
  .gata-gate__poly {
    stroke-width: 1.1764705882px;
  }
}
@media (min-resolution: 1.715dppx) and (max-resolution: 1.74dppx) {
  .gata-gate__poly {
    stroke-width: 1.1594202899px;
  }
}
@media (min-resolution: 1.74dppx) and (max-resolution: 1.765dppx) {
  .gata-gate__poly {
    stroke-width: 1.1428571429px;
  }
}
@media (min-resolution: 1.765dppx) and (max-resolution: 1.79dppx) {
  .gata-gate__poly {
    stroke-width: 1.1267605634px;
  }
}
@media (min-resolution: 1.79dppx) and (max-resolution: 1.815dppx) {
  .gata-gate__poly {
    stroke-width: 1.1111111111px;
  }
}
@media (min-resolution: 1.815dppx) and (max-resolution: 1.84dppx) {
  .gata-gate__poly {
    stroke-width: 1.095890411px;
  }
}
@media (min-resolution: 1.84dppx) and (max-resolution: 1.865dppx) {
  .gata-gate__poly {
    stroke-width: 1.0810810811px;
  }
}
@media (min-resolution: 1.865dppx) and (max-resolution: 1.89dppx) {
  .gata-gate__poly {
    stroke-width: 1.0666666667px;
  }
}
@media (min-resolution: 1.89dppx) and (max-resolution: 1.915dppx) {
  .gata-gate__poly {
    stroke-width: 1.0526315789px;
  }
}
@media (min-resolution: 1.915dppx) and (max-resolution: 1.94dppx) {
  .gata-gate__poly {
    stroke-width: 1.038961039px;
  }
}
@media (min-resolution: 1.94dppx) and (max-resolution: 1.965dppx) {
  .gata-gate__poly {
    stroke-width: 1.0256410256px;
  }
}
@media (min-resolution: 1.965dppx) and (max-resolution: 1.99dppx) {
  .gata-gate__poly {
    stroke-width: 1.0126582278px;
  }
}
@media (min-resolution: 1.99dppx) and (max-resolution: 2.015dppx) {
  .gata-gate__poly {
    stroke-width: 1px;
  }
}
@media (min-resolution: 2.015dppx) and (max-resolution: 2.04dppx) {
  .gata-gate__poly {
    stroke-width: 0.987654321px;
  }
}
@media (min-resolution: 2.04dppx) and (max-resolution: 2.065dppx) {
  .gata-gate__poly {
    stroke-width: 0.9756097561px;
  }
}
@media (min-resolution: 2.065dppx) and (max-resolution: 2.09dppx) {
  .gata-gate__poly {
    stroke-width: 0.9638554217px;
  }
}
@media (min-resolution: 2.09dppx) and (max-resolution: 2.115dppx) {
  .gata-gate__poly {
    stroke-width: 0.9523809524px;
  }
}
@media (min-resolution: 2.115dppx) and (max-resolution: 2.14dppx) {
  .gata-gate__poly {
    stroke-width: 0.9411764706px;
  }
}
@media (min-resolution: 2.14dppx) and (max-resolution: 2.165dppx) {
  .gata-gate__poly {
    stroke-width: 0.9302325581px;
  }
}
@media (min-resolution: 2.165dppx) and (max-resolution: 2.19dppx) {
  .gata-gate__poly {
    stroke-width: 0.9195402299px;
  }
}
@media (min-resolution: 2.19dppx) and (max-resolution: 2.215dppx) {
  .gata-gate__poly {
    stroke-width: 0.9090909091px;
  }
}
@media (min-resolution: 2.215dppx) and (max-resolution: 2.24dppx) {
  .gata-gate__poly {
    stroke-width: 0.8988764045px;
  }
}
@media (min-resolution: 2.24dppx) and (max-resolution: 2.265dppx) {
  .gata-gate__poly {
    stroke-width: 0.8888888889px;
  }
}
@media (min-resolution: 2.265dppx) and (max-resolution: 2.29dppx) {
  .gata-gate__poly {
    stroke-width: 0.8791208791px;
  }
}
@media (min-resolution: 2.29dppx) and (max-resolution: 2.315dppx) {
  .gata-gate__poly {
    stroke-width: 0.8695652174px;
  }
}
@media (min-resolution: 2.315dppx) and (max-resolution: 2.34dppx) {
  .gata-gate__poly {
    stroke-width: 0.8602150538px;
  }
}
@media (min-resolution: 2.34dppx) and (max-resolution: 2.365dppx) {
  .gata-gate__poly {
    stroke-width: 0.8510638298px;
  }
}
@media (min-resolution: 2.365dppx) and (max-resolution: 2.39dppx) {
  .gata-gate__poly {
    stroke-width: 0.8421052632px;
  }
}
@media (min-resolution: 2.39dppx) and (max-resolution: 2.415dppx) {
  .gata-gate__poly {
    stroke-width: 0.8333333333px;
  }
}
@media (min-resolution: 2.415dppx) and (max-resolution: 2.44dppx) {
  .gata-gate__poly {
    stroke-width: 0.824742268px;
  }
}
@media (min-resolution: 2.44dppx) and (max-resolution: 2.465dppx) {
  .gata-gate__poly {
    stroke-width: 0.8163265306px;
  }
}
@media (min-resolution: 2.465dppx) and (max-resolution: 2.49dppx) {
  .gata-gate__poly {
    stroke-width: 0.8080808081px;
  }
}
@media (min-resolution: 2.49dppx) and (max-resolution: 2.515dppx) {
  .gata-gate__poly {
    stroke-width: 1.2px;
  }
}
@media (min-resolution: 2.515dppx) and (max-resolution: 2.54dppx) {
  .gata-gate__poly {
    stroke-width: 1.1881188119px;
  }
}
@media (min-resolution: 2.54dppx) and (max-resolution: 2.565dppx) {
  .gata-gate__poly {
    stroke-width: 1.1764705882px;
  }
}
@media (min-resolution: 2.565dppx) and (max-resolution: 2.59dppx) {
  .gata-gate__poly {
    stroke-width: 1.1650485437px;
  }
}
@media (min-resolution: 2.59dppx) and (max-resolution: 2.615dppx) {
  .gata-gate__poly {
    stroke-width: 1.1538461538px;
  }
}
@media (min-resolution: 2.615dppx) and (max-resolution: 2.64dppx) {
  .gata-gate__poly {
    stroke-width: 1.1428571429px;
  }
}
@media (min-resolution: 2.64dppx) and (max-resolution: 2.665dppx) {
  .gata-gate__poly {
    stroke-width: 1.1320754717px;
  }
}
@media (min-resolution: 2.665dppx) and (max-resolution: 2.69dppx) {
  .gata-gate__poly {
    stroke-width: 1.1214953271px;
  }
}
@media (min-resolution: 2.69dppx) and (max-resolution: 2.715dppx) {
  .gata-gate__poly {
    stroke-width: 1.1111111111px;
  }
}
@media (min-resolution: 2.715dppx) and (max-resolution: 2.74dppx) {
  .gata-gate__poly {
    stroke-width: 1.1009174312px;
  }
}
@media (min-resolution: 2.74dppx) and (max-resolution: 2.765dppx) {
  .gata-gate__poly {
    stroke-width: 1.0909090909px;
  }
}
@media (min-resolution: 2.765dppx) and (max-resolution: 2.79dppx) {
  .gata-gate__poly {
    stroke-width: 1.0810810811px;
  }
}
@media (min-resolution: 2.79dppx) and (max-resolution: 2.815dppx) {
  .gata-gate__poly {
    stroke-width: 1.0714285714px;
  }
}
@media (min-resolution: 2.815dppx) and (max-resolution: 2.84dppx) {
  .gata-gate__poly {
    stroke-width: 1.0619469027px;
  }
}
@media (min-resolution: 2.84dppx) and (max-resolution: 2.865dppx) {
  .gata-gate__poly {
    stroke-width: 1.0526315789px;
  }
}
@media (min-resolution: 2.865dppx) and (max-resolution: 2.89dppx) {
  .gata-gate__poly {
    stroke-width: 1.0434782609px;
  }
}
@media (min-resolution: 2.89dppx) and (max-resolution: 2.915dppx) {
  .gata-gate__poly {
    stroke-width: 1.0344827586px;
  }
}
@media (min-resolution: 2.915dppx) and (max-resolution: 2.94dppx) {
  .gata-gate__poly {
    stroke-width: 1.0256410256px;
  }
}
@media (min-resolution: 2.94dppx) and (max-resolution: 2.965dppx) {
  .gata-gate__poly {
    stroke-width: 1.0169491525px;
  }
}
@media (min-resolution: 2.965dppx) and (max-resolution: 2.99dppx) {
  .gata-gate__poly {
    stroke-width: 1.0084033613px;
  }
}
@media (min-resolution: 2.99dppx) and (max-resolution: 3.015dppx) {
  .gata-gate__poly {
    stroke-width: 1px;
  }
}
@media (min-resolution: 3.015dppx) and (max-resolution: 3.04dppx) {
  .gata-gate__poly {
    stroke-width: 0.9917355372px;
  }
}
@media (min-resolution: 3.04dppx) and (max-resolution: 3.065dppx) {
  .gata-gate__poly {
    stroke-width: 0.9836065574px;
  }
}
@media (min-resolution: 3.065dppx) and (max-resolution: 3.09dppx) {
  .gata-gate__poly {
    stroke-width: 0.9756097561px;
  }
}
@media (min-resolution: 3.09dppx) and (max-resolution: 3.115dppx) {
  .gata-gate__poly {
    stroke-width: 0.9677419355px;
  }
}
@media (min-resolution: 3.115dppx) and (max-resolution: 3.14dppx) {
  .gata-gate__poly {
    stroke-width: 0.96px;
  }
}
@media (min-resolution: 3.14dppx) and (max-resolution: 3.165dppx) {
  .gata-gate__poly {
    stroke-width: 0.9523809524px;
  }
}
@media (min-resolution: 3.165dppx) and (max-resolution: 3.19dppx) {
  .gata-gate__poly {
    stroke-width: 0.9448818898px;
  }
}
@media (min-resolution: 3.19dppx) and (max-resolution: 3.215dppx) {
  .gata-gate__poly {
    stroke-width: 0.9375px;
  }
}
@media (min-resolution: 3.215dppx) and (max-resolution: 3.24dppx) {
  .gata-gate__poly {
    stroke-width: 0.9302325581px;
  }
}
@media (min-resolution: 3.24dppx) and (max-resolution: 3.265dppx) {
  .gata-gate__poly {
    stroke-width: 0.9230769231px;
  }
}
@media (min-resolution: 3.265dppx) and (max-resolution: 3.29dppx) {
  .gata-gate__poly {
    stroke-width: 0.9160305344px;
  }
}
@media (min-resolution: 3.29dppx) and (max-resolution: 3.315dppx) {
  .gata-gate__poly {
    stroke-width: 0.9090909091px;
  }
}
@media (min-resolution: 3.315dppx) and (max-resolution: 3.34dppx) {
  .gata-gate__poly {
    stroke-width: 0.9022556391px;
  }
}
@media (min-resolution: 3.34dppx) and (max-resolution: 3.365dppx) {
  .gata-gate__poly {
    stroke-width: 0.8955223881px;
  }
}
@media (min-resolution: 3.365dppx) and (max-resolution: 3.39dppx) {
  .gata-gate__poly {
    stroke-width: 0.8888888889px;
  }
}
@media (min-resolution: 3.39dppx) and (max-resolution: 3.415dppx) {
  .gata-gate__poly {
    stroke-width: 0.8823529412px;
  }
}
@media (min-resolution: 3.415dppx) and (max-resolution: 3.44dppx) {
  .gata-gate__poly {
    stroke-width: 0.8759124088px;
  }
}
@media (min-resolution: 3.44dppx) and (max-resolution: 3.465dppx) {
  .gata-gate__poly {
    stroke-width: 0.8695652174px;
  }
}
@media (min-resolution: 3.465dppx) and (max-resolution: 3.49dppx) {
  .gata-gate__poly {
    stroke-width: 0.8633093525px;
  }
}

.gata-gate__poly--movable {
  cursor: move;
}

.gata-gate__handle {
  fill-opacity: 0;
}

.gata-gate__handle--selected {
  fill: #ff7f0e;
  fill-opacity: 0.3;
  stroke: #ff7f0e;
}

.gata-gate__handle--drawing {
  cursor: crosshair;
}

.gata-gate__handle:hover {
  fill: steelblue;
  fill-opacity: 0.3;
}

.gata-gate__handle:active {
  stroke: steelblue;
  fill-opacity: 0.8;
}

.gata-plot-container:hover .gata-gate__handle {
  fill-opacity: 0.3;
}

.gata-gate_drag-target {
  cursor: move;
  fill-opacity: 0;
  stroke-width: 0;
}

.gata-gate_drag-target:focus {
  outline: none;
}

.gata-gate__handle,
.gata-gate__label-text {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18px' height='18px'%3E%3Cpath d='M 1 1 L 17 6 L 10 10 L 6 17 L 1 1 Z' stroke='%23000' fill='%23fff'%3E%3C/path%3E%3C/svg%3E") 0 0, move;
}

.gata-gate__label-background {
  fill-opacity: 0.65;
  fill: white;
}

.gata-gate__handle {
  outline: none;
}

/* Scaled cursors to match native macOS pointers */
.gata-macos .gata-gate__handle,
.gata-macos .gata-gate__label-text {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16px' height='16px'%3E%3Cpath d='M 1 1 L 15 7 L 10 10 L 7 15 L 1 1 Z' stroke='%23fff' fill='%23000 '%3E%3C/path%3E%3C/svg%3E") 0 0, move;
}

/******** PlotContainer ********/
.gata-plot-container {
  position: relative;
}

.gata-plot-container:focus {
  outline: none;
}

.gata-plot-container--drawing svg,
.gata-plot-container--adding-point svg {
  cursor: crosshair;
}

.gata-plot-container--drawing .gata-gate__handle:not(.gata-gate__handle--drawing,
.gata-gate__handle--selected),
.gata-plot-container--adding-point .gata-gate__handle:not(.gata-gate__handle--drawing,
.gata-gate__handle--selected) {
  opacity: 0;
}

.gata-plot-container__select {
  position: absolute;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  padding: 0;
}

.gata-plot-container__select:hover {
  border-color: #777;
}

/*
 * Both Edge and Firefox use the text color as the outline color for focused select
 * elements. That doesn't work so well when the text is transparent, so we'll
 * set it explicitly. Note that we don't try to re-create the native select
 * focus styling as that depends on platform as well as browser. (It's also
 * tricky in the case of Edge since that style changes the background color and
 * text color.) Instead, we'll use a generic gray outline for all.
 */
@supports (-moz-appearance: none) {
  .gata-plot-container__select:focus {
    outline: 2px solid lightgray;
    -moz-outline-radius: 2px;
  }
}
@supports (-ms-ime-align: auto) {
  .gata-plot-container__select:focus {
    outline: 2px solid lightgray;
  }
}
.gata-plot-container__select option {
  color: black;
  font-size: 12px; /* Only Firefox honors this at present */
}

.gata-plot-container--bordered-selectors .gata-plot-container__select {
  border-color: #ccc;
  border-radius: 2px;
}

.gata-plot-container__select--x {
  bottom: calc(var(--gata-padding-bottom) - var(--gata-x-axis-padding) - 1.3em);
  height: 1.2em;
}

.gata-plot-container__select--y {
  left: calc(var(--gata-padding-left) - var(--gata-y-axis-padding) - 1.2em);
  width: 1.2em;
}

.gata-plot-container__img {
  position: absolute;
  opacity: 1;
}

@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2) {
  .gata-plot-container__img {
    image-rendering: optimizeSpeed;
    image-rendering: pixelated;
  }
}
.gata-plot-container__img--stale {
  opacity: 0.25;
  transition: opacity 0.5s ease-in-out 1s;
}

button.gata-plot-container__channel-swap {
  display: none;
}

.gata-plot-container--channel-swap button.gata-plot-container__channel-swap {
  display: initial;
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.gata-plot-container.gata-plot-container--1d .gata-plot-container__channel-swap,
.gata-plot-container.gata-plot-container--1d .gata-plot-container__select--y {
  display: none;
}

/*
 * Subset of Material Design Color Palette used in CellEngine
 * "pb" designation for colors not in official MD standards
 */
/*
 * Standard Clarity Design Color Palette
 */
:root {
  /* generic sizes */
  --font-base-px: 24px;
  --font-size: 14px;
  --font-size-small: 11px;
  --font-size-smaller: 10px;
  --font-size-small-plus: 13px;
  --font-size-tiny: 8px;
  /* % of em height that is the cap-height */
  --font-cap-height: 0.66em;
  /* font stack, spacing, etc. */
  --font-stack: "Source Sans Pro", Avenir Next, Helvetica Neue, Arial, sans-serif;
  --font-uppercase-letter-spacing: 0.073em;
  /* heading styles */
  --font-h1-letter-spacing: normal;
  --font-h1-size: calc((32 / 14) * var(--font-size));
  --font-h1-weight: 200;
  --font-h2-letter-spacing: normal;
  --font-h2-size: calc((28 / 14) * var(--font-size));
  --font-h2-weight: 200;
  --font-h3-letter-spacing: normal;
  --font-h3-size: calc((22 / 14) * var(--font-size));
  --font-h3-weight: 200;
  --font-h4-letter-spacing: normal;
  --font-h4-size: calc((18 / 14) * var(--font-size));
  --font-h4-weight: 200;
  --font-h5-letter-spacing: 0.01em;
  --font-h5-size: calc((16 / 14) * var(--font-size));
  --font-h5-weight: 400;
  --font-h6-letter-spacing: normal;
  --font-h6-size: calc((14 / 14) * var(--font-size));
  --font-h6-weight: 600;
}

/* adjustments for Material Design */
.material {
  --font-size-small: 12px;
  --font-size-small-plus: 13px;
  --font-stack: Roboto, sans-serif;
  --font-uppercase-letter-spacing: 0.96px;
  --font-cap-height: 0.71em;
  /*
   * Note: Header styles are less than standard Material Design
   * guidelines to be more in line with Clarity Design guidelines.
   */
  /*
  	--font-h1-letter-spacing: -1.5px;
  	--font-h1-size: 96px;
  	--font-h1-weight: 300;

  	--font-h2-letter-spacing: -0.5px;
  	--font-h2-size: 60px;
  	--font-h2-weight: 300;

  	--font-h1-letter-spacing: normal;
  	--font-h1-size: 48px;
  	--font-h1-weight: 400;
  */
  --font-h1-letter-spacing: 0.25px;
  --font-h1-size: 34px;
  --font-h1-weight: 400;
  --font-h2-letter-spacing: normal;
  --font-h2-size: 24px;
  --font-h2-weight: 400;
  --font-h3-letter-spacing: 0.25px;
  --font-h3-size: 20px;
  --font-h3-weight: 500;
  --font-h4-letter-spacing: 0.25px;
  --font-h4-size: 16px;
  --font-h4-weight: 500;
  --font-h5-letter-spacing: 0;
  --font-h5-size: 15px;
  --font-h5-weight: 500;
  --font-h6-letter-spacing: 0;
  --font-h6-size: 14px;
  --font-h6-weight: 500;
}

:export {
  fontStackMd: Roboto, sans-serif;
  fontSizeMd: 14px;
  fontSizeSmallMd: 12px;
  fontStackCd: "Source Sans Pro", Avenir Next, Helvetica Neue, Arial, sans-serif;
  fontSizeCd: 14px;
  fontSizeSmallCd: 11px;
  nselGuideLight: #cbd4d8, rgba(203, 212, 216, 0.9), rgba(203, 212, 216, 0.8), rgba(203, 212, 216, 0.7), rgba(203, 212, 216, 0.6), rgba(203, 212, 216, 0.5), rgba(203, 212, 216, 0.4), rgba(203, 212, 216, 0.3);
  nselGuideDark: #6a7a81, rgba(106, 122, 129, 0.9), rgba(106, 122, 129, 0.8), rgba(106, 122, 129, 0.7), rgba(106, 122, 129, 0.6), rgba(106, 122, 129, 0.5), rgba(106, 122, 129, 0.4), rgba(106, 122, 129, 0.3);
  nselGuideLegacy: #9e9e9e, rgba(158, 158, 158, 0.9), rgba(158, 158, 158, 0.8), rgba(158, 158, 158, 0.7), rgba(158, 158, 158, 0.6), rgba(158, 158, 158, 0.5), rgba(158, 158, 158, 0.4), rgba(158, 158, 158, 0.3);
  nselSpacerWidth: 14px;
  nselRowHeight: 28px;
  nselPrimaryPadding: 4px;
  nselSecondaryPadding: 3px;
  nselCheckboxPadding: 4px;
  nselLeftPadding: 8px;
  nselRightPadding: 12px;
  nselExpandWidth: 24px;
  nselActionsWidth: 24px;
  nselQuickWidth: 24px;
  checkboxBoxSize: 16px;
  formsCheckboxBackgroundColorLight: hsl(198, 100%, 38%);
  formsCheckboxBackgroundColorDark: hsl(198, 65%, 57%);
  formsCheckboxBackgroundColorLegacy: #3f51b5;
  formsCheckboxCheckedDisabledBackgroundColorLight: hsl(198, 0%, 80%);
  formsCheckboxCheckedDisabledBackgroundColorDark: hsl(198, 14%, 36%);
  formsCheckboxCheckedDisabledBackgroundColorLegacy: #e0e0e0;
  formsCheckboxBorderColorLight: hsl(198, 0%, 70%);
  formsCheckboxBorderColorDark: hsl(203, 16%, 72%);
  formsCheckboxBorderColorLegacy: #757575;
  formsCheckboxDisabledBorderColorLight: hsl(198, 0%, 80%);
  formsCheckboxDisabledBorderColorDark: hsl(198, 14%, 36%);
  formsCheckboxDisabledBorderColorLegacy: #e0e0e0;
  formsCheckboxMarkColorLight: hsl(198, 0%, 100%);
  formsCheckboxMarkColorDark: hsl(201, 30%, 15%);
  formsCheckboxMarkColorLegacy: #ffffff;
  datagridRowHoverLight: hsl(198, 0%, 91%);
  datagridRowHoverDark: hsl(201, 31%, 23%);
  datagridRowHoverLegacy: #f5f5f5;
  appBackgroundLight: hsl(198, 0%, 98%);
  appBackgroundDark: hsl(201, 30%, 15%);
  appBackgroundLegacy: #ffffff;
  headerBackgroundLight: hsl(198, 100%, 15%);
  headerBackgroundDark: hsl(203, 30%, 8%);
  headerBackgroundLegacy: #3f51b5;
  highlight: '{"light": {"lowBgColor1": "hsl(198, 83%, 94%)", "lowBgColor2": "hsl(198, 78%, 78%)", "highBgColor1": "hsl(48, 100%, 95%)", "highBgColor2": "hsl(48, 98%, 72%)", "highBgColor3": "hsl(9, 83%, 76%)"}, "dark": {"lowBgColor1": "hsl(198, 100%, 15%)", "lowBgColor2": "hsl(198, 100%, 38%)", "highBgColor1": "hsl(93, 100%, 13%)", "highBgColor2": "hsl(31, 100%, 19%)", "highBgColor3": "hsl(41, 100%, 36%)"}, "legacy": {"lowBgColor1": "#e1f5fe", "lowBgColor2": "#90caf9", "highBgColor1": "#fffde7", "highBgColor2": "#ffca28", "highBgColor3": "#ff5722"}}';
  btnDangerBgColorLight: hsl(9, 100%, 43%);
  btnDangerBgColorDark: hsl(3, 90%, 62%);
  btnDangerBgColorLegacy: #d50000;
  btnDefaultOutlineColorLight: hsl(198, 100%, 38%);
  btnDefaultOutlineColorDark: hsl(198, 65%, 57%);
  btnDefaultOutlineColorLegacy: #3f51b5;
  tablerowBordercolorDarkLight: hsl(198, 0%, 87%);
  tablerowBordercolorDarkDark: hsl(208, 16%, 34%);
  tablerowBordercolorDarkLegacy: #e0e0e0;
  tableHeaderBorderColorLight: hsl(198, 0%, 80%);
  tableHeaderBorderColorDark: hsl(208, 16%, 44%);
  tableHeaderBorderColorLegacy: #cccccc;
  tableFontColorLight: hsl(198, 0%, 40%);
  tableFontColorDark: hsl(203, 16%, 72%);
  tableFontColorLegacy: #212121;
  theadBgcolorLight: hsl(198, 0%, 98%);
  theadBgcolorDark: hsl(201, 30%, 15%);
  theadBgcolorLegacy: #fafafa;
  tableBgcolorLight: hsl(198, 0%, 100%);
  tableBgcolorDark: hsl(198, 28%, 18%);
  tableBgcolorLegacy: #ffffff;
  datagridRowSelectedBackgroundColorLight: hsl(201, 29%, 88%);
  datagridRowSelectedBackgroundColorDark: hsl(203, 32%, 29%);
  datagridRowSelectedBackgroundColorLegacy: #d7ddf4;
  datagridAuxillarySelectionColorLight: hsl(198, 0%, 27%);
  datagridAuxillarySelectionColorDark: hsl(198, 0%, 87%);
  datagridAuxillarySelectionColorLegacy: #616161;
  datagridSearchMatchColorLight: hsla(122, 55%, 48%, 0.4);
  datagridSearchMatchColorDark: hsla(122, 55%, 48%, 0.4);
  datagridSearchMatchColorLegacy: hsla(122, 55%, 48%, 0.4);
}

/*
 * Standard Clarity Design Color Palette
 */
/*
 * Subset of Material Design Color Palette used in CellEngine
 * "pb" designation for colors not in official MD standards
 */
:root {
  /* generic sizes */
  --font-base-px: 24px;
  --font-size: 14px;
  --font-size-small: 11px;
  --font-size-smaller: 10px;
  --font-size-small-plus: 13px;
  --font-size-tiny: 8px;
  /* % of em height that is the cap-height */
  --font-cap-height: 0.66em;
  /* font stack, spacing, etc. */
  --font-stack: "Source Sans Pro", Avenir Next, Helvetica Neue, Arial, sans-serif;
  --font-uppercase-letter-spacing: 0.073em;
  /* heading styles */
  --font-h1-letter-spacing: normal;
  --font-h1-size: calc((32 / 14) * var(--font-size));
  --font-h1-weight: 200;
  --font-h2-letter-spacing: normal;
  --font-h2-size: calc((28 / 14) * var(--font-size));
  --font-h2-weight: 200;
  --font-h3-letter-spacing: normal;
  --font-h3-size: calc((22 / 14) * var(--font-size));
  --font-h3-weight: 200;
  --font-h4-letter-spacing: normal;
  --font-h4-size: calc((18 / 14) * var(--font-size));
  --font-h4-weight: 200;
  --font-h5-letter-spacing: 0.01em;
  --font-h5-size: calc((16 / 14) * var(--font-size));
  --font-h5-weight: 400;
  --font-h6-letter-spacing: normal;
  --font-h6-size: calc((14 / 14) * var(--font-size));
  --font-h6-weight: 600;
}

/* adjustments for Material Design */
.material {
  --font-size-small: 12px;
  --font-size-small-plus: 13px;
  --font-stack: Roboto, sans-serif;
  --font-uppercase-letter-spacing: 0.96px;
  --font-cap-height: 0.71em;
  /*
   * Note: Header styles are less than standard Material Design
   * guidelines to be more in line with Clarity Design guidelines.
   */
  /*
  	--font-h1-letter-spacing: -1.5px;
  	--font-h1-size: 96px;
  	--font-h1-weight: 300;

  	--font-h2-letter-spacing: -0.5px;
  	--font-h2-size: 60px;
  	--font-h2-weight: 300;

  	--font-h1-letter-spacing: normal;
  	--font-h1-size: 48px;
  	--font-h1-weight: 400;
  */
  --font-h1-letter-spacing: 0.25px;
  --font-h1-size: 34px;
  --font-h1-weight: 400;
  --font-h2-letter-spacing: normal;
  --font-h2-size: 24px;
  --font-h2-weight: 400;
  --font-h3-letter-spacing: 0.25px;
  --font-h3-size: 20px;
  --font-h3-weight: 500;
  --font-h4-letter-spacing: 0.25px;
  --font-h4-size: 16px;
  --font-h4-weight: 500;
  --font-h5-letter-spacing: 0;
  --font-h5-size: 15px;
  --font-h5-weight: 500;
  --font-h6-letter-spacing: 0;
  --font-h6-size: 14px;
  --font-h6-weight: 500;
}

:root {
  --border-radius: 0.125rem;
  --border-radius-shadow: var(--border-radius);
  --border-shadow-blur: 0.25rem;
  --border-shadow-spread: 1px;
  --border-shadow-x: 0;
  --border-shadow-y: 1px;
  --border-shadow-width: 0.20833rem;
  --border-width: 1px;
  --border-width-shadow: var(--border-width);
  --border-width-selection: 3px;
  --box-shadow: 0 1px .125rem rgba(115, 115, 115, 0.25);
}

/* adjustments for Material Design */
.material {
  --border-radius: 2px;
  --border-radius-shadow: 4px;
  --border-width-shadow: 0;
  --box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

/*
 * Standard Clarity Design Color Palette
 */
/*
 * Subset of Material Design Color Palette used in CellEngine
 * "pb" designation for colors not in official MD standards
 */
.pb-form {
  --form-label-font: 600 var(--font-size-small-plus) / 0.75rem var(--font-stack);
  --form-label-padding: 0;
}

.material .pb-form {
  --form-label-font: 11px var(--font-stack);
  --input-label-padding: 0 0 0 3px;
}

.pb-form { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  border: var(--border-width) solid rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  padding: 0.5rem;
}
.pb-form {
  background-color: hsl(198, 0%, 98%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-form {
  background-color: hsl(201, 30%, 15%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-form {
  background-color: #f5f5f5;
  color: #000000;
}

.pb-form__row {
  align-items: center;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.pb-form--horizontal .pb-form__row {
  display: flex;
}

.pb-form__label {
  font: var(--form-label-font);
  padding: var(--form-label-padding);
}
.pb-form__label {
  color: hsl(198, 0%, 27%);
}
.theme-dark .pb-form__label {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-form__label {
  color: rgba(0, 0, 0, 0.72);
}

.pb-form--horizontal .pb-form__label {
  width: 5rem;
  margin-top: 0.4rem;
}

.pb-form__validation {
  font-size: var(--font-size-small);
}
.pb-form__validation {
  color: hsl(9, 100%, 38%);
}
.theme-dark .pb-form__validation {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-form__validation {
  color: #ff5722;
}

.pb-form__fieldset {
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  margin-top: 0.5rem;
  padding: 0.5rem;
}
.pb-form__fieldset {
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-form__fieldset {
  border-color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-form__fieldset {
  border-color: rgba(0, 0, 0, 0.12);
}

.pb-form__fieldset-legend {
  max-width: 50em;
  padding: 0;
}

.pb-textarea {
  border: var(--border-width) solid;
  border-radius: var(--border-radius);
  box-sizing: border-box;
  padding: 0.2rem 0.3rem;
}
.pb-textarea {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 70%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-textarea {
  background-color: hsl(201, 30%, 13%);
  border-color: hsl(203, 16%, 72%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-textarea {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

.pb-textarea::placeholder {
  opacity: 1; /* user agents may default to < 1 */
}
.pb-textarea::placeholder {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-textarea::placeholder {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-textarea::placeholder {
  color: #424242;
}

:root {
  --transition-duration: 400ms;
  --transition-duration-fast: 200ms;
  --transition-duration-slow: 1s;
  --transition-duration-veryfast: 50ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-duration: 0s;
    --transition-duration-fast: 0s;
    --transition-duration-slow: 0s;
    --transition-duration-veryfast: 0s;
  }
}
.mx-icon-left:before, .mx-icon-right:before, .mx-icon-double-left:before, .mx-icon-double-right:before, .mx-icon-double-left:after, .mx-icon-double-right:after {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-style: solid;
  border-color: currentColor;
  border-width: 2px 0 0 2px;
  border-radius: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-45deg) scale(0.7);
  transform: rotate(-45deg) scale(0.7);
}

.mx-icon-double-left:after {
  left: -4px;
}

.mx-icon-double-right:before {
  left: 4px;
}

.mx-icon-right:before, .mx-icon-double-right:before, .mx-icon-double-right:after {
  -webkit-transform: rotate(135deg) scale(0.7);
  transform: rotate(135deg) scale(0.7);
}

.mx-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #73879c;
  white-space: nowrap;
}

.mx-btn:hover {
  border-color: #1284e7;
  color: #1284e7;
}

.mx-btn:disabled, .mx-btn.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.mx-btn-text {
  border: 0;
  padding: 0 4px;
  text-align: left;
  line-height: inherit;
}

.mx-scrollbar {
  height: 100%;
}

.mx-scrollbar:hover .mx-scrollbar-track {
  opacity: 1;
}

.mx-scrollbar-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.mx-scrollbar-track {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 6px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.24s ease-out;
  transition: opacity 0.24s ease-out;
}

.mx-scrollbar-track .mx-scrollbar-thumb {
  position: absolute;
  width: 100%;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.mx-zoom-in-down-enter-active, .mx-zoom-in-down-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.mx-zoom-in-down-enter, .mx-zoom-in-down-enter-from, .mx-zoom-in-down-leave-to {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.mx-datepicker {
  position: relative;
  display: inline-block;
  width: 210px;
}

.mx-datepicker svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.mx-datepicker-range {
  width: 320px;
}

.mx-datepicker-inline {
  width: auto;
}

.mx-input-wrapper {
  position: relative;
}

.mx-input {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 6px 30px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.mx-input:hover, .mx-input:focus {
  border-color: #409aff;
}

.mx-input:disabled, .mx-input.disabled {
  color: #ccc;
  background-color: #f3f3f3;
  border-color: #ccc;
  cursor: not-allowed;
}

.mx-input:focus {
  outline: none;
}

.mx-input::-ms-clear {
  display: none;
}

.mx-icon-calendar, .mx-icon-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
}

.mx-icon-clear {
  cursor: pointer;
}

.mx-icon-clear:hover {
  color: rgba(0, 0, 0, 0.8);
}

.mx-datepicker-main {
  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
  color: #73879c;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}

.mx-datepicker-popup {
  position: absolute;
  margin-top: 1px;
  margin-bottom: 1px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 2001;
}

.mx-datepicker-sidebar {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  padding: 6px;
  overflow: auto;
}

.mx-datepicker-sidebar + .mx-datepicker-content {
  margin-left: 100px;
  border-left: 1px solid #e8e8e8;
}

.mx-datepicker-body {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mx-btn-shortcut {
  display: block;
  padding: 0 6px;
  line-height: 24px;
}

.mx-range-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 750px) {
  .mx-range-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.mx-datepicker-header {
  padding: 6px 8px;
  border-bottom: 1px solid #e8e8e8;
}

.mx-datepicker-footer {
  padding: 6px 8px;
  text-align: right;
  border-top: 1px solid #e8e8e8;
}

.mx-calendar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 248px;
  padding: 6px 12px;
}

.mx-calendar + .mx-calendar {
  border-left: 1px solid #e8e8e8;
}

.mx-calendar-header, .mx-time-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  text-align: center;
  overflow: hidden;
}

.mx-btn-icon-left, .mx-btn-icon-double-left {
  float: left;
}

.mx-btn-icon-right, .mx-btn-icon-double-right {
  float: right;
}

.mx-calendar-header-label {
  font-size: 14px;
}

.mx-calendar-decade-separator {
  margin: 0 2px;
}

.mx-calendar-decade-separator:after {
  content: "~";
}

.mx-calendar-content {
  position: relative;
  height: 224px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mx-calendar-content .cell {
  cursor: pointer;
}

.mx-calendar-content .cell:hover {
  color: #73879c;
  background-color: #f3f9fe;
}

.mx-calendar-content .cell.active {
  color: #fff;
  background-color: #1284e7;
}

.mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range {
  color: #73879c;
  background-color: #dbedfb;
}

.mx-calendar-content .cell.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

.mx-calendar-week-mode .mx-date-row {
  cursor: pointer;
}

.mx-calendar-week-mode .mx-date-row:hover {
  background-color: #f3f9fe;
}

.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: #dbedfb;
}

.mx-calendar-week-mode .mx-date-row .cell:hover {
  color: inherit;
  background-color: transparent;
}

.mx-calendar-week-mode .mx-date-row .cell.active {
  color: inherit;
  background-color: transparent;
}

.mx-week-number {
  opacity: 0.5;
}

.mx-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.mx-table th {
  padding: 0;
  font-weight: 500;
  vertical-align: middle;
}

.mx-table td {
  padding: 0;
  vertical-align: middle;
}

.mx-table-date td, .mx-table-date th {
  height: 32px;
  font-size: 12px;
}

.mx-table-date .today {
  color: #2a90e9;
}

.mx-table-date .cell.not-current-month {
  color: #ccc;
  background: none;
}

.mx-time {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 224px;
  background: #fff;
}

.mx-time + .mx-time {
  border-left: 1px solid #e8e8e8;
}

.mx-calendar-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mx-time-header {
  border-bottom: 1px solid #e8e8e8;
}

.mx-time-content {
  height: 224px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.mx-time-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mx-time-column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  border-left: 1px solid #e8e8e8;
  text-align: center;
}

.mx-time-column:first-child {
  border-left: 0;
}

.mx-time-column .mx-time-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mx-time-column .mx-time-list::after {
  content: "";
  display: block;
  height: 192px;
}

.mx-time-column .mx-time-item {
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}

.mx-time-column .mx-time-item:hover {
  color: #73879c;
  background-color: #f3f9fe;
}

.mx-time-column .mx-time-item.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}

.mx-time-column .mx-time-item.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

.mx-time-option {
  cursor: pointer;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}

.mx-time-option:hover {
  color: #73879c;
  background-color: #f3f9fe;
}

.mx-time-option.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}

.mx-time-option.disabled {
  cursor: not-allowed;
  color: #ccc;
  background-color: #f3f3f3;
}

html {
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body [contenteditable] {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

a:focus,
button:focus {
  outline: none;
}

html {
  font-size: var(--font-base-px); /* Clarity Design uses rems for layout/spacing */
}

a {
  color: #000000;
  text-decoration: none;
}

h2 {
  margin: 0;
}

kbd {
  background: #5e5e5e;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #444444, inset 0 1px 0 #868686;
  box-sizing: content-box;
  color: #ffffff;
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-weight: normal;
  font-style: normal;
  min-width: 1em;
  padding: 0.3em 0.3em 0.2em 0.3em;
  text-shadow: none;
}

.theme-dark kbd {
  background: #222222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7), 0 1px 0 #444444, inset 0 1px 0 #505050;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

svg.icon {
  width: 16px;
  height: 16px;
  cursor: pointer;
  fill: #333;
}
button[disabled] svg.icon {
  cursor: default;
}
svg.icon.icon9 {
  width: 9px;
  height: 9px;
}
svg.icon.icon24 {
  width: 24px;
  height: 24px;
}

button > .icon {
  width: 16px;
  margin-bottom: -4px; /* because the icons all have a high-ish baseline... FIXME? */
}

button > .icon-padded {
  padding: 0px 4px;
}

div.table {
  margin: 5px;
  font-size: 12px;
}
div.table div.td {
  padding: 6px 12px;
}
div.table div.tdhrule {
  border-bottom: 1px solid #dadada;
  position: relative;
}

.hovervis {
  visibility: hidden;
}

div.tr:hover .hovervis {
  visibility: visible;
}

.pb-table--center {
  text-align: center;
}

.pb-table--right {
  text-align: right;
}

.pb-table--break-words {
  word-break: break-all;
}

[contenteditable=true]:empty:not(:focus)::after {
  content: "click to edit";
  color: gray;
}

/*
 * Styles for standard text content (paragraphs, lists, headings, ...)
 * The styles can be applied to individual elements (`.pb-h1`) or they
 * can be activated by applying the `pb-content` class to a containing
 * element. The `pb-content` class is not intended to be applied to the
 * entire application. Rather, it is designed for blocks of markup that
 * only contain standard textual elements (i.e. no custom components).
 * Generally, the class would be applied to a `<section>` element that
 * wraps that content. Styles will not be applied to elements within
 * the content that themselves have classes, unless they also have the
 * element-specific class (e.g. `pb-h3`).
 */
:root {
  --content-vertical-margin: 1rem;
  --content-list-horizontal-margin: 0.5em;
}

.pb-p,
.pb-content p:not([class]) {
  font-size: var(--font-size);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1rem;
  margin-bottom: 0;
  margin-top: var(--content-vertical-margin);
  max-width: 50em;
}
.pb-p,
.pb-content p:not([class]) {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-p,
.theme-dark .pb-content p:not([class]) {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-p,
.theme-legacy .pb-content p:not([class]) {
  color: #212121;
}

.pb-ol,
.pb-ul,
.pb-content ol:not([class]),
.pb-content ul:not([class]) {
  font-size: var(--font-size);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1rem;
  list-style-position: outside;
  margin-bottom: 0;
  margin-left: var(--content-list-horizontal-margin);
  margin-top: 0.25rem;
  padding-left: calc(2 * var(--content-list-horizontal-margin));
}
.pb-ol,
.pb-ul,
.pb-content ol:not([class]),
.pb-content ul:not([class]) {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-ol,
.theme-dark .pb-ul,
.theme-dark .pb-content ol:not([class]),
.theme-dark .pb-content ul:not([class]) {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-ol,
.theme-legacy .pb-ul,
.theme-legacy .pb-content ol:not([class]),
.theme-legacy .pb-content ul:not([class]) {
  color: #212121;
}

.pb-ol--compact,
.pb-ul--compact {
  line-height: 0.75rem;
}

.pb-ol--compact > li:not([class]),
.pb-ul--compact > li:not([class]),
.pb-ol--compact > .pb-li,
.pb-ul--compact > .pb-li {
  margin-bottom: 0.25rem;
}

.pb-h1,
.pb-content h1:not([class]) {
  font-size: var(--font-h1-size);
  font-weight: var(--font-h1-weight);
  letter-spacing: var(--font-h1-letter-spacing);
  line-height: 2rem;
  margin-bottom: 0;
  margin-top: var(--content-vertical-margin);
}
.pb-h1,
.pb-content h1:not([class]) {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-h1,
.theme-dark .pb-content h1:not([class]) {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-h1,
.theme-legacy .pb-content h1:not([class]) {
  color: #000000;
}

.pb-h2,
.pb-content h2:not([class]) {
  font-size: var(--font-h2-size);
  font-weight: var(--font-h2-weight);
  letter-spacing: var(--font-h2-letter-spacing);
  line-height: 1;
  margin-bottom: 0;
  margin-top: var(--content-vertical-margin);
}
.pb-h2,
.pb-content h2:not([class]) {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-h2,
.theme-dark .pb-content h2:not([class]) {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-h2,
.theme-legacy .pb-content h2:not([class]) {
  color: #000000;
}

.material .pb-h2,
.material .pb-content h2:not([class]) {
  line-height: 1.2;
}

.pb-h3,
.pb-content h3:not([class]) {
  font-size: var(--font-h3-size);
  font-weight: var(--font-h3-weight);
  letter-spacing: var(--font-h3-letter-spacing);
  line-height: 1rem;
  margin-bottom: 0;
  margin-top: var(--content-vertical-margin);
}
.pb-h3,
.pb-content h3:not([class]) {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-h3,
.theme-dark .pb-content h3:not([class]) {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-h3,
.theme-legacy .pb-content h3:not([class]) {
  color: #000000;
}

.pb-h4,
.pb-content h4:not([class]) {
  font-size: var(--font-h4-size);
  font-weight: var(--font-h4-weight);
  letter-spacing: var(--font-h4-letter-spacing);
  line-height: 1rem;
  margin-bottom: 0;
  margin-top: var(--content-vertical-margin);
}
.pb-h4,
.pb-content h4:not([class]) {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-h4,
.theme-dark .pb-content h4:not([class]) {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-h4,
.theme-legacy .pb-content h4:not([class]) {
  color: #000000;
}

.pb-h5,
.pb-content h5:not([class]) {
  font-size: var(--font-h5-size);
  font-weight: var(--font-h5-weight);
  letter-spacing: var(--font-h5-letter-spacing);
  line-height: 1rem;
  margin-bottom: 0;
  margin-top: var(--content-vertical-margin);
}
.pb-h5,
.pb-content h5:not([class]) {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-h5,
.theme-dark .pb-content h5:not([class]) {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-h5,
.theme-legacy .pb-content h5:not([class]) {
  color: #000000;
}

.pb-h6,
.pb-content h6:not([class]) {
  font-size: var(--font-h6-size);
  font-weight: var(--font-h6-weight);
  letter-spacing: var(--font-h6-letter-spacing);
  line-height: 1rem;
  margin-bottom: 0;
  margin-top: var(--content-vertical-margin);
}
.pb-h6,
.pb-content h6:not([class]) {
  color: hsl(198, 0%, 20%);
}
.theme-dark .pb-h6,
.theme-dark .pb-content h6:not([class]) {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-h6,
.theme-legacy .pb-content h6:not([class]) {
  color: #000000;
}

.pb-form,
.pb-content form:not([class]),
.pb-table,
.pb-content table {
  margin-top: 1rem;
}

/* stylelint-disable no-descending-specificity */
.pb-p:first-child,
.pb-ol:first-child,
.pb-ul:first-child,
.pb-h1:first-child,
.pb-h2:first-child,
.pb-h3:first-child,
.pb-h4:first-child,
.pb-h5:first-child,
.pb-h6:first-child,
.pb-form:first-child,
.pb-table:first-child,
.pb-content p:first-child:not([class]),
.pb-content ol:first-child:not([class]),
.pb-content ul:first-child:not([class]),
.pb-content h1:first-child:not([class]),
.pb-content h2:first-child:not([class]),
.pb-content h3:first-child:not([class]),
.pb-content h4:first-child:not([class]),
.pb-content h5:first-child:not([class]),
.pb-content h6:first-child:not([class]),
.pb-content table:first-child:not([class]),
.pb-content form:first-child:not([class]) {
  margin-top: 0;
}

/* stylelint-enable no-descending-specificity */
button.pb-link {
  background: none;
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
}

.pb-link,
.pb-content a:not([class]) {
  text-decoration: none;
}
.pb-link,
.pb-content a:not([class]) {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-link,
.theme-dark .pb-content a:not([class]) {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-link,
.theme-legacy .pb-content a:not([class]) {
  color: #3f51b5;
}

.pb-link:hover,
.pb-content a:not([class]):hover {
  text-decoration: underline;
}

.pb-link:active,
.pb-content a:not([class]):active {
  text-decoration: underline;
}
.pb-link:active,
.pb-content a:not([class]):active {
  color: hsl(282, 43%, 54%);
}
.theme-dark .pb-link:active,
.theme-dark .pb-content a:not([class]):active {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-link:active,
.theme-legacy .pb-content a:not([class]):active {
  color: #1a237e;
}

.pb-link:visited,
.pb-content a:not([class]):visited {
  color: #5659b9;
}
.theme-dark .pb-link:visited,
.theme-dark .pb-content a:not([class]):visited {
  color: hsl(228, 55%, 75%);
}
.theme-legacy .pb-link:visited,
.theme-legacy .pb-content a:not([class]):visited {
  color: #303f9f;
}

.pb-text--danger {
  color: hsl(9, 100%, 44%);
}
.theme-dark .pb-text--danger {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-text--danger {
  color: #d50000;
}

.pb-text--success {
  color: hsl(99, 100%, 26%);
}
.theme-dark .pb-text--success {
  color: hsl(92, 79%, 40%);
}
.theme-legacy .pb-text--success {
  color: #388e3c;
}

.pb-text--warning {
  color: hsl(38, 100%, 38%);
}
.theme-dark .pb-text--warning {
  color: hsl(49, 98%, 51%);
}
.theme-legacy .pb-text--warning {
  color: #ffab00;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.noselect [contenteditable] {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.cursor-pointer {
  cursor: pointer;
}

.panel-white-radius {
  background: #fff;
  border-radius: 4px;
}

.pb-static-error {
  background-position: 23rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 100%;
}
.pb-static-error {
  background-color: hsl(198, 0%, 95%);
  background-image: url("banner5-light.svg");
}
.theme-dark .pb-static-error {
  background-color: hsl(203, 32%, 19%);
  background-image: url("banner5-dark.svg");
}
.theme-legacy .pb-static-error {
  background-color: #f5f5f5;
  background-image: url("banner5-legacy.svg");
}

.pb-static-error__content {
  height: 100vh;
  overflow-y: auto;
  padding-bottom: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: calc((100vh - 20rem) / 2);
  position: relative;
  width: 18rem;
}
.pb-static-error__content {
  background: hsl(198, 0%, 98%);
}
.theme-dark .pb-static-error__content {
  background: hsl(201, 30%, 15%);
}
.theme-legacy .pb-static-error__content {
  background: #ffffff;
}

.pb-static-error__content::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
.pb-static-error__content::after {
  background: hsla(198, 0%, 0%, 0.1);
}
.theme-dark .pb-static-error__content::after {
  background: hsla(203, 32%, 19%, 0.1);
}
.theme-legacy .pb-static-error__content::after {
  background: rgba(0, 0, 0, 0.12);
}

.pb-static-error__title {
  line-height: 1em;
  margin-top: 0.25rem;
  position: relative;
  z-index: 1;
}

.pb-static-error__message {
  user-select: text;
}

#fileDropOverlay {
  transition: opacity 0.5s ease;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  left: 0;
  top: 0;
}
@keyframes bouncesize {
  0%, 20%, 40%, 100% {
    width: 450px;
    height: 450px;
  }
  10%, 30% {
    width: 455px;
    height: 455px;
  }
}
#fileDropOverlay.show {
  display: block;
}
#fileDropOverlay.fadein {
  opacity: 1;
}
#fileDropOverlay img {
  animation: bouncesize 1.5s ease 1s 2;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pb-annotation-absolute-count-parameters-dialog__content {
  height: 37rem;
}

.pb-annotation-absolute-count-parameters-dialog__fieldset + .pb-annotation-absolute-count-parameters-dialog__fieldset {
  margin-top: 1rem;
}

.pb-annotation-absolute-count-parameters-dialog__field + .pb-annotation-absolute-count-parameters-dialog__field {
  margin-top: 0.5rem;
}

.pb-accept-invite {
  --pb-accept-invite-form-height: 24rem;
  background-position: 23rem 0, 0 0;
  background-repeat: no-repeat;
  background-size: cover, calc(23rem + 1px);
  height: 100%;
}
.pb-accept-invite {
  background-color: hsl(198, 0%, 95%);
  background-image: url("banner1-light.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, hsla(198, 0%, 0%, 0.1) 23rem);
}
.theme-dark .pb-accept-invite {
  background-color: hsl(203, 32%, 19%);
  background-image: url("banner1-dark.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, hsla(203, 32%, 19%, 0.1) 23rem);
}
.theme-legacy .pb-accept-invite {
  background-color: #f5f5f5;
  background-image: url("banner1-legacy.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, rgba(0, 0, 0, 0.12) 23rem);
}

.pb-accept-invite--short_form {
  --pb-accept-invite-form-height: 16rem;
}

.pb-accept-invite__content {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  padding: 1rem 2.5rem;
  padding-top: calc((100vh - var(--pb-accept-invite-form-height)) / 2);
  width: 23rem;
}
.pb-accept-invite__content {
  background: hsl(198, 0%, 98%);
}
.theme-dark .pb-accept-invite__content {
  background: hsl(201, 30%, 15%);
}
.theme-legacy .pb-accept-invite__content {
  background: #ffffff;
}

.pb-accept-invite__title {
  line-height: 1em;
  margin-top: 0.25rem;
}

.pb-accept-invite__form {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}

.pb-accept-invite__control {
  margin: 0.25rem 0 0.75rem;
}

@media screen and (max-width: 768px) {
  .pb-accept-invite {
    grid: 1fr/1fr;
  }
  .pb-accept-invite {
    background: hsl(198, 0%, 95%);
  }
  .theme-dark .pb-accept-invite {
    background: hsl(203, 32%, 19%);
  }
  .theme-legacy .pb-accept-invite {
    background: #f5f5f5;
  }
  .pb-accept-invite__content {
    grid-area: 1/1;
    width: auto;
    padding: 1rem 20%;
  }
}
.pb-accordion {
  border: 1px solid;
  margin-top: 1rem;
  flex: none;
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 0;
  --accordion-icon-transform: none;
}
.pb-accordion {
  border-color: hsl(198, 0%, 80%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-accordion {
  border-color: hsl(208, 16%, 34%);
  color: hsl(198, 0%, 100%);
}
.theme-legacy .pb-accordion {
  border-color: #cccccc;
  color: #212121;
}

:where(.material) .pb-accordion {
  --accordion-icon-transform: scale(1.3);
}

.pb-accordion--open {
  flex: auto;
}

.pb-accordion--no-spacing {
  margin-top: 0;
}

.pb-accordion + .pb-accordion {
  border-top: none;
  margin-top: 0;
}

.pb-accordion--no-vertical-border {
  border-left-style: none;
  border-right-style: none;
}

.pb-accordion__title {
  display: flex;
  padding: 0.3rem 0.6rem;
  font-weight: var(--font-h6-weight);
  font-size: var(--font-size-small-plus);
  align-items: center;
  cursor: pointer;
}
.pb-accordion__title {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-accordion__title {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-accordion__title {
  background-color: #fafafa;
}

.pb-accordion__title--not-interactive {
  cursor: initial;
}

.pb-accordion__title:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-accordion__title:hover {
  background-color: hsl(203, 32%, 29%);
}
.theme-legacy .pb-accordion__title:hover {
  background-color: #eeeeee;
}

.pb-accordion__title.pb-accordion__title--active {
  border-bottom: 1px solid;
}
.pb-accordion__title.pb-accordion__title--active {
  background-color: hsl(201, 29%, 88%);
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-accordion__title.pb-accordion__title--active {
  background-color: hsl(203, 32%, 29%);
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-accordion__title.pb-accordion__title--active {
  background-color: #d7ddf4;
  border-color: #cccccc;
}

.pb-accordion__icon {
  margin-right: 0.25em;
  transform: var(--accordion-icon-transform);
}

.pb-accordion__content {
  padding: 1rem;
  overflow: auto;
}
.pb-accordion__content {
  background-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-accordion__content {
  background-color: hsl(198, 28%, 18%);
}
.theme-legacy .pb-accordion__content {
  background-color: #ffffff;
}

.pb-accordion--no-spacing .pb-accordion__content {
  padding: 0;
}

.pb-h3.pb-admin-console__heading {
  margin-top: 1.5rem;
}

.pb-admin-console__table {
  margin-top: 0.5rem;
  max-height: 21rem;
}

.pb-admin-console__buttons {
  margin-top: 0.5rem;
}

.pb-alert {
  --alert-border-width: var(--border-width);
  --alert-font-size: var(--font-size-small-plus);
  --alert-icon-display: inline-block;
  --alert-min-height: 1.5rem;
}

.material .pb-alert {
  --alert-font-size: var(--font-size);
  --alert-icon-display: none;
  --alert-min-height: 48px;
}

.pb-alert { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  align-items: center;
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--alert-border-width);
  box-shadow: var(--alert-box-shadow);
  box-sizing: border-box;
  display: flex;
  font-size: var(--alert-font-size);
  line-height: 0.75rem;
  margin: 0.25rem 0;
  min-height: var(--alert-min-height);
  overflow: hidden;
}
.pb-alert {
  background-color: hsl(198, 83%, 94%);
  border-color: hsl(198, 66%, 57%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-alert {
  background-color: hsl(198, 79%, 28%);
  border-color: transparent;
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-alert {
  background-color: #ffffff;
  border-color: #303f9f;
  color: #303f9f;
}

.pb-alert--app-level {
  background-color: hsl(198, 100%, 38%);
  border-width: 0;
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-alert--app-level {
  background-color: hsl(198, 65%, 57%);
  border-width: 0;
  color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-alert--app-level {
  background-color: #323232;
  border-width: 0;
  color: #ffffff;
}

.pb-alert--success {
  background-color: hsl(93, 52%, 88%);
  border-color: hsl(93, 79%, 40%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-alert--success {
  background-color: hsl(122, 45%, 23%);
  border-color: transparent;
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-alert--success {
  background-color: #ffffff;
  border-color: #2e7d32;
  color: #2e7d32;
}

.pb-alert--warning {
  background-color: hsl(48, 100%, 89%);
  border-color: hsl(48, 94%, 57%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-alert--warning {
  background-color: hsl(47, 87%, 27%);
  border-color: transparent;
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-alert--warning {
  background-color: #ffffff;
  border-color: #e65100;
  color: #e65100;
}

.pb-alert--app-level.pb-alert--warning {
  background-color: hsl(26, 100%, 38%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-alert--app-level.pb-alert--warning {
  background-color: hsl(49, 98%, 51%);
  color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-alert--app-level.pb-alert--warning {
  background-color: #323232;
  color: #ffffff;
}

.pb-alert--danger {
  background-color: hsl(9, 95%, 92%);
  border-color: hsl(9, 91%, 86%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-alert--danger {
  background-color: hsl(357, 50%, 35%);
  border-color: transparent;
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-alert--danger {
  background-color: #ffffff;
  border-color: #d50000;
  color: #d50000;
}

.pb-alert--app-level.pb-alert--danger {
  background-color: hsl(9, 100%, 38%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-alert--app-level.pb-alert--danger {
  background-color: hsl(3, 90%, 62%);
  color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-alert--app-level.pb-alert--danger {
  background-color: #323232;
  color: #ffffff;
}

.pb-alert__icon {
  display: var(--alert-icon-display);
  height: 24px;
  padding-left: 0.5rem;
}

.pb-alert__content {
  align-self: center;
  box-sizing: border-box;
  flex: 1 1 auto;
  padding: 0.5rem;
}

.pb-alert__dismiss {
  background-color: transparent;
  border-radius: var(--border-radius);
  border-width: 0;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  margin-right: 0.5rem;
  padding: 0;
}

.pb-annotation-from-header-dialog__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 275px; /* enough for ~2.5 table rows */
}

.pb-annotation-from-header-dialog__datatable {
  max-height: 50vh;
}

.pb-annotation-from-header-dialog__keep-replace {
  margin-top: 1em;
  line-height: 1.4;
}

.pb-annotation-from-header-dialog__keep-replace-radio.pb-radio {
  display: block;
}

.pb-annotation-from-header-dialog__select {
  width: 100%; /* must be definite: https://bugs.webkit.org/show_bug.cgi?id=209282 */
}

.pb-annotation-table {
  display: flex;
  height: 100%;
  flex-flow: column nowrap;
  z-index: 0; /* for the file droplet overlay */
}

.pb-annotation-table__spreadsheet {
  height: 100%;
  position: relative;
}

.pb-annotation-table__invalid-cell-count {
  border-radius: 0.75em;
  padding: 0.25em 0.5em;
}
.pb-annotation-table__invalid-cell-count {
  background-color: hsl(9, 100%, 43%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-annotation-table__invalid-cell-count {
  background-color: hsl(3, 90%, 62%);
  color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-annotation-table__invalid-cell-count {
  background-color: #d50000;
  color: #ffffff;
}

.pb-annotation-table__checkbox {
  margin: 0 7px;
}

.pb-annotation-table__autocomplete {
  max-height: 10rem;
}

.pb-annotation-history {
  width: 15rem;
  min-height: 3rem;
  max-height: 20rem;
  display: grid;
  grid: 1fr auto/1fr;
  font-size: var(--font-size);
}
.pb-annotation-history {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-annotation-history {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-annotation-history {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pb-annotation-history__spinner {
  margin: auto;
}

.pb-annotation-history__items {
  overflow: auto;
}

.pb-annotation-history__item {
  margin: 0.5rem 1rem;
}

.pb-annotation-history__heading {
  font-size: var(--font-size);
  margin-bottom: 0.1rem;
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}

.pb-annotation-history__user {
  overflow: hidden;
  text-overflow: ellipsis;
}

.pb-annotation-history__time {
  font-size: var(--font-size-small);
  font-style: italic;
  margin-top: 0.1rem;
  text-align: right;
  flex: none;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: auto;
}
.pb-annotation-history__time {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-annotation-history__time {
  color: hsl(203, 3%, 61%);
}
.theme-legacy .pb-annotation-history__time {
  color: #757575;
}

.pb-annotation-history__value {
  position: relative;
  line-height: 21px;
  font-size: 16px;
  padding: 0 4px;
}
.pb-annotation-history__value {
  border: 1px solid hsl(198, 0%, 87%);
}
.theme-dark .pb-annotation-history__value {
  border: 1px solid hsl(208, 16%, 34%);
}
.theme-legacy .pb-annotation-history__value {
  border: 1px solid #e0e0e0;
}

.pb-annotation-history__empty {
  font-style: italic;
  margin: 1rem;
}
.pb-annotation-history__empty {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-annotation-history__empty {
  color: hsl(203, 3%, 61%);
}
.theme-legacy .pb-annotation-history__empty {
  color: #757575;
}

.pb-annotation-history__note {
  font-size: var(--font-size-small);
  margin: 0.5rem;
}

.pb-annotation-table-filter-sort {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-annotation-table-filter-sort {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-annotation-table-filter-sort {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pb-annotation-table-filter-sort__sort.pb-dropdown-menu {
  margin: 0.5rem 0;
}

.pb-annotation-table-filter-sort__filter.pb-column-filter {
  margin: 0.5rem;
}

.pb-annotation-validators-dialog__controls {
  width: 100%; /* https://bugs.webkit.org/show_bug.cgi?id=209282 */
  align-items: baseline;
  display: grid;
  grid-row-gap: 1rem;
  grid-template-columns: auto auto;
  justify-content: start;
}

.pb-annotation-validators-dialog__label {
  text-align: right;
  margin-right: 1em;
  white-space: nowrap;
}

.pb-annotation-validators-dialog__option {
  font: inherit;
}

.pb-annotation-validators-dialog__textarea {
  vertical-align: top;
}

.pb-annotation-validators-dialog__option.pb-input {
  display: inline-grid;
}

.pb-annotation-validators-dialog__option:not(:last-child) {
  margin-right: 1em;
}

.pb-application {
  font-family: var(--font-stack);
  font-size: var(--font-size);
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.pb-application {
  background-color: hsl(198, 0%, 98%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-application {
  background-color: hsl(201, 30%, 15%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-application {
  background-color: #ffffff;
  color: #212121;
}

.pb-application__progress {
  position: absolute;
  z-index: 1;
  height: 2px;
  flex: none;
}
.pb-application__progress {
  background-color: hsl(198, 100%, 38%);
}
.theme-dark .pb-application__progress {
  background-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-application__progress {
  background-color: #ffd180;
}

.pb-application__viewport {
  overflow: auto;
  flex: auto;
  isolation: isolate;
}

.pb-application__toasts {
  position: absolute;
  right: 15px;
  bottom: 15px;
  left: 15px;
}

.pb-application__pointer-capture-polyfill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: none;
}

.pb-apply-tailoring {
  height: 75vh;
}

.pb-apply-tailoring__note {
  align-items: center;
  display: flex;
  margin: 0 0 0.5rem;
}

.pb-apply-tailoring__match-radio {
  margin-left: 0.5rem;
}

.pb-apply-tailoring__annotation-list {
  list-style: none;
  margin: 0.5rem;
  padding: 0;
  overflow: auto;
  flex: 0 1 auto;
  max-height: 33%;
}

.pb-apply-tailoring__annotation-item {
  margin: 0.25rem 0;
}

.pb-apply-tailoring__annotation {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
}

.pb-apply-tailoring__annotation:focus {
  outline: none;
}

.pb-apply-tailoring__annotation-checkbox {
  margin-left: 0.5rem;
}

.pb-apply-tailoring__buttons {
  margin-bottom: 0.5rem;
}

.pb-apply-tailoring__files {
  flex: 1 0 0;
}

.pb-apply-tailoring__count {
  margin: 0.25rem;
  text-align: right;
}

.pb-autotailoring-dialog {
  width: 75vw;
  height: 90vh;
}

.pb-autotailoring-dialog > .pb-dialog__body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.ph-autotailoring-dialog__accordion-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.pb-autotailoring-dialog__tailoring--accordion .pb-accordion__content {
  display: grid;
  grid: auto repeat(2, auto 1fr auto) auto/1fr 300px;
  gap: 0 1rem;
}

.pb-autotailoring-dialog__block {
  grid-area: auto/1;
  position: relative; /* for the absolute table footer */
}

.pb-autotailoring-dialog__block-full-width {
  grid-column-end: span 2;
}

.pb-autotailoring-dialog__note {
  align-items: center;
  display: flex;
  margin: 0;
}

.pb-autotailoring-dialog__block--section-begin:not(:first-child) {
  margin-top: 1em;
}

.pb-autotailor-dialog__experiment-select {
  display: flex;
  flex-direction: row;
}

.pb-autotailor-dialog__experiment-select > .pb-experiment-select {
  width: 100%;
}

.pb-autotailoring-dialog__table.pb-datatable {
  grid-area: auto/1;
  height: 100%;
}

.pb-autotailoring-dialog__table-footer {
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  justify-content: end;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.5rem;
  padding: 0 0.25rem;
}

.pt-autotailoring-dialog__table-footer--invalid {
  color: hsl(9, 100%, 38%);
}
.theme-dark .pt-autotailoring-dialog__table-footer--invalid {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pt-autotailoring-dialog__table-footer--invalid {
  color: #ff5722;
}

.pb-autotailoring-dialog__settings {
  grid-area: auto/2;
  align-self: start;
}

.pb-autotailoring-dialog__setting + .pb-autotailoring-dialog__setting {
  margin-top: 0.5rem;
}

.pb-autotailoring-dialog__tailor-by {
  display: flex;
  align-items: baseline;
  margin-right: auto;
}

.pb-autotailoring-dialog__tailor-by-select {
  width: 10rem;
  margin-right: 1rem;
}

.pb-autotailoring-dialog__alert {
  margin-top: 1rem;
}

.pb-autotailoring-dialog__table--channels {
  border-collapse: collapse;
  border-width: 0;
  margin: 0;
  table-layout: auto;
  width: 100%;
}

.pb-autotailoring-dialog__table--channels thead,
.pb-autotailoring-dialog__table--channels tr {
  border-width: 0;
  height: 1rem; /* height in table rows is acts as min-height */
  padding: 0;
}

.pb-autotailoring-dialog__tr--channels:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-autotailoring-dialog__tr--channels:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-autotailoring-dialog__tr--channels:hover {
  background-color: #f5f5f5;
}

.pb-autotailoring-dialog__th--channels {
  border-width: 0;
  font-size: 0.4585rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  position: sticky;
  top: 0;
  z-index: 1;
}
.pb-autotailoring-dialog__th--channels {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-autotailoring-dialog__th--channels {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-autotailoring-dialog__th--channels {
  background-color: #fafafa;
}

.pb-autotailoring-dialog__th--channels,
.pb-autotailoring-dialog__td--channels {
  box-sizing: border-box;
  padding: 0.125rem 0.25rem;
  text-align: left;
}

.pb-autotailoring-dialog__td--channels {
  font-size: var(--font-size);
  vertical-align: middle;
}

.pb-autotailoring-dialog__table--channels tr:nth-child(2) .pb-autotailoring-dialog__th {
  top: 1rem;
}

.pb-autotailoring-dialog__table--channels thead tr:last-child .pb-autotailoring-dialog__th {
  border-bottom-style: solid;
  border-bottom-width: var(--border-width);
}
.pb-autotailoring-dialog__table--channels thead tr:last-child .pb-autotailoring-dialog__th {
  border-bottom-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-autotailoring-dialog__table--channels thead tr:last-child .pb-autotailoring-dialog__th {
  border-bottom-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-autotailoring-dialog__table--channels thead tr:last-child .pb-autotailoring-dialog__th {
  border-bottom-color: #e0e0e0;
}

.pb-badge {
  --badge-size: 0.625rem;
  --badge-radius: calc(0.667 * var(--badge-size));
  --badge-padding: 0.1667rem;
}

.pb-badge { /* stylelint-disable-line no-duplicate-selectors */
  align-items: center;
  border-radius: var(--badge-radius);
  box-sizing: border-box;
  display: inline-flex;
  font-size: var(--font-size-smaller);
  height: var(--badge-size);
  justify-content: center;
  line-height: normal;
  min-width: var(--badge-size);
  padding-bottom: var(--badge-padding);
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--badge-padding);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.pb-badge {
  background-color: hsl(198, 0%, 55%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-badge {
  background-color: hsl(211, 10%, 47%);
  color: hsl(0, 0%, 0%);
}
.pb-badge--info {
  background-color: hsl(198, 100%, 34%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-badge--info {
  background-color: rgb(74, 174, 217);
  color: hsl(0, 0%, 0%);
}
.pb-badge--success {
  background-color: hsl(93, 80%, 28%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-badge--success {
  background-color: rgb(97, 162, 32);
  color: hsl(0, 0%, 0%);
}
.pb-badge--warning {
  background-color: hsl(40, 100%, 59%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-badge--warning {
  background-color: rgb(253, 208, 8);
  color: hsl(0, 0%, 0%);
}
.pb-badge--danger {
  background-color: hsl(9, 100%, 44%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-badge--danger {
  background-color: rgb(245, 80, 71);
  color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-badge--danger {
  background-color: #d50000;
}

.pb-batching-dialog .pb-dialog__body {
  display: flex;
  flex-flow: column;
}

.pb-batching-dialog__body {
  height: 600px;
  display: grid;
  grid: 1fr max-content max-content/325px auto;
  min-height: 0;
}

.pb-batching-dialog__dimension-list-editor.pb-dimension-list-editor {
  grid-area: 1/1;
  min-height: 0;
}

.pb-batching-dialog__options {
  padding: 16px 16px 0 16px;
  grid-area: 2/1/3/2;
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}

.pb-batching-dialog__pages {
  grid-area: 1/2/4/3;
  overflow: auto;
}
.pb-batching-dialog__pages {
  background-color: white;
  color: black;
}
.theme-dark .pb-batching-dialog__pages {
  background-color: white;
  color: black;
}
.theme-legacy .pb-batching-dialog__pages {
  background-color: white;
  color: black;
}

.pb-batching-dialog__page {
  margin: 0 8px 36px 18px;
  box-shadow: 0 5px 5px #ccc;
  border-style: solid;
  border-width: 2px;
  display: block;
  pointer-events: none; /* remove Edge image overlay */
}
.pb-batching-dialog__page {
  border-color: #eee;
}
.theme-dark .pb-batching-dialog__page {
  border-color: #eee;
}
.theme-legacy .pb-batching-dialog__page {
  border-color: #eee;
}

.pb-batching-dialog__page--loading {
  display: grid;
}

.pb-batching-dialog__spinner.pb-spinner {
  margin: auto;
}

.pb-batching-dialog__page--queued {
  background: #eee;
}

.pb-batching-dialog__readonly-alert {
  grid-area: 3/1;
  margin: 1rem 0 0 0;
}

.pb-billing-account {
  --billing-account-heading-shift-divider-width: 0;
  --billing-account-heading-shift-summary: 0;
  --billing-account-max-width: 25rem;
}

.material .pb-billing-account {
  --billing-account-heading-shift-divider-width: 1px;
  --billing-account-heading-shift-summary: 4px;
}

.pb-billing-account__fieldset {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  margin: 1.5rem 0 1rem 0;
  padding: 0.5rem 0.75rem;
}
.pb-billing-account__fieldset {
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-billing-account__fieldset {
  border-color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-billing-account__fieldset {
  border-color: rgba(0, 0, 0, 0.12);
}

form.pb-billing-account__fieldset { /* TODO: remove `form` global rule */
  margin: 0;
}

.pb-billing-account__row {
  margin: 0.5rem 0;
}

.pb-billing-account__select {
  max-width: var(--billing-account-max-width);
}

.pb-billing-account__input {
  max-width: var(--billing-account-max-width);
}

.pb-billing-account__input-row {
  display: flex;
  max-width: var(--billing-account-max-width);
}

.pb-billing-account__input-row .pb-billing-account__input {
  flex-grow: 1;
}

.pb-billing-account__date-input-wrap {
  max-width: var(--billing-account-max-width);
  flex-grow: 1;
}

.pb-billing-account__fieldset summary {
  border-width: 0;
  left: calc(-1 * var(--billing-account-heading-shift-summary));
  position: relative;
}

.pb-billing-account__fieldset summary ~ * {
  margin-left: var(--billing-account-heading-shift-summary);
}

.pb-billing-account__actions {
  margin-top: 1.5rem;
}

.pb-billing-account__action {
  margin-right: 0.25rem;
}

.pb-billing-account__input.pb-billing-account__date-input .pb-input__input {
  /* restore bottom border despite being [readonly] */
  border-bottom-width: 1px;
  cursor: pointer;
}

.pb-billing-account__datepicker-panel {
  outline: none;
  padding: 0.5rem;
}
.pb-billing-account__datepicker-panel {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 40%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-billing-account__datepicker-panel {
  background-color: hsl(198, 28%, 18%);
  color: hsl(210, 16%, 93%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-billing-account__datepicker-panel {
  background-color: #ffffff;
  color: #212121;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* TODO the rest of these are copied from DatatableDateRange.vue. */
.pb-billing-account__datepicker-panel .mx-datepicker-main {
  border-width: 0;
}
.pb-billing-account__datepicker-panel .mx-datepicker-main {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-datepicker-main {
  background-color: hsl(198, 28%, 18%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-datepicker-main {
  background-color: #ffffff;
  color: #212121;
}

.pb-billing-account__datepicker-panel .mx-btn-shortcut {
  font-family: var(--font-stack);
  font-weight: normal;
}
.pb-billing-account__datepicker-panel .mx-btn-shortcut {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-btn-shortcut {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-btn-shortcut {
  color: #212121;
}

.pb-billing-account__datepicker-panel .mx-btn-shortcut:focus,
.pb-billing-account__datepicker-panel .mx-btn-shortcut:hover {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-btn-shortcut:focus,
.theme-dark .pb-billing-account__datepicker-panel .mx-btn-shortcut:hover {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-btn-shortcut:focus,
.theme-legacy .pb-billing-account__datepicker-panel .mx-btn-shortcut:hover {
  color: #3f51b5;
}

.pb-billing-account__datepicker-panel .mx-calendar .mx-btn,
.pb-billing-account__datepicker-panel .mx-calendar .cell {
  font-family: var(--font-stack);
}
.pb-billing-account__datepicker-panel .mx-calendar .mx-btn,
.pb-billing-account__datepicker-panel .mx-calendar .cell {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar .mx-btn,
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar .cell {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar .mx-btn,
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar .cell {
  color: #212121;
}

.pb-billing-account__datepicker-panel .mx-calendar-header > .mx-btn:hover {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-header > .mx-btn:hover {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-header > .mx-btn:hover {
  color: #3f51b5;
}

.pb-billing-account__datepicker-panel .mx-calendar-content .cell:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-content .cell:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-content .cell:hover {
  background-color: #eeeeee;
}

.pb-billing-account__datepicker-panel .mx-calendar-content .cell.active {
  background-color: hsl(198, 100%, 38%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-content .cell.active {
  background-color: hsl(198, 65%, 57%);
  color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-content .cell.active {
  background-color: #3f51b5;
  color: #ffffff;
}

.pb-billing-account__datepicker-panel .mx-calendar-content .cell.in-range,
.pb-billing-account__datepicker-panel .mx-calendar-content .cell.hover-in-range {
  background-color: hsl(201, 29%, 88%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-content .cell.in-range,
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-content .cell.hover-in-range {
  background-color: hsl(203, 32%, 29%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-content .cell.in-range,
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-content .cell.hover-in-range {
  background-color: #d7ddf4;
  color: #000000;
}

.pb-billing-account__datepicker-panel .mx-calendar-content .cell.not-current-month {
  background-color: hsl(198, 0%, 98%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-content .cell.not-current-month {
  background-color: hsl(201, 30%, 15%);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-content .cell.not-current-month {
  background-color: #fafafa;
  color: #bdbdbd;
}

.pb-billing-account__datepicker-panel .mx-calendar-panel-date td.today {
  font-weight: bold;
}
.pb-billing-account__datepicker-panel .mx-calendar-panel-date td.today {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-panel-date td.today {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-panel-date td.today {
  color: #000000;
}

.pb-billing-account__datepicker-panel .mx-calendar-panel-date td.last-month,
.pb-billing-account__datepicker-panel .mx-calendar-panel-date td.next-month {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-panel-date td.last-month,
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-panel-date td.next-month {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-panel-date td.last-month,
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-panel-date td.next-month {
  color: #9e9e9e;
}

.pb-billing-account__datepicker-panel-popup .mx-datepicker-sidebar {
  width: auto;
}

.pb-billing-account__datepicker-panel .mx-datepicker-sidebar + .mx-datepicker-content {
  border-left-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-datepicker-sidebar + .mx-datepicker-content {
  border-left-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-datepicker-sidebar + .mx-datepicker-content {
  border-left-color: #eeeeee;
}

.pb-billing-account__datepicker-panel .mx-calendar-panel-date + .mx-calendar-panel-date {
  border-left-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-billing-account__datepicker-panel .mx-calendar-panel-date + .mx-calendar-panel-date {
  border-left-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-billing-account__datepicker-panel .mx-calendar-panel-date + .mx-calendar-panel-date {
  border-left-color: #eeeeee;
}

/* theme customizations */
.pb-button {
  --button-border-width: var(--border-width);
  --button-font-size: var(--font-size-small);
  --button-font-size-large: var(--font-size-small-plus);
  --button-height: 1rem;
  --button-height-large: 1.5rem;
  --button-letter-spacing: var(--font-uppercase-letter-spacing);
  --button-letter-spacing-large: 0.12em;
  --button-loading-size: 0.5rem;
  --button-loading-size-large: 0.75rem;
  --button-dropdown-background-size: 16px 6px;
}

.material .pb-button {
  --button-border-width: 0px;
  --button-font-size: 13px;
  --button-font-size-large: var(--button-font-size);
  --button-height: 32px;
  --button-height-large: var(--button-height);
  --button-letter-spacing: 0.52px;
  --button-letter-spacing-large: var(--button-letter-spacing);
  --button-loading-size: 0.75rem;
  --button-dropdown-background-size: 16px 5px;
}

.pb-button { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  border-style: solid;
  border-width: var(--button-border-width);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  font-size: var(--button-font-size);
  font-weight: 500;
  height: var(--button-height);
  line-height: calc(var(--button-height) - var(--button-border-width) * 2);
  letter-spacing: var(--font-uppercase-letter-spacing);
  max-width: 15rem;
  min-width: 3rem;
  overflow: hidden;
  padding: 0 0.5rem;
  margin: 0;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.pb-button {
  background-color: transparent;
  border-color: transparent;
  color: hsl(198, 100%, 38%);
  --spinner-color: hsl(198, 100%, 38%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button {
  background-color: transparent;
  border-color: transparent;
  color: hsl(198, 65%, 57%);
  --spinner-color: hsl(198, 65%, 57%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button {
  background-color: transparent;
  border-color: transparent;
  color: #3f51b5;
  --spinner-color: #3f51b5;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button:focus,
.pb-button:hover {
  background-color: hsl(198, 83%, 94%);
  color: hsl(198, 100%, 27%);
  --spinner-color: hsl(198, 100%, 27%);
}
.theme-dark .pb-button:focus,
.theme-dark .pb-button:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsl(194, 78%, 63%);
  --spinner-color: hsl(194, 78%, 63%);
}
.theme-legacy .pb-button:focus,
.theme-legacy .pb-button:hover {
  background-color: #eeeeee;
  color: #3f51b5;
  --spinner-color: #3f51b5;
}

.pb-button:focus {
  outline-style: none;
}

.pb-button:active {
  box-shadow: hsl(198, 80%, 46%) 0 2px 0 0 inset;
}
.theme-dark .pb-button:active {
  box-shadow: hsl(0, 0%, 0%) 0 0 0 inset;
}
.theme-legacy .pb-button:active {
  box-shadow: 0 0 0 0 inset;
}

.pb-button--loading {
  cursor: default;
}

.pb-button--dynamic {
  display: inline-grid;
  grid-template: "button";
  place-items: center;
  place-content: center;
}

.pb-button--disabled,
.pb-button--disabled:focus,
.pb-button--disabled:hover,
.pb-button--disabled:active,
.pb-form:invalid .pb-button[type=submit],
.pb-form:invalid .pb-button[type=submit]:focus,
.pb-form:invalid .pb-button[type=submit]:hover,
.pb-form:invalid .pb-button[type=submit]:active {
  cursor: default;
}
.pb-button--disabled,
.pb-button--disabled:focus,
.pb-button--disabled:hover,
.pb-button--disabled:active,
.pb-form:invalid .pb-button[type=submit],
.pb-form:invalid .pb-button[type=submit]:focus,
.pb-form:invalid .pb-button[type=submit]:hover,
.pb-form:invalid .pb-button[type=submit]:active {
  background-color: transparent;
  border-color: hsl(198, 0%, 55%);
  box-shadow: none;
  color: hsl(198, 0%, 40%);
  --spinner-color: hsl(198, 0%, 40%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--disabled,
.theme-dark .pb-button--disabled:focus,
.theme-dark .pb-button--disabled:hover,
.theme-dark .pb-button--disabled:active,
.theme-dark .pb-form:invalid .pb-button[type=submit],
.theme-dark .pb-form:invalid .pb-button[type=submit]:focus,
.theme-dark .pb-form:invalid .pb-button[type=submit]:hover,
.theme-dark .pb-form:invalid .pb-button[type=submit]:active {
  background-color: transparent;
  border-color: hsl(0, 0%, 40%);
  box-shadow: none;
  color: hsl(0, 0%, 40%);
  --spinner-color: hsl(0, 0%, 40%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--disabled,
.theme-legacy .pb-button--disabled:focus,
.theme-legacy .pb-button--disabled:hover,
.theme-legacy .pb-button--disabled:active,
.theme-legacy .pb-form:invalid .pb-button[type=submit],
.theme-legacy .pb-form:invalid .pb-button[type=submit]:focus,
.theme-legacy .pb-form:invalid .pb-button[type=submit]:hover,
.theme-legacy .pb-form:invalid .pb-button[type=submit]:active {
  background-color: transparent;
  border-color: #bdbdbd;
  box-shadow: none;
  color: #bdbdbd;
  --spinner-color: #bdbdbd;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--icon {
  line-height: 0;
  height: auto;
  flex: none;
  min-width: 0;
  padding: 0;
  text-overflow: clip; /* if using negative icon margins, fixes a FX bug */
}

.pb-button--icon.pb-button--disabled {
  color: hsl(198, 0%, 40%);
  --spinner-color: hsl(198, 0%, 40%);
}
.theme-dark .pb-button--icon.pb-button--disabled {
  color: hsl(0, 0%, 40%);
  --spinner-color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-button--icon.pb-button--disabled {
  color: #bdbdbd;
  --spinner-color: #bdbdbd;
}

.pb-button--large {
  font-size: var(--button-font-size-large);
  height: var(--button-height-large);
  letter-spacing: var(--button-letter-spacing-large);
}

.pb-button--fullwidth {
  max-width: 100%;
  width: 100%;
}

.pb-button--float {
  border-width: 1px;
}
.pb-button--float {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  --spinner-color: #fff;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--float {
  background-color: transparent;
  border-color: #000;
  color: #000;
  --spinner-color: #000;
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--float {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
  --spinner-color: #ffffff;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--float:focus,
.pb-button--float:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.theme-dark .pb-button--float:focus,
.theme-dark .pb-button--float:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #000;
}
.theme-legacy .pb-button--float:focus,
.theme-legacy .pb-button--float:hover {
  background-color: rgba(158, 158, 158, 0.2);
  color: #ffffff;
}

.pb-button--outline {
  border-width: 1px;
}
.pb-button--outline {
  background-color: transparent;
  border-color: hsl(198, 100%, 38%);
  color: hsl(198, 100%, 38%);
  --spinner-color: hsl(198, 100%, 38%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--outline {
  background-color: transparent;
  border-color: hsl(198, 65%, 57%);
  color: hsl(198, 65%, 57%);
  --spinner-color: hsl(198, 65%, 57%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--outline {
  background-color: transparent;
  border-color: #3f51b5;
  color: #3f51b5;
  --spinner-color: #3f51b5;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--outline:focus,
.pb-button--outline:hover {
  background-color: hsl(198, 83%, 94%);
  color: hsl(198, 100%, 27%);
  --spinner-color: hsl(198, 100%, 27%);
}
.theme-dark .pb-button--outline:focus,
.theme-dark .pb-button--outline:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsl(194, 78%, 63%);
  --spinner-color: hsl(194, 78%, 63%);
}
.theme-legacy .pb-button--outline:focus,
.theme-legacy .pb-button--outline:hover {
  background-color: #eeeeee;
  color: #1a237e;
  --spinner-color: #1a237e;
}

.pb-button--outline:hover:active:not(.pb-button--disabled) {
  box-shadow: hsl(198, 80%, 46%) 0 2px 0 0 inset;
}
.theme-dark .pb-button--outline:hover:active:not(.pb-button--disabled) {
  box-shadow: hsl(0, 0%, 0%) 0 2px 0 0 inset;
}
.theme-legacy .pb-button--outline:hover:active:not(.pb-button--disabled) {
  box-shadow: 0 2px 0 0 inset;
}

.pb-button--disabled.pb-button--outline {
  background-color: transparent;
  border-color: hsl(198, 0%, 55%);
  color: hsl(198, 0%, 40%);
  --spinner-color: hsl(198, 0%, 40%);
}
.theme-dark .pb-button--disabled.pb-button--outline {
  background-color: transparent;
  border-color: hsl(0, 0%, 40%);
  color: hsl(0, 0%, 40%);
  --spinner-color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-button--disabled.pb-button--outline {
  background-color: transparent;
  border-color: #bdbdbd;
  color: #bdbdbd;
  --spinner-color: #bdbdbd;
}

.pb-button--primary {
  background-color: hsl(198, 100%, 38%);
  border-color: hsl(198, 100%, 38%);
  box-shadow: none;
  color: hsl(198, 0%, 100%);
  --spinner-color: hsl(198, 0%, 100%);
  --spinner-bg-color: rgba(255, 255, 255, 0.15);
}
.theme-dark .pb-button--primary {
  background-color: hsl(198, 65%, 57%);
  border-color: hsl(198, 65%, 57%);
  box-shadow: none;
  color: hsl(0, 0%, 0%);
  --spinner-color: hsl(0, 0%, 0%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-legacy .pb-button--primary {
  background-color: #3f51b5;
  border-color: #3f51b5;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #ffffff;
  --spinner-color: #ffffff;
  --spinner-bg-color: rgba(255, 255, 255, 0.15);
}

.pb-button--primary:focus,
.pb-button--primary:hover {
  background-color: hsl(198, 100%, 27%);
  color: hsl(198, 83%, 94%);
  --spinner-color: hsl(198, 83%, 94%);
}
.theme-dark .pb-button--primary:focus,
.theme-dark .pb-button--primary:hover {
  background-color: hsl(194, 78%, 63%);
  color: hsl(0, 0%, 0%);
  --spinner-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-button--primary:focus,
.theme-legacy .pb-button--primary:hover {
  background-color: #3949ab;
  color: #ffffff;
  --spinner-color: #ffffff;
}

.pb-button--primary:active {
  box-shadow: hsl(198, 80%, 46%) 0 1px 0 0 inset;
}
.theme-dark .pb-button--primary:active {
  box-shadow: hsl(205, 100%, 34%) 0 0 0 inset;
}
.theme-legacy .pb-button--primary:active {
  box-shadow: 0 0 0 0 inset;
}

.pb-button--primary.pb-button--disabled,
.pb-button--primary.pb-button--disabled:focus,
.pb-button--primary.pb-button--disabled:hover,
.pb-button--primary.pb-button--disabled:active,
.pb-form:invalid .pb-button--primary[type=submit],
.pb-form:invalid .pb-button--primary[type=submit]:focus,
.pb-form:invalid .pb-button--primary[type=submit]:hover,
.pb-form:invalid .pb-button--primary[type=submit]:active {
  background-color: hsl(198, 0%, 80%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: none;
  color: hsl(198, 0%, 40%);
  --spinner-color: hsl(198, 0%, 40%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--primary.pb-button--disabled,
.theme-dark .pb-button--primary.pb-button--disabled:focus,
.theme-dark .pb-button--primary.pb-button--disabled:hover,
.theme-dark .pb-button--primary.pb-button--disabled:active,
.theme-dark .pb-form:invalid .pb-button--primary[type=submit],
.theme-dark .pb-form:invalid .pb-button--primary[type=submit]:focus,
.theme-dark .pb-form:invalid .pb-button--primary[type=submit]:hover,
.theme-dark .pb-form:invalid .pb-button--primary[type=submit]:active {
  background-color: hsl(0, 0%, 40%);
  border-color: hsl(0, 0%, 40%);
  box-shadow: none;
  color: hsl(0, 0%, 0%);
  --spinner-color: hsl(0, 0%, 0%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--primary.pb-button--disabled,
.theme-legacy .pb-button--primary.pb-button--disabled:focus,
.theme-legacy .pb-button--primary.pb-button--disabled:hover,
.theme-legacy .pb-button--primary.pb-button--disabled:active,
.theme-legacy .pb-form:invalid .pb-button--primary[type=submit],
.theme-legacy .pb-form:invalid .pb-button--primary[type=submit]:focus,
.theme-legacy .pb-form:invalid .pb-button--primary[type=submit]:hover,
.theme-legacy .pb-form:invalid .pb-button--primary[type=submit]:active {
  background-color: #eeeeee;
  border-color: #eeeeee;
  box-shadow: none;
  color: #757575;
  --spinner-color: #757575;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--danger {
  background-color: hsl(9, 100%, 43%);
  border-color: hsl(9, 100%, 43%);
  box-shadow: none;
  color: hsl(198, 0%, 100%);
  --spinner-color: hsl(198, 0%, 100%);
  --spinner-bg-color: rgba(255, 255, 255, 0.15);
}
.theme-dark .pb-button--danger {
  background-color: hsl(3, 90%, 62%);
  border-color: hsl(3, 90%, 62%);
  color: hsl(0, 0%, 0%);
  --spinner-color: hsl(0, 0%, 0%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-legacy .pb-button--danger {
  background-color: #d50000;
  border-color: #d50000;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #ffffff;
  --spinner-color: #ffffff;
  --spinner-bg-color: rgba(255, 255, 255, 0.15);
}

.pb-button--danger:focus,
.pb-button--danger:hover {
  background-color: hsl(9, 100%, 38%);
  color: hsl(198, 0%, 100%);
  --spinner-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-button--danger:focus,
.theme-dark .pb-button--danger:hover {
  background-color: hsl(3, 100%, 69%);
  color: hsl(0, 0%, 0%);
  --spinner-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-button--danger:focus,
.theme-legacy .pb-button--danger:hover {
  background-color: #c62828;
  color: #ffffff;
  --spinner-color: #ffffff;
}

.pb-button--danger:active {
  box-shadow: hsl(9, 100%, 30%) 0 2px 0 0 inset;
}
.theme-dark .pb-button--danger:active {
  box-shadow: hsl(10, 100%, 39%) 0 0 0 inset;
}
.theme-legacy .pb-button--danger:active {
  box-shadow: 0 0 0 0 inset;
}

.pb-button--danger.pb-button--disabled,
.pb-button--danger.pb-button--disabled:focus,
.pb-button--danger.pb-button--disabled:hover,
.pb-button--danger.pb-button--disabled:active,
.pb-form:invalid .pb-button--danger[type=submit],
.pb-form:invalid .pb-button--danger[type=submit]:focus,
.pb-form:invalid .pb-button--danger[type=submit]:hover,
.pb-form:invalid .pb-button--danger[type=submit]:active {
  background-color: hsl(198, 0%, 80%);
  border-color: hsl(198, 0%, 40%);
  box-shadow: none;
  color: hsl(198, 0%, 40%);
  --spinner-color: hsl(198, 0%, 40%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--danger.pb-button--disabled,
.theme-dark .pb-button--danger.pb-button--disabled:focus,
.theme-dark .pb-button--danger.pb-button--disabled:hover,
.theme-dark .pb-button--danger.pb-button--disabled:active,
.theme-dark .pb-form:invalid .pb-button--danger[type=submit],
.theme-dark .pb-form:invalid .pb-button--danger[type=submit]:focus,
.theme-dark .pb-form:invalid .pb-button--danger[type=submit]:hover,
.theme-dark .pb-form:invalid .pb-button--danger[type=submit]:active {
  background-color: hsl(0, 0%, 40%);
  border-color: hsl(0, 0%, 40%);
  box-shadow: none;
  color: hsl(0, 0%, 0%);
  --spinner-color: hsl(0, 0%, 0%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--danger.pb-button--disabled,
.theme-legacy .pb-button--danger.pb-button--disabled:focus,
.theme-legacy .pb-button--danger.pb-button--disabled:hover,
.theme-legacy .pb-button--danger.pb-button--disabled:active,
.theme-legacy .pb-form:invalid .pb-button--danger[type=submit],
.theme-legacy .pb-form:invalid .pb-button--danger[type=submit]:focus,
.theme-legacy .pb-form:invalid .pb-button--danger[type=submit]:hover,
.theme-legacy .pb-form:invalid .pb-button--danger[type=submit]:active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  box-shadow: none;
  color: #757575;
  --spinner-color: #757575;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--danger.pb-button--outline {
  background-color: transparent;
  border-color: hsl(9, 100%, 38%);
  box-shadow: none;
  color: hsl(9, 100%, 43%);
  --spinner-color: hsl(9, 100%, 43%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--danger.pb-button--outline {
  background-color: transparent;
  border-color: hsl(3, 90%, 62%);
  color: hsl(3, 90%, 62%);
  --spinner-color: hsl(3, 90%, 62%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--danger.pb-button--outline {
  background-color: transparent;
  border-color: #d50000;
  box-shadow: none;
  color: #d50000;
  --spinner-color: #d50000;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--danger.pb-button--outline:focus,
.pb-button--danger.pb-button--outline:hover {
  background-color: hsl(9, 95%, 92%);
  color: hsl(9, 100%, 30%);
  --spinner-color: hsl(9, 100%, 30%);
}
.theme-dark .pb-button--danger.pb-button--outline:focus,
.theme-dark .pb-button--danger.pb-button--outline:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsl(3, 100%, 69%);
  --spinner-color: hsl(3, 100%, 69%);
}
.theme-legacy .pb-button--danger.pb-button--outline:focus,
.theme-legacy .pb-button--danger.pb-button--outline:hover {
  background-color: rgba(213, 0, 0, 0.05);
  color: #c62828;
  --spinner-color: #c62828;
}

.pb-button--danger.pb-button--outline:active {
  box-shadow: hsl(9, 91%, 86%) 0 var("btn-danger-outline-box-shadow-width") 0 0 inset;
}
.theme-dark .pb-button--danger.pb-button--outline:active {
  box-shadow: hsl(0, 0%, 0%) 0 var("btn-danger-outline-box-shadow-width") 0 0 inset;
}
.theme-legacy .pb-button--danger.pb-button--outline:active {
  box-shadow: 0 var("btn-danger-outline-box-shadow-width") 0 0 inset;
}

.pb-button--danger.pb-button--outline.pb-button--disabled,
.pb-button--danger.pb-button--outline.pb-button--disabled:focus,
.pb-button--danger.pb-button--outline.pb-button--disabled:hover,
.pb-button--danger.pb-button--outline.pb-button--disabled:active,
.pb-form:invalid .pb-button--danger.pb-button--outline[type=submit],
.pb-form:invalid .pb-button--danger.pb-button--outline[type=submit]:focus,
.pb-form:invalid .pb-button--danger.pb-button--outline[type=submit]:hover,
.pb-form:invalid .pb-button--danger.pb-button--outline[type=submit]:active {
  background-color: transparent;
  border-color: hsl(198, 0%, 40%);
  box-shadow: none;
  color: hsl(198, 0%, 40%);
  --spinner-color: hsl(198, 0%, 40%);
}
.theme-dark .pb-button--danger.pb-button--outline.pb-button--disabled,
.theme-dark .pb-button--danger.pb-button--outline.pb-button--disabled:focus,
.theme-dark .pb-button--danger.pb-button--outline.pb-button--disabled:hover,
.theme-dark .pb-button--danger.pb-button--outline.pb-button--disabled:active,
.theme-dark .pb-form:invalid .pb-button--danger.pb-button--outline[type=submit],
.theme-dark .pb-form:invalid .pb-button--danger.pb-button--outline[type=submit]:focus,
.theme-dark .pb-form:invalid .pb-button--danger.pb-button--outline[type=submit]:hover,
.theme-dark .pb-form:invalid .pb-button--danger.pb-button--outline[type=submit]:active {
  background-color: transparent;
  border-color: hsl(0, 0%, 40%);
  box-shadow: none;
  color: hsl(0, 0%, 40%);
  --spinner-color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-button--danger.pb-button--outline.pb-button--disabled,
.theme-legacy .pb-button--danger.pb-button--outline.pb-button--disabled:focus,
.theme-legacy .pb-button--danger.pb-button--outline.pb-button--disabled:hover,
.theme-legacy .pb-button--danger.pb-button--outline.pb-button--disabled:active,
.theme-legacy .pb-form:invalid .pb-button--danger.pb-button--outline[type=submit],
.theme-legacy .pb-form:invalid .pb-button--danger.pb-button--outline[type=submit]:focus,
.theme-legacy .pb-form:invalid .pb-button--danger.pb-button--outline[type=submit]:hover,
.theme-legacy .pb-form:invalid .pb-button--danger.pb-button--outline[type=submit]:active {
  background-color: transparent;
  border-color: #bdbdbd;
  box-shadow: none;
  color: #bdbdbd;
  --spinner-color: #bdbdbd;
}

.pb-button--success {
  background-color: hsl(93, 100%, 26%);
  border-color: hsl(93, 100%, 26%);
  box-shadow: hsl(93, 100%, 16%) 0 var("btn-success-box-shadow-width") 0 0 inset;
  color: hsl(198, 0%, 100%);
  --spinner-color: hsl(198, 0%, 100%);
  --spinner-bg-color: rgba(255, 255, 255, 0.15);
}
.theme-dark .pb-button--success {
  background-color: hsl(92, 79%, 40%);
  border-color: hsl(92, 79%, 40%);
  box-shadow: hsl(98, 100%, 21%) 0 var("btn-success-box-shadow-width") 0 0 inset;
  color: hsl(0, 0%, 0%);
  --spinner-color: hsl(0, 0%, 0%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-legacy .pb-button--success {
  background-color: #388e3c;
  border-color: #388e3c;
  box-shadow: 0 var("btn-success-box-shadow-width") 0 0 inset;
  color: #ffffff;
  --spinner-color: #ffffff;
  --spinner-bg-color: rgba(255, 255, 255, 0.15);
}

.pb-button--success:focus,
.pb-button--success:hover {
  background-color: hsl(93, 100%, 21%);
  color: hsl(198, 0%, 100%);
  --spinner-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-button--success:focus,
.theme-dark .pb-button--success:hover {
  background-color: hsl(83, 77%, 44%);
  color: hsl(0, 0%, 0%);
  --spinner-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-button--success:focus,
.theme-legacy .pb-button--success:hover {
  background-color: #2e7d32;
  color: #ffffff;
  --spinner-color: #ffffff;
}

.pb-button--success:active {
  box-shadow: hsl(93, 100%, 16%) 0 var("btn-success-box-shadow-width") 0 0 inset;
}
.theme-dark .pb-button--success:active {
  box-shadow: hsl(98, 100%, 21%) 0 var("btn-success-box-shadow-width") 0 0 inset;
}
.theme-legacy .pb-button--success:active {
  box-shadow: 0 var("btn-success-box-shadow-width") 0 0 inset;
}

.pb-button--success.pb-button--disabled,
.pb-button--success.pb-button--disabled:focus,
.pb-button--success.pb-button--disabled:hover,
.pb-button--success.pb-button--disabled:active,
.pb-form:invalid .pb-button--success[type=submit],
.pb-form:invalid .pb-button--success[type=submit]:focus,
.pb-form:invalid .pb-button--success[type=submit]:hover,
.pb-form:invalid .pb-button--success[type=submit]:active {
  background-color: hsl(198, 0%, 80%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: none;
  color: hsl(198, 0%, 40%);
  --spinner-color: hsl(198, 0%, 40%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--success.pb-button--disabled,
.theme-dark .pb-button--success.pb-button--disabled:focus,
.theme-dark .pb-button--success.pb-button--disabled:hover,
.theme-dark .pb-button--success.pb-button--disabled:active,
.theme-dark .pb-form:invalid .pb-button--success[type=submit],
.theme-dark .pb-form:invalid .pb-button--success[type=submit]:focus,
.theme-dark .pb-form:invalid .pb-button--success[type=submit]:hover,
.theme-dark .pb-form:invalid .pb-button--success[type=submit]:active {
  background-color: hsl(0, 0%, 40%);
  border-color: hsl(0, 0%, 40%);
  box-shadow: none;
  color: hsl(0, 0%, 0%);
  --spinner-color: hsl(0, 0%, 0%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--success.pb-button--disabled,
.theme-legacy .pb-button--success.pb-button--disabled:focus,
.theme-legacy .pb-button--success.pb-button--disabled:hover,
.theme-legacy .pb-button--success.pb-button--disabled:active,
.theme-legacy .pb-form:invalid .pb-button--success[type=submit],
.theme-legacy .pb-form:invalid .pb-button--success[type=submit]:focus,
.theme-legacy .pb-form:invalid .pb-button--success[type=submit]:hover,
.theme-legacy .pb-form:invalid .pb-button--success[type=submit]:active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  box-shadow: none;
  color: #757575;
  --spinner-color: #757575;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--success.pb-button--outline {
  border-color: hsl(93, 100%, 26%);
  box-shadow: hsl(93, 79%, 40%) 0 var("btn-success-outline-box-shadow-width") 0 0 inset;
  color: hsl(93, 100%, 26%);
  --spinner-color: hsl(93, 100%, 26%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--success.pb-button--outline {
  border-color: hsl(92, 79%, 40%);
  box-shadow: hsl(0, 0%, 0%) 0 var("btn-success-outline-box-shadow-width") 0 0 inset;
  color: hsl(92, 79%, 40%);
  --spinner-color: hsl(92, 79%, 40%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--success.pb-button--outline {
  border-color: #388e3c;
  box-shadow: 0 var("btn-success-outline-box-shadow-width") 0 0 inset;
  color: #388e3c;
  --spinner-color: #388e3c;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--success.pb-button--outline:focus,
.pb-button--success.pb-button--outline:hover {
  background-color: hsl(93, 52%, 88%);
  color: hsl(93, 100%, 26%);
  --spinner-color: hsl(93, 100%, 26%);
}
.theme-dark .pb-button--success.pb-button--outline:focus,
.theme-dark .pb-button--success.pb-button--outline:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsl(83, 77%, 44%);
  --spinner-color: hsl(83, 77%, 44%);
}
.theme-legacy .pb-button--success.pb-button--outline:focus,
.theme-legacy .pb-button--success.pb-button--outline:hover {
  background-color: rgba(56, 142, 60, 0.05);
  color: #2e7d32;
  --spinner-color: #2e7d32;
}

.pb-button--success.pb-button--outline:active {
  box-shadow: hsl(93, 79%, 40%) 0 1px 0 0 inset;
}
.theme-dark .pb-button--success.pb-button--outline:active {
  box-shadow: hsl(0, 0%, 0%) 0 0 0 inset;
}
.theme-legacy .pb-button--success.pb-button--outline:active {
  box-shadow: 0 0 0 0 inset;
}

.pb-button--success.pb-button--outline.pb-button--disabled,
.pb-button--success.pb-button--outline.pb-button--disabled:focus,
.pb-button--success.pb-button--outline.pb-button--disabled:hover,
.pb-button--success.pb-button--outline.pb-button--disabled:active,
.pb-form:invalid .pb-button--success.pb-button--outline[type=submit],
.pb-form:invalid .pb-button--success.pb-button--outline[type=submit]:focus,
.pb-form:invalid .pb-button--success.pb-button--outline[type=submit]:hover,
.pb-form:invalid .pb-button--success.pb-button--outline[type=submit]:active {
  background-color: transparent;
  border-color: hsl(198, 0%, 55%);
  box-shadow: none;
  color: hsl(198, 0%, 40%);
  --spinner-color: hsl(198, 0%, 40%);
}
.theme-dark .pb-button--success.pb-button--outline.pb-button--disabled,
.theme-dark .pb-button--success.pb-button--outline.pb-button--disabled:focus,
.theme-dark .pb-button--success.pb-button--outline.pb-button--disabled:hover,
.theme-dark .pb-button--success.pb-button--outline.pb-button--disabled:active,
.theme-dark .pb-form:invalid .pb-button--success.pb-button--outline[type=submit],
.theme-dark .pb-form:invalid .pb-button--success.pb-button--outline[type=submit]:focus,
.theme-dark .pb-form:invalid .pb-button--success.pb-button--outline[type=submit]:hover,
.theme-dark .pb-form:invalid .pb-button--success.pb-button--outline[type=submit]:active {
  background-color: transparent;
  border-color: hsl(0, 0%, 40%);
  box-shadow: none;
  color: hsl(0, 0%, 40%);
  --spinner-color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-button--success.pb-button--outline.pb-button--disabled,
.theme-legacy .pb-button--success.pb-button--outline.pb-button--disabled:focus,
.theme-legacy .pb-button--success.pb-button--outline.pb-button--disabled:hover,
.theme-legacy .pb-button--success.pb-button--outline.pb-button--disabled:active,
.theme-legacy .pb-form:invalid .pb-button--success.pb-button--outline[type=submit],
.theme-legacy .pb-form:invalid .pb-button--success.pb-button--outline[type=submit]:focus,
.theme-legacy .pb-form:invalid .pb-button--success.pb-button--outline[type=submit]:hover,
.theme-legacy .pb-form:invalid .pb-button--success.pb-button--outline[type=submit]:active {
  background-color: transparent;
  border-color: #bdbdbd;
  box-shadow: none;
  color: #bdbdbd;
  --spinner-color: #bdbdbd;
}

.pb-button--text {
  background-color: transparent;
  border-color: hsl(198, 0%, 40%);
  color: hsl(198, 0%, 0%);
  --spinner-color: hsl(198, 0%, 0%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--text {
  background-color: transparent;
  border-color: hsl(210, 16%, 93%);
  color: hsl(203, 16%, 72%);
  --spinner-color: hsl(203, 16%, 72%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--text {
  background-color: transparent;
  border-color: #212121;
  color: #000000;
  --spinner-color: #000000;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--text:focus,
.pb-button--text:hover,
.pb-button--text:active {
  background-color: hsl(198, 0%, 91%);
  box-shadow: none;
  color: hsl(198, 0%, 40%);
  --spinner-color: hsl(198, 0%, 40%);
}
.theme-dark .pb-button--text:focus,
.theme-dark .pb-button--text:hover,
.theme-dark .pb-button--text:active {
  background-color: hsl(201, 31%, 23%);
  box-shadow: none;
  color: hsl(210, 16%, 93%);
  --spinner-color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-button--text:focus,
.theme-legacy .pb-button--text:hover,
.theme-legacy .pb-button--text:active {
  background-color: #eeeeee;
  box-shadow: none;
  color: #212121;
  --spinner-color: #212121;
}

.pb-button--toolbar {
  border: 0;
  height: 32px;
  align-self: flex-start;
  box-shadow: none;
  overflow: hidden;
  position: relative;
}
.pb-button--toolbar {
  background-color: transparent;
  color: hsl(198, 0%, 0%);
  --spinner-color: hsl(198, 0%, 0%);
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .pb-button--toolbar {
  background-color: transparent;
  color: hsl(203, 16%, 72%);
  --spinner-color: hsl(203, 16%, 72%);
  --spinner-bg-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-button--toolbar {
  background-color: transparent;
  color: #000000;
  --spinner-color: #000000;
  --spinner-bg-color: rgba(0, 0, 0, 0.15);
}

.pb-button--toolbar:focus,
.pb-button--toolbar:hover {
  background-color: hsl(198, 0%, 91%);
  color: hsl(198, 100%, 27%);
  --spinner-color: hsl(198, 100%, 27%);
}
.theme-dark .pb-button--toolbar:focus,
.theme-dark .pb-button--toolbar:hover {
  background-color: hsl(201, 31%, 23%);
  color: hsl(194, 78%, 63%);
  --spinner-color: hsl(194, 78%, 63%);
}
.theme-legacy .pb-button--toolbar:focus,
.theme-legacy .pb-button--toolbar:hover {
  background-color: #eeeeee;
  color: #3f51b5;
  --spinner-color: #3f51b5;
}

.pb-button--toolbar.pb-button--disabled,
.pb-button--toolbar.pb-button--disabled:hover {
  border-color: transparent;
  color: hsl(198, 0%, 70%);
  --spinner-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-button--toolbar.pb-button--disabled,
.theme-dark .pb-button--toolbar.pb-button--disabled:hover {
  border-color: transparent;
  color: hsl(0, 0%, 40%);
  --spinner-color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-button--toolbar.pb-button--disabled,
.theme-legacy .pb-button--toolbar.pb-button--disabled:hover {
  border-color: transparent;
  color: #bdbdbd;
  --spinner-color: #bdbdbd;
}

.pb-button--icon.pb-button--toolbar {
  padding: 7px;
}

.pb-button--hover {
  background-color: hsl(198, 83%, 94%);
  color: hsl(198, 100%, 27%);
}
.theme-dark .pb-button--hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsl(194, 78%, 63%);
}
.theme-legacy .pb-button--hover {
  background-color: #eeeeee;
  color: #3f51b5;
}

.pb-button__spinner {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.pb-button__spinner.pb-spinner {
  font-size: var(--button-loading-size);
}

.pb-button__loading-content,
.pb-button__static-content {
  grid-area: button;
}

.pb-button__loading-content {
  align-items: center;
  display: flex;
  visibility: hidden;
}

.pb-button--loading .pb-button__loading-content {
  visibility: visible;
}

/* avoid running CSS animations that can't be seen */
.pb-button:not(.pb-button--loading) .pb-button__loading-content .pb-spinner {
  animation: none;
}

.pb-button--loading .pb-button__static-content {
  visibility: hidden;
}

.pb-button--large .pb-button__spinner.pb-spinner {
  font-size: var(--button-loading-size-large);
}

.pb-buttongroup,
.pb-buttongroup--vertical {
  display: inline-flex;
  border-radius: var(--border-radius);
  isolation: isolate;
}

.pb-buttongroup .pb-button,
.pb-buttongroup--vertical .pb-button {
  z-index: 1;
}

.pb-buttongroup .pb-button.pb-button--disabled,
.pb-buttongroup--vertical .pb-button.pb-button--disabled {
  z-index: 0;
}

.pb-buttongroup + .pb-buttongroup {
  margin-left: 0.25rem;
}

.pb-buttongroup .pb-button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: 0;
}

.pb-buttongroup .pb-button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: calc(-1 * var(--border-width));
}

.pb-buttongroup--vertical .pb-button:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}

.pb-buttongroup--vertical .pb-button:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: calc(-1 * var(--border-width));
}

.pb-button--dropdown {
  background-color: transparent;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: var(--button-dropdown-background-size);
  padding-right: 0.875rem;
}
.pb-button--dropdown {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 0 1 .217.193a.723.723 0 0 1 1.002.018l3.779 3.807L8.781.211A.723.723 0 0 1 9.783.193c.282.264.29.701.019.975h-.004z' fill='%23b3b3b3'/%3E%3C/svg%3E");
}
.theme-dark .pb-button--dropdown {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 0 1 .217.193a.723.723 0 0 1 1.002.018l3.779 3.807L8.781.211A.723.723 0 0 1 9.783.193c.282.264.29.701.019.975h-.004z' fill='%23999999'/%3E%3C/svg%3E");
}
.theme-legacy .pb-button--dropdown {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M0 0l5 5 5-5H0z' fill='rgba(0, 0, 0, 0.54)'/%3E%3C/svg%3E");
}

.pb-card {
  --hero-icon-margin: 0.125rem;
  --hero-item-heading-size: var(--font-h3-size);
  --hero-item-heading-weight: var(--font-h3-weight);
  --hero-item-heading-letter-spacing: var(--font-h3-letter-spacing);
  --hero-item-text-size: var(--font-h4-size);
  --hero-item-text-weight: var(--font-h4-weight);
  --hero-item-text-letter-spacing: var(--font-h4-letter-spacing);
}

.material .pb-card {
  --hero-icon-margin: 0;
  --hero-item-heading-size: 22px;
  --hero-item-heading-weight: 400;
  --hero-item-heading-letter-spacing: normal;
  --hero-item-text-size: 18px;
  --hero-item-text-weight: 200;
  --hero-item-text-letter-spacing: normal;
}

.pb-card { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  box-sizing: border-box;
  overflow: auto;
  padding: 0.75rem;
}
.pb-card {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 87%);
  box-shadow: 0 0.125rem 0 0 hsl(198, 0%, 87%);
}
.theme-dark .pb-card {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(203, 30%, 8%);
  box-shadow: 0 0.15rem 0 0 hsl(203, 30%, 8%);
}
.theme-legacy .pb-card {
  background-color: #ffffff;
  border-color: #cfcfcf;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.pb-card--hero {
  border-radius: 0.1667rem;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  padding: 2.5rem;
}
.pb-card--hero {
  background-color: rgba(255, 255, 255, 0.9);
}
.theme-dark .pb-card--hero {
  background-color: rgba(33, 51, 59, 0.9);
}
.theme-legacy .pb-card--hero {
  background-color: rgba(255, 255, 255, 0.9);
}

.pb-card__hero-list {
  list-style: none;
  margin: 0;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  scrollbar-width: none;
}

.pb-card__hero-list::-webkit-scrollbar {
  display: none;
}

.pb-card__hero-item {
  display: flex;
  margin-bottom: 1.5rem;
  opacity: 1;
  transition-duration: var(--card-hero-scroll-duration, 0);
  transition-property: opacity;
  transition-timing-function: linear;
}

.pb-card__hero-item:last-child {
  margin-bottom: 0;
}

.pb-card__hero-list--scrolling .pb-card__hero-item:first-child,
.pb-card__hero-item--enter {
  opacity: 0;
}

.pb-card__hero-item-icon {
  margin-top: var(--hero-icon-margin);
}

.pb-card__hero-item-content {
  margin-left: 0.5rem;
}

.pb-card__hero-item-heading {
  font-size: var(--hero-item-heading-size);
  font-weight: var(--hero-item-heading-weight);
  letter-spacing: var(--hero-item-heading-letter-spacing);
  margin: 0;
}
.pb-card__hero-item-heading {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-card__hero-item-heading {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-card__hero-item-heading {
  color: #000000;
}

.pb-card__hero-item-text {
  font-size: var(--hero-item-text-size);
  font-weight: var(--hero-item-text-weight);
  letter-spacing: var(--hero-item-text-letter-spacing);
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 0.25rem;
  max-width: 45em;
}
.pb-card__hero-item-text {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-card__hero-item-text {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-card__hero-item-text {
  color: #000000;
}

.pb-card__hero-overflow {
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  position: relative;
  top: -0.125rem;
}

.pb-card__hero-overflow > * {
  height: 0.5rem;
}

.pb-card__hero-overflow > *:nth-child(2) {
  opacity: 0.5;
}

.pb-card__hero-overflow > *:nth-child(3) {
  opacity: 0.25;
}

.pb-card_actions {
  display: flex;
  flex: none;
  justify-content: center;
  padding-top: 2.5rem;
}

/* theme customizations */
.pb-checkbox {
  --checkbox-box-border-width: 1px;
  --checkbox-box-padding: 6px;
  --checkbox-checkmark-border-width: 2px;
  --checkbox-checkmark-height: 5px;
  --checkbox-checkmark-right: 4px;
  --checkbox-checkmark-top: 4px;
  --checkbox-checkmark-width: 8px;
}

.material .pb-checkbox {
  --checkbox-box-border-width: 2px;
  --checkbox-checkmark-border-width: 2px;
  --checkbox-checkmark-height: 6px;
  --checkbox-checkmark-right: 3px;
  --checkbox-checkmark-top: 3px;
  --checkbox-checkmark-width: 10px;
}

.pb-checkbox { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: inline-block;
  padding-left: 16px;
  position: relative;
  text-align: left;
  cursor: pointer;
}

.pb-checkbox--disabled {
  cursor: default;
}

.pb-checkbox--with-label {
  padding-left: calc(16px + var(--checkbox-box-padding));
}

.pb-checkbox--toolbar {
  margin: 4px;
  flex: none;
}

.pb-checkbox__label {
  cursor: inherit;
}
.pb-checkbox__label {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-checkbox__label {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-checkbox__label {
  color: rgba(0, 0, 0, 0.87);
}

.pb-checkbox--disabled .pb-checkbox__label {
  color: hsl(198, 10%, 71%);
}
.theme-dark .pb-checkbox--disabled .pb-checkbox__label {
  color: hsl(198, 14%, 36%);
}
.theme-legacy .pb-checkbox--disabled .pb-checkbox__label {
  color: rgba(0, 0, 0, 0.54);
}

.pb-checkbox__box {
  display: inline-block;
  width: 0;
  vertical-align: calc(var(--font-cap-height) / 2 - 16px / 2);
  height: 16px;
  position: relative;
}

/* simulate the checkbox visually using a pseudo-element */
.pb-checkbox__box::before {
  background-color: transparent;
  border-style: solid;
  border-width: var(--checkbox-box-border-width);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  content: "";
  height: 16px;
  right: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
.pb-checkbox__box::before {
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-checkbox__box::before {
  border-color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-checkbox__box::before {
  border-color: #757575;
}

.pb-checkbox--with-label .pb-checkbox__box::before {
  right: var(--checkbox-box-padding);
}

.pb-checkbox--hidden .pb-checkbox__box {
  display: none;
}

.pb-checkbox--disabled .pb-checkbox__box {
  pointer-events: none;
}

.pb-checkbox--indeterminate .pb-checkbox__box::before {
  background-color: transparent;
  border-color: hsl(198, 100%, 38%);
}
.theme-dark .pb-checkbox--indeterminate .pb-checkbox__box::before {
  background-color: transparent;
  border-color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-checkbox--indeterminate .pb-checkbox__box::before {
  background-color: #ffffff;
  border-color: #3f51b5;
}

.pb-checkbox--disabled .pb-checkbox__box::before {
  background-color: transparent;
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-checkbox--disabled .pb-checkbox__box::before {
  background-color: transparent;
  border-color: hsl(198, 14%, 36%);
}
.theme-legacy .pb-checkbox--disabled .pb-checkbox__box::before {
  background-color: transparent;
  border-color: #e0e0e0;
}

/* when the checkbox is checked, fill with primary color */
.pb-checkbox--checked .pb-checkbox__box::before {
  border-width: 0;
}
.pb-checkbox--checked .pb-checkbox__box::before {
  background-color: hsl(198, 100%, 38%);
}
.theme-dark .pb-checkbox--checked .pb-checkbox__box::before {
  background-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-checkbox--checked .pb-checkbox__box::before {
  background-color: #3f51b5;
}

.pb-checkbox--checked.pb-checkbox--disabled .pb-checkbox__box::before {
  border-width: 0;
}
.pb-checkbox--checked.pb-checkbox--disabled .pb-checkbox__box::before {
  background-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-checkbox--checked.pb-checkbox--disabled .pb-checkbox__box::before {
  background-color: hsl(198, 14%, 36%);
}
.theme-legacy .pb-checkbox--checked.pb-checkbox--disabled .pb-checkbox__box::before {
  background-color: #e0e0e0;
}

/*
 * use second pseudo-element to simulate the checkmark, normally
 * it's hidden with display set to none
 */
.pb-checkbox__box::after {
  border-bottom-style: solid;
  border-bottom-width: var(--checkbox-checkmark-border-width);
  border-left-style: solid;
  border-left-width: var(--checkbox-checkmark-border-width);
  box-sizing: border-box;
  content: "";
  display: none;
  height: var(--checkbox-checkmark-height);
  position: absolute;
  right: var(--checkbox-checkmark-right);
  top: var(--checkbox-checkmark-top);
  transform: rotate(-45deg);
  width: var(--checkbox-checkmark-width);
}
.pb-checkbox__box::after {
  border-bottom-color: hsl(198, 0%, 100%);
  border-left-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-checkbox__box::after {
  border-bottom-color: hsl(201, 30%, 15%);
  border-left-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-checkbox__box::after {
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
}

.pb-checkbox--with-label .pb-checkbox__box::after {
  right: calc(var(--checkbox-checkmark-right) + var(--checkbox-box-padding));
}

.pb-checkbox--hidden .pb-checkbox__box::after {
  content: none;
}

.pb-checkbox--indeterminate .pb-checkbox__box::after {
  border-left-width: 0;
  transform: none;
}
.pb-checkbox--indeterminate .pb-checkbox__box::after {
  border-bottom-color: hsl(198, 100%, 38%);
  border-left-color: transparent;
}
.theme-dark .pb-checkbox--indeterminate .pb-checkbox__box::after {
  border-bottom-color: hsl(203, 16%, 72%);
  border-left-color: transparent;
}
.theme-legacy .pb-checkbox--indeterminate .pb-checkbox__box::after {
  border-bottom-color: #3f51b5;
  border-left-color: transparent;
}

.pb-checkbox--disabled .pb-checkbox__box::after {
  border-bottom-color: hsl(198, 0%, 100%);
  border-left-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-checkbox--disabled .pb-checkbox__box::after {
  border-bottom-color: hsl(201, 30%, 15%);
  border-left-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-checkbox--disabled .pb-checkbox__box::after {
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
}

/* reveal the checkmark when checked */
.pb-checkbox--checked .pb-checkbox__box::after,
.pb-checkbox--indeterminate .pb-checkbox__box::after {
  display: inline-block;
}

.pb-checkbox--disabled.pb-checkbox--indeterminate .pb-checkbox__box::after {
  border-color: hsl(198, 0%, 80%);
  border-left-color: transparent;
}
.theme-dark .pb-checkbox--disabled.pb-checkbox--indeterminate .pb-checkbox__box::after {
  border-color: hsl(198, 14%, 36%);
  border-left-color: transparent;
}
.theme-legacy .pb-checkbox--disabled.pb-checkbox--indeterminate .pb-checkbox__box::after {
  border-color: #e0e0e0;
  border-left-color: transparent;
}

/*
 * the actual `<input>` element is hidden by setting its
 * opacity to zero
 */
.pb-checkbox__input {
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.pb-checkbox--disabled .pb-checkbox__input {
  pointer-events: none;
}

.pb-chips {
  display: flex;
  align-items: baseline;
  flex-flow: row wrap;
}

.pb-chips__combo-select-wrap--block {
  order: 1;
  width: 100%;
}

.pb-tag + .pb-chips__combo-select-wrap--block {
  margin-top: 0.5rem;
}

.pb-click-edit {
  border-style: solid;
  border-width: 1px;
  outline: none;
  padding: 0 0.25em;
  position: relative;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: text;
}
.pb-click-edit {
  border-color: transparent;
}
.theme-dark .pb-click-edit {
  border-color: transparent;
}
.theme-legacy .pb-click-edit {
  border-color: transparent;
}

.pb-click-edit--multiline {
  white-space: pre-wrap;
}

.pb-click-edit:hover:not(.pb-click-edit--readonly) {
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-click-edit:hover:not(.pb-click-edit--readonly) {
  border-color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-click-edit:hover:not(.pb-click-edit--readonly) {
  border-color: rgba(0, 0, 0, 0.12);
}

.pb-click-edit.pb-click-edit--editing,
.pb-click-edit--editing:hover:not(.pb-click-edit--readonly) {
  border-color: hsl(198, 100%, 38%);
}
.theme-dark .pb-click-edit.pb-click-edit--editing,
.theme-dark .pb-click-edit--editing:hover:not(.pb-click-edit--readonly) {
  border-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-click-edit.pb-click-edit--editing,
.theme-legacy .pb-click-edit--editing:hover:not(.pb-click-edit--readonly) {
  border-color: #3f51b5;
}

.pb-click-edit--editing .pb-click-edit__text {
  visibility: hidden;
}

.pb-click-edit-textarea {
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  word-wrap: inherit;
  white-space: inherit;
  padding: inherit;
  /* no scrollbars */
  overflow: hidden;
  /* occupy space allocated by div */
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* act like div */
  resize: none;
  outline: none;
  background: none;
  display: block;
  border: 0;
}

.pb-color-palette-dialog {
  width: 700px;
}

.pb-color-palette-dialog__controls {
  width: 100%; /* https://bugs.webkit.org/show_bug.cgi?id=209282 */
  align-items: baseline;
  display: grid;
  grid-row-gap: 0.5rem;
  grid-template-columns: auto 1fr;
  justify-content: start;
}

.pb-color-palette-dialog__label {
  text-align: right;
  margin-right: 1em;
  white-space: nowrap;
  width: 5rem;
}

.pb-color-palette-dialog__option-group {
  display: flex;
  flex-wrap: wrap;
}

.pb-color-palette-dialog__option.pb-select {
  flex-grow: 0;
  min-width: 9rem;
}

.pb-color-palette-dialog__option:not(:last-child) {
  margin-right: 1em;
}

.pb-color-palette-dialog__notice {
  line-height: 1.4;
  height: 2.8em;
  visibility: hidden;
}

.pb-color-palette-dialog__notice--visible {
  visibility: visible;
}

.pb-color-palette-dialog__stretcher {
  display: flex;
  flex-flow: column nowrap;
}

.pb-color-palette-dialog__grid {
  display: grid;
  max-height: 350px;
  grid-template-columns: max-content max-content minmax(0, 1fr) max-content;
  grid-auto-rows: max-content;
  line-height: 35px;
  overflow: auto;
  overflow-anchor: none;
  outline: none;
}

.pb-color-palette-dialog__picker-cell {
  padding: 0 1rem 0 0;
}

.pb-color-palette-dialog__select {
  width: 100%;
  display: inline-block;
}

.pb-color-palette-dialog__button-cell {
  display: flex;
}

.pb-color-palette-dialog__add-button.pb-button {
  width: 50px;
  min-width: 0;
  margin: 0 3px;
}

.pb-color-palette-dialog__add-button-icon.pb-icon {
  vertical-align: calc(var(--font-cap-height) / 2 - 12px);
}

.pb-color-palette-dialog__bottom-row {
  display: flex; /* for whitespace */
  flex: none;
}

.pb-color-palette-dialog__text-input.pb-input {
  display: inline-grid;
  font-family: monospace;
  width: 85px;
  min-width: 85px;
  padding: 0 1rem 0 0;
}

.pb-color-palette-dialog__picker-swatch {
  background-clip: content-box;
  height: 25px;
  width: 50px;
  border-radius: 4px;
  border: 3px solid transparent;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}

.pb-color-palette-dialog__picker-input {
  cursor: pointer;
  position: absolute;
  width: 200%;
  height: 200%;
  transform: translate(-25%, -25%);
  opacity: 0;
}

.pb-color-palette-dialog__picker-input--disabled {
  cursor: default;
}

.pb-color-palette-dialog__picker-swatch--focused {
  border-color: hsl(197, 68%, 65%);
}
.theme-dark .pb-color-palette-dialog__picker-swatch--focused {
  border-color: rgba(128, 188, 254, 0.6);
}
.theme-legacy .pb-color-palette-dialog__picker-swatch--focused {
  border-color: #c5cae9;
}

.pb-color-palette-dialog__grid-button {
  padding: 4px 3px;
}

.pb-color-picker {
  --color-picker-inner-pad: 1px;
  --color-picker-border-width: 3px;
  --color-picker-cols: 10;
  --color-picker-item-width: 1.5em;
  --color-picker-item-height: 1.5em;
  --one-width-without-border:
  	calc(
  		var(--color-picker-item-width) +
  		var(--color-picker-inner-pad) * 2
  	);
  display: flex;
  border: 1px solid;
  justify-content: stretch;
  padding: 0.5em;
  flex-wrap: wrap;
  outline: none;
  width: calc(var(--color-picker-cols) * var(--one-width-without-border) + var(--color-picker-cols) * var(--color-picker-border-width) * 2);
}
.pb-color-picker {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-color-picker {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-color-picker {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pb-color-picker__color {
  padding: 0;
  cursor: pointer;
  flex: 1 1 0;
  outline: none;
}

.pb-color-picker__box {
  display: flex;
  justify-content: center;
  padding: var(--color-picker-inner-pad);
  background-color: #fff;
  border-radius: 4px;
  border: var(--color-picker-border-width) solid transparent;
}

.pb-color-picker__box::before {
  width: var(--color-picker-item-width);
  height: var(--color-picker-item-height);
  content: "";
  background-color: currentColor;
  flex: 1 0 auto;
}

.pb-color-picker__eyedrop {
  border-left: 1px solid #ccc;
  padding-left: 0.25em;
  margin-left: 0.25em;
  cursor: pointer;
  overflow: hidden;
  position: relative; /* for overflow:hidden to take effect */
}
.pb-color-picker__eyedrop {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-color-picker__eyedrop {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-color-picker__eyedrop {
  color: #212121;
}

.pb-color-picker__eyedrop-input {
  opacity: 0;
  position: absolute;
  width: 1000%;
  height: 1000%;
  transform: translate(-50%, -50%);
  cursor: inherit;
}

.pb-color-picker__color--picked .pb-color-picker__box {
  border: var(--color-picker-border-width) solid hsl(201, 29%, 88%);
}
.theme-dark .pb-color-picker__color--picked .pb-color-picker__box {
  border: var(--color-picker-border-width) solid hsl(203, 32%, 29%);
}
.theme-legacy .pb-color-picker__color--picked .pb-color-picker__box {
  border: var(--color-picker-border-width) solid #d7ddf4;
}

.pb-color-picker__color--quickcolor {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.pb_color-picker__color--bottomrow {
  margin-top: 0.5em;
}

.pb-color-picker__color--active .pb-color-picker__box {
  border: var(--color-picker-border-width) solid hsl(197, 68%, 65%);
}
.theme-dark .pb-color-picker__color--active .pb-color-picker__box {
  border: var(--color-picker-border-width) solid rgba(128, 188, 254, 0.6);
}
.theme-legacy .pb-color-picker__color--active .pb-color-picker__box {
  border: var(--color-picker-border-width) solid #c5cae9;
}

.pb-color-picker__color--transparent .pb-color-picker__box::before {
  content: none;
}

.pb-colorbar {
  display: inline-block;
  width: 100%;
  height: 1.4em;
  margin-bottom: -0.4em;
}

.pb-column-filter {
  --column-filter-border-width: var(--border-width);
}

.material .pb-column-filter {
  --column-filter-border-width: 0;
}

.pb-column-filter { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  outline: none;
  max-width: 20rem;
  padding: 0 0.5rem;
  line-height: normal;
}
.pb-column-filter {
  background-color: hsl(198, 0%, 100%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-column-filter {
  background-color: hsl(198, 28%, 18%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-column-filter {
  background-color: #ffffff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-column-filter--inline {
  padding: 0;
}
.pb-column-filter--inline {
  box-shadow: none;
}
.theme-dark .pb-column-filter--inline {
  box-shadow: none;
}
.theme-legacy .pb-column-filter--inline {
  box-shadow: none;
}

.pb-column-filter__label {
  font-size: var(--font-size-small-plus);
  font-weight: 600;
}

.pb-column-filter__label,
.pb-column-filter__search,
.pb-column-filter__filter-discrete {
  margin: 1em 0;
}

.pb-column-filter__search,
.pb-column-filter__filter-discrete {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.pb-column-filter__filter-discrete {
  height: 7rem;
}

.pb-column-filter__radio.pb-radio {
  margin: 0.5rem 0;
  display: block;
}

.pb-column-filter__actions {
  text-align: right;
  margin: 1rem 0 0.5rem 0;
}

.pb-column-filter--inline .pb-column-filter__actions {
  margin-bottom: 0;
}

.pb-column-table {
  /*
  Use a grid instead of standard table layout to keep the
  first <table> column as small as possible and leave maximum
  room for the rest of the row. This is also useful if the
  contents of the rows (but not the "columns") are updated,
  as it will keep the <table>'s first column width from jumping
  around as the contents are updated.
  */
}
.pb-column-table table {
  display: grid;
  grid-template-columns: auto repeat(var(--pb-column-table-num-rows), 1fr);
}
.pb-column-table thead, .pb-column-table tbody, .pb-column-table tr {
  display: contents;
}
.pb-column-table thead tr th {
  grid-column-end: span calc(1 + var(--pb-column-table-num-rows));
}

.pb-column-table__heading {
  align-content: center;
  border-bottom-style: solid;
  border-radius: 0;
  border-width: var(--border-width);
  display: flex;
  justify-content: space-between;
}
.pb-column-table__heading {
  border-bottom-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-column-table__heading {
  border-bottom-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-column-table__heading {
  border-bottom-color: #e0e0e0;
}

.pb-column-table--empty .pb-column-table__heading {
  border-width: 0;
}

.pb-column-table__show-trigger {
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: relative;
  top: -0.0625rem; /* from table styles */
}
.pb-column-table__show-trigger {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-column-table__show-trigger {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-column-table__show-trigger {
  color: #3f51b5;
}

.pb-column-table__column-selector {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-template-rows: [heading] auto [content] 1fr;
  outline: none;
  line-height: normal;
  max-width: 20rem;
  overflow: auto;
  padding: 0.5rem;
}
.pb-column-table__column-selector {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-column-table__column-selector {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-column-table__column-selector {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-column-table__column-selector-list {
  grid-row: content;
  min-height: 0;
}

.pb-column-table__column-selector-list:only-child {
  grid-column: span 2;
}

/* theme customizations */
.pb-combo-select {
  --input-transition-duration: var(--transition-duration-fast);
}

.material .pb-combo-select {
  --input-transition-duration: 0s;
}

.pb-combo-select { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: inline-block;
  position: relative;
}

.pb-combo-select__input {
  background-repeat: no-repeat;
  background-size: 0 100%;
  border: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  font-size: var(--font-size);
  font-family: inherit;
  font-weight: normal;
  height: 1rem;
  min-width: 2.5rem;
  padding: 0 calc(0.5rem + 10px) 0 0.25rem;
  position: relative;
  transition-duration: var(--input-transition-duration);
  transition-property: background-size;
  transition-timing-function: ease;
  width: 100%;
}
.pb-combo-select__input {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(198, 80%, 46%) 1px, transparent 0);
  border-bottom-color: hsl(198, 0%, 70%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-combo-select__input {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(198, 65%, 57%) 1px, transparent 0);
  border-bottom-color: hsl(203, 16%, 72%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-combo-select__input {
  background-color: transparent;
  background-image: linear-gradient(0deg, #3f51b5 1px, transparent 0);
  border-bottom-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

.pb-combo-select__input::-webkit-search-decoration,
.pb-combo-select__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.pb-combo-select__input:hover {
  background-color: hsla(198, 0%, 87%, 0.5);
}
.theme-dark .pb-combo-select__input:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-combo-select__input:hover {
  background-color: transparent;
}

.pb-combo-select__input:focus {
  background-size: 100% 100%;
  outline-style: none;
}
.pb-combo-select__input:focus {
  background-color: hsla(198, 0%, 87%, 0.5);
  border-bottom-color: hsl(198, 80%, 46%);
}
.theme-dark .pb-combo-select__input:focus {
  background-color: hsl(201, 31%, 23%);
  border-bottom-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-combo-select__input:focus {
  background-color: transparent;
  border-bottom-color: #3f51b5;
}

.pb-combo-select--error .pb-combo-select__input,
.pb-combo-select--error .pb-combo-select__input:focus,
.pb-combo-select--error .pb-combo-select__input:hover {
  background-size: 100% 100%;
}
.pb-combo-select--error .pb-combo-select__input,
.pb-combo-select--error .pb-combo-select__input:focus,
.pb-combo-select--error .pb-combo-select__input:hover {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(9, 100%, 38%) 1px, transparent 0);
  border-bottom-color: hsl(9, 100%, 38%);
}
.theme-dark .pb-combo-select--error .pb-combo-select__input,
.theme-dark .pb-combo-select--error .pb-combo-select__input:focus,
.theme-dark .pb-combo-select--error .pb-combo-select__input:hover {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(3, 90%, 62%) 1px, transparent 0);
  border-bottom-color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-combo-select--error .pb-combo-select__input,
.theme-legacy .pb-combo-select--error .pb-combo-select__input:focus,
.theme-legacy .pb-combo-select--error .pb-combo-select__input:hover {
  background-color: transparent;
  background-image: linear-gradient(0deg, #ff5722 1px, transparent 0);
  border-bottom-color: #ff5722;
}

.pb-combo-select__full-button {
  outline-style: none;
  cursor: pointer;
  position: absolute;
  padding: 0;
  right: 0;
  top: 0;
}
.pb-combo-select__full-button {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-combo-select__full-button {
  color: hsl(0, 0%, 60%);
}
.theme-legacy .pb-combo-select__full-button {
  color: rgba(0, 0, 0, 0.54);
}

.pb-combo-select__full-button:hover {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-combo-select__full-button:hover {
  color: hsl(198, 0%, 55%);
}
.theme-legacy .pb-combo-select__full-button:hover {
  color: hsl(198, 0%, 55%);
}

.pb-compensation-editor-dialog__body {
  position: relative;
  display: grid;
  grid: minmax(0, calc(var(--sheet-height) * 1px)) max-content 1fr/calc(395px + 1rem + var(--plot-area-scroll-adjust) * 1px) minmax(500px, calc(var(--sheet-width) * 1px));
  height: 100%;
  /* Safari shrinks by scrollbar width even though there is none */
  overflow: hidden;
}

.pb-compensation-editor-dialog__spreadsheet {
  grid-area: 1/2/span 1/span 1;
  position: relative;
}

.pb-compensation-editor-dialog__plot-area {
  grid-area: 1/1/4/2;
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  overflow: auto;
}

.pb-compensation-editor-dialog__plot {
  position: relative;
}
.pb-compensation-editor-dialog__plot {
  background-color: white;
}
.theme-dark .pb-compensation-editor-dialog__plot {
  background-color: white;
}
.theme-legacy .pb-compensation-editor-dialog__plot {
  background-color: white;
}

.pb-compensation-editor-dialog__card {
  margin-bottom: 1rem;
}

.pb-compensation-editor-dialog__card-item {
  margin: 0.5rem 0;
}

.pb-compensation-editor-dialog__card-item:first-child {
  margin-top: 0;
}

.pb-compensation-editor-dialog__card-item:last-child {
  margin-bottom: 0;
}

.pb-compensation-editor-dialog__export-radio {
  margin-right: 1em;
}

.pb-compensation-editor-dialog__errors {
  position: absolute;
  width: 100%;
  height: 100%;
  display: grid;
  z-index: 1;
}

.pb-compensation-editor-dialog__errors-inner {
  margin: auto 1rem;
}

.pb-compensation-editor-dialog__plot--has-errors .gata-plot-container {
  opacity: 0.1;
}

.pb-compensation-editor-dialog__scale {
  display: flex;
  align-items: baseline;
}

.pb-compensation-editor-dialog__scale--no-selection {
  visibility: hidden;
}

.pb-compensation-editor-dialog__keys-and-step-size {
  grid-area: 2/2;
  margin-top: 1rem;
  text-align: center;
}

.pb-compensation-editor-dialog__keys-and-step-size p:first-child {
  margin-top: 0;
}

.pb-compensation-editor-dialog__keys-and-step-size p:last-child {
  margin-bottom: 0;
}

.pb-compensation-editor-dialog__alert {
  /* bottom border equal to border width for Chrome, see
  https://github.com/cellengine/cellengine/commit/01ffb719cad#r48720095 */
  margin: 0.5rem 0 var(--border-width);
}

.pb-compensation-editor-dialog__step-radio {
  margin-left: 0.75em;
}

.pb-compensation-editor-dialog__scale-type.pb-select {
  flex: none;
}

.pb-compensation-editor-dialog__scale-number.pb-input {
  margin-left: 0.25rem;
  min-width: 0;
  flex: auto;
}

.pb-compensation-editor-dialog__import-paste {
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  font: inherit;
  line-height: 1.2;
  outline: none; /* firefox */
  padding: 0.25em 0.5em;
  resize: none;
  width: 100%;
}
.pb-compensation-editor-dialog__import-paste {
  border: 1px dashed hsl(203, 16%, 72%);
}
.theme-dark .pb-compensation-editor-dialog__import-paste {
  border: 1px dashed hsl(203, 16%, 72%);
}
.theme-legacy .pb-compensation-editor-dialog__import-paste {
  border: 1px dashed #cccccc;
}

.pb-compensation-editor-dialog__import-file-input {
  display: none;
}

.pb-concatenate-fcs-files-dialog__alert {
  margin-top: 1rem;
}

.pb-create-gating-hierarchy-dialog__inner {
  height: 70vh;
  display: flex;
  flex-direction: column;
}

.pb-create-gating-hierarchy-dialog__group {
  margin-top: 1rem;
}

.pb-create-gating-hierarchy-dialog__inline-radio {
  margin-left: 0.25rem;
}

/* theme customizations */
.pb-datatable {
  --datatable-actions-width: 1.75rem;
  --datatable-border-width: 0.05rem;
  --datatable-double-actions-width: 2.25rem;
  --datatable-dropdown-padding: 0.04167rem 1rem 0;
  --datatable-expand-transform: rotate(90deg);
  --datatable-expand-expanded-transform: rotate(180deg);
  --datatable-header-border-width: var(--border-width);
  --datatable-select-width: 1.625rem;
  --datatable-z-index-fixed: 2; /* columns that don't scroll need to be lifted above those that do */
  --datatable-z-index-head: 3; /* heading row needs to be lifed above body rows */
  /* fixed heading columns above other heading columns: */
  --datatable-z-index-fixed-head: calc(var(--datatable-z-index-head) + 2);
  --datatable-z-index-head-background: -1; /* heading background highlights below the icon */
  --datatable-z-index-tags: 1; /* tags (can) float above normal body content */
}

.material .pb-datatable {
  --datatable-border-width: 1px;
  --datatable-active-filter-content: "";
  --datatable-dropdown-padding: 0 12px;
  --datatable-expand-transform: rotate(0deg);
  --datatable-header-border-width: 1px;
}

.pb-datatable { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  overscroll-behavior: contain;
  overflow-anchor: none;
  overflow: auto;
  padding: 0;
  -ms-scroll-chaining: none;
  display: flex;
  flex-direction: column;
  /* we create some stacking contexts below, isolate them in a root stacking context */
  z-index: 0;
  position: relative;
}
.pb-datatable {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(208, 16%, 34%);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-datatable {
  background-color: #ffffff;
  border-color: #e0e0e0;
  color: #212121;
}

.pb-datatable__sizer {
  flex: auto;
  /* this is so that the container has a consistent size even when filtering */
  /* we can't set the outer height because it could get pixel-snapped: #8049 */
  flex-basis: calc(var(--datatable-header-height) + var(--datatable-row-height) * var(--datatable-height-rows));
}

.pb-datatable table {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  table-layout: fixed;
  width: 100%;
}

.pb-datatable thead,
.pb-datatable tr {
  border-width: 0;
  padding: 0;
}

.pb-datatable__heading {
  border-bottom-style: solid;
  border-bottom-width: var(--datatable-header-border-width);
  border-top-width: 0;
  font-weight: 600;
  letter-spacing: 0.03em;
  position: sticky;
  top: 0;
  width: calc(var(--datatable-column-width) * var(--datatable-unit));
  z-index: var(--datatable-z-index-head);
  /* add leading to make heading text/icons optically similar to a normal row */
  /* but only when the row height is smaller than the header height */
  line-height: min(var(--datatable-row-height) - var(--border-width), var(--datatable-header-height) - var(--datatable-header-border-width));
  /* extra space given by :header-height is added above that */
  height: calc(var(--datatable-header-height) - var(--datatable-header-border-width));
  vertical-align: bottom;
}
.pb-datatable__heading {
  background-color: hsl(198, 0%, 98%);
  border-bottom-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-datatable__heading {
  background-color: hsl(201, 30%, 15%);
  border-bottom-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-datatable__heading {
  background-color: #fafafa;
  border-bottom-color: #e0e0e0;
}

.pb-datatable__heading--expand {
  width: var(--datatable-row-height);
}

.pb-datatable__heading--fr {
  width: 100%;
}

.pb-datatable__heading--content {
  border-right-style: solid;
  border-right-width: var(--border-width);
}
.pb-datatable__heading--content {
  border-right-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-datatable__heading--content {
  border-right-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-datatable__heading--content {
  border-right-color: #e0e0e0;
}

.pb-datatable__heading--content:last-child {
  border-right-width: 0;
}

.pb-datatable__heading,
.pb-datatable__cell {
  box-sizing: border-box;
  font-size: 0.4585rem;
  padding: 0;
  text-align: left;
}

.pb-datatable__cell {
  border-top-style: solid;
  border-top-width: var(--border-width);
  font-size: 0.54192rem;
  vertical-align: middle;
}
.pb-datatable__cell {
  border-top-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-datatable__cell {
  border-top-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-datatable__cell {
  border-top-color: #f5f5f5;
}

.pb-datatable__row--child .pb-datatable__cell {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border-top-color: transparent;
}

.pb-datatable__row:first-child .pb-datatable__cell {
  border-top-width: 0;
}

.pb-datatable__row:last-child .pb-datatable__cell {
  box-shadow: 0 1px hsl(198, 0%, 91%);
}
.theme-dark .pb-datatable__row:last-child .pb-datatable__cell {
  box-shadow: 0 1px hsl(208, 16%, 34%);
}
.theme-legacy .pb-datatable__row:last-child .pb-datatable__cell {
  box-shadow: 0 1px #f5f5f5;
}

.pb-datatable__cell--fr {
  width: 100%;
  /* button padding can cause overflow when this column is collapsed */
  overflow: hidden;
}

.pb-datatable__heading--select,
.pb-datatable__cell--select {
  left: 0;
  padding-left: 0.5rem;
  padding-right: 0;
  position: sticky;
  width: var(--datatable-select-width);
}

.pb-datatable__heading--select,
.pb-datatable__heading.pb-datatable__actions {
  z-index: var(--datatable-z-index-fixed-head);
}
.pb-datatable__heading--select,
.pb-datatable__heading.pb-datatable__actions {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-datatable__heading--select,
.theme-dark .pb-datatable__heading.pb-datatable__actions {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-datatable__heading--select,
.theme-legacy .pb-datatable__heading.pb-datatable__actions {
  background-color: #fafafa;
}

.pb-datatable__cell--select,
.pb-datatable__cell.pb-datatable__actions {
  z-index: var(--datatable-z-index-fixed);
}
.pb-datatable__cell--select,
.pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-datatable__cell--select,
.theme-dark .pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(198, 28%, 18%);
}
.theme-legacy .pb-datatable__cell--select,
.theme-legacy .pb-datatable__cell.pb-datatable__actions {
  background-color: #ffffff;
}

.pb-datatable__row--highlight .pb-datatable__cell--select,
.pb-datatable__row--highlight .pb-datatable__cell.pb-datatable__actions,
.pb-datatable__row:hover .pb-datatable__cell--select,
.pb-datatable__row:hover .pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-datatable__row--highlight .pb-datatable__cell--select,
.theme-dark .pb-datatable__row--highlight .pb-datatable__cell.pb-datatable__actions,
.theme-dark .pb-datatable__row:hover .pb-datatable__cell--select,
.theme-dark .pb-datatable__row:hover .pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-datatable__row--highlight .pb-datatable__cell--select,
.theme-legacy .pb-datatable__row--highlight .pb-datatable__cell.pb-datatable__actions,
.theme-legacy .pb-datatable__row:hover .pb-datatable__cell--select,
.theme-legacy .pb-datatable__row:hover .pb-datatable__cell.pb-datatable__actions {
  background-color: #f5f5f5;
}

.pb-datatable__row.pb-datatable__row--child .pb-datatable__cell--select,
.pb-datatable__row.pb-datatable__row--child .pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-datatable__row.pb-datatable__row--child .pb-datatable__cell--select,
.theme-dark .pb-datatable__row.pb-datatable__row--child .pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(198, 28%, 18%);
}
.theme-legacy .pb-datatable__row.pb-datatable__row--child .pb-datatable__cell--select,
.theme-legacy .pb-datatable__row.pb-datatable__row--child .pb-datatable__cell.pb-datatable__actions {
  background-color: #ffffff;
}

.pb-datatable__row.pb-datatable__row--selected .pb-datatable__cell--select,
.pb-datatable__row.pb-datatable__row--selected .pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(201, 29%, 88%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-datatable__row.pb-datatable__row--selected .pb-datatable__cell--select,
.theme-dark .pb-datatable__row.pb-datatable__row--selected .pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(203, 32%, 29%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-datatable__row.pb-datatable__row--selected .pb-datatable__cell--select,
.theme-legacy .pb-datatable__row.pb-datatable__row--selected .pb-datatable__cell.pb-datatable__actions {
  background-color: #d7ddf4;
  color: #424242;
}

.pb-datatable__row--selected.pb-datatable__row--disabled .pb-datatable__cell--select,
.pb-datatable__row--selected.pb-datatable__row--disabled .pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(203, 3%, 96%);
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-datatable__row--selected.pb-datatable__row--disabled .pb-datatable__cell--select,
.theme-dark .pb-datatable__row--selected.pb-datatable__row--disabled .pb-datatable__cell.pb-datatable__actions {
  background-color: hsl(198, 18%, 26%);
  color: hsl(0, 0%, 60%);
}
.theme-legacy .pb-datatable__row--selected.pb-datatable__row--disabled .pb-datatable__cell--select,
.theme-legacy .pb-datatable__row--selected.pb-datatable__row--disabled .pb-datatable__cell.pb-datatable__actions {
  background-color: #eeeeee;
  color: #bdbdbd;
}

.pb-datatable__heading-content {
  align-items: center;
  display: flex;
  padding: 0 0.25rem;
}

.pb-datatable__heading-text {
  flex: auto;
  font: inherit;
  min-width: 0;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pb-datatable__text,
.pb-datatable__heading-text:focus {
  outline: none;
}

.pb-datatable__heading--sortable .pb-datatable__heading-text {
  background-color: transparent;
  border-width: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  letter-spacing: inherit;
  margin: 0;
  padding: 0;
}

.pb-datatable__heading--sortable .pb-datatable__heading-text:hover {
  text-decoration: underline;
}
.pb-datatable__heading--sortable .pb-datatable__heading-text:hover {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable__heading--sortable .pb-datatable__heading-text:hover {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-datatable__heading--sortable .pb-datatable__heading-text:hover {
  color: #1a237e;
}

.pb-datatable__heading-sort {
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  flex: none;
  margin: 0;
}
.pb-datatable__heading-sort {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-datatable__heading-sort {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-datatable__heading-sort {
  color: #3f51b5;
}

.pb-datatable__heading-sort[data-sort-order] {
  box-sizing: border-box;
  padding: 0;
  position: relative;
}

.pb-datatable__heading-sort[data-sort-order]::after {
  content: attr(data-sort-order);
  display: inline-block;
  font-size: 0.33308rem;
  font-weight: 400;
  letter-spacing: normal;
  position: absolute;
  right: -0.125rem;
  top: -0.125rem;
}
.pb-datatable__heading-sort[data-sort-order]::after {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-datatable__heading-sort[data-sort-order]::after {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-datatable__heading-sort[data-sort-order]::after {
  color: #3f51b5;
}

.pb-datatable__date-range-trigger,
.pb-datatable__filter-trigger,
.pb-datatable__show-trigger,
.pb-datatable__tags-trigger {
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0 0 0 0.125rem;
  padding: 0;
}

.pb-datatable__tags-trigger + .pb-datatable__filter-trigger {
  padding-left: 0.25rem;
}

.pb-datatable__show-trigger {
  margin-left: 0;
}

.pb-datatable__date-range-trigger--active .pb-datatable__icon,
.pb-datatable__filter-trigger--active .pb-datatable__icon,
.pb-datatable__show-trigger--active .pb-datatable__icon,
.pb-datatable__tags-trigger--active .pb-datatable__icon {
  position: relative;
}
.pb-datatable__date-range-trigger--active .pb-datatable__icon,
.pb-datatable__filter-trigger--active .pb-datatable__icon,
.pb-datatable__show-trigger--active .pb-datatable__icon,
.pb-datatable__tags-trigger--active .pb-datatable__icon {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-datatable__date-range-trigger--active .pb-datatable__icon,
.theme-dark .pb-datatable__filter-trigger--active .pb-datatable__icon,
.theme-dark .pb-datatable__show-trigger--active .pb-datatable__icon,
.theme-dark .pb-datatable__tags-trigger--active .pb-datatable__icon {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-datatable__date-range-trigger--active .pb-datatable__icon,
.theme-legacy .pb-datatable__filter-trigger--active .pb-datatable__icon,
.theme-legacy .pb-datatable__show-trigger--active .pb-datatable__icon,
.theme-legacy .pb-datatable__tags-trigger--active .pb-datatable__icon {
  color: #3f51b5;
}

.pb-datatable__date-range-trigger--active .pb-datatable__icon::before,
.pb-datatable__filter-trigger--active .pb-datatable__icon::before,
.pb-datatable__show-trigger--active .pb-datatable__icon::before,
.pb-datatable__tags-trigger--active .pb-datatable__icon::before {
  border-radius: 50%;
  content: var(--datatable-active-filter-content);
  height: 18px;
  left: -3px;
  position: absolute;
  top: -3px;
  width: 18px;
  z-index: var(--datatable-z-index-head-background);
}
.pb-datatable__date-range-trigger--active .pb-datatable__icon::before,
.pb-datatable__filter-trigger--active .pb-datatable__icon::before,
.pb-datatable__show-trigger--active .pb-datatable__icon::before,
.pb-datatable__tags-trigger--active .pb-datatable__icon::before {
  background-color: hsl(198, 83%, 94%);
}
.theme-dark .pb-datatable__date-range-trigger--active .pb-datatable__icon::before,
.theme-dark .pb-datatable__filter-trigger--active .pb-datatable__icon::before,
.theme-dark .pb-datatable__show-trigger--active .pb-datatable__icon::before,
.theme-dark .pb-datatable__tags-trigger--active .pb-datatable__icon::before {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.theme-legacy .pb-datatable__date-range-trigger--active .pb-datatable__icon::before,
.theme-legacy .pb-datatable__filter-trigger--active .pb-datatable__icon::before,
.theme-legacy .pb-datatable__show-trigger--active .pb-datatable__icon::before,
.theme-legacy .pb-datatable__tags-trigger--active .pb-datatable__icon::before {
  background-color: #c5cae9;
}

.pb-datatable__expand {
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  font: inherit;
  height: calc(var(--datatable-row-height) - var(--border-width));
  padding: 0;
  width: var(--datatable-row-height);
}
.pb-datatable__expand {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable__expand {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-datatable__expand {
  color: #212121;
}

.pb-datatable__expand:focus {
  outline: none;
}

.pb-datatable__expand .pb-icon {
  display: inline-block;
  transform: var(--datatable-expand-transform);
}

.pb-datatable__row--expanded .pb-icon {
  transform: var(--datatable-expand-expanded-transform);
}

.pb-datatable__expand .pb-icon__shape--material {
  transform: scale(1.5);
}
.pb-datatable__expand .pb-icon__shape--material {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-datatable__expand .pb-icon__shape--material {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-datatable__expand .pb-icon__shape--material {
  color: #424242;
}

.pb-datatable__actions {
  box-sizing: border-box;
  padding-left: 0.375rem;
  position: sticky;
  right: 0;
  width: var(--datatable-actions-width);
}

.pb-datatable__actions--double {
  width: var(--datatable-double-actions-width);
}

.pb-datatable__row--highlight,
.pb-datatable__row:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-datatable__row--highlight,
.theme-dark .pb-datatable__row:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-datatable__row--highlight,
.theme-legacy .pb-datatable__row:hover {
  background-color: #f5f5f5;
}

.pb-datatable__row.pb-datatable__row--child {
  background-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-datatable__row.pb-datatable__row--child {
  background-color: hsl(198, 28%, 18%);
}
.theme-legacy .pb-datatable__row.pb-datatable__row--child {
  background-color: #ffffff;
}

.pb-datatable__row.pb-datatable__row--selected {
  background-color: hsl(201, 29%, 88%);
}
.theme-dark .pb-datatable__row.pb-datatable__row--selected {
  background-color: hsl(203, 32%, 29%);
}
.theme-legacy .pb-datatable__row.pb-datatable__row--selected {
  background-color: #d7ddf4;
}

.pb-datatable__row.pb-datatable__row--disabled {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-datatable__row.pb-datatable__row--disabled {
  color: hsl(0, 0%, 60%);
}
.theme-legacy .pb-datatable__row.pb-datatable__row--disabled {
  color: #bdbdbd;
}

.pb-datatable__row--selected.pb-datatable__row--disabled {
  background-color: hsl(203, 3%, 96%);
}
.theme-dark .pb-datatable__row--selected.pb-datatable__row--disabled {
  background-color: hsl(198, 18%, 26%);
}
.theme-legacy .pb-datatable__row--selected.pb-datatable__row--disabled {
  background-color: #eeeeee;
}

.pb-datatable__cell-content {
  align-items: center;
  box-sizing: border-box;
  cursor: default;
  display: flex;
  font: inherit;
  height: calc(var(--datatable-row-height) - var(--border-width));
  opacity: 1;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  position: relative;
  text-align: inherit;
  width: 100%;
}

.pb-datatable__cell-content,
.pb-datatable__cell-content:active,
.pb-datatable__cell-content:visited {
  background-color: transparent;
  border-width: 0;
}
.pb-datatable__cell-content,
.pb-datatable__cell-content:active,
.pb-datatable__cell-content:visited {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable__cell-content,
.theme-dark .pb-datatable__cell-content:active,
.theme-dark .pb-datatable__cell-content:visited {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-datatable__cell-content,
.theme-legacy .pb-datatable__cell-content:active,
.theme-legacy .pb-datatable__cell-content:visited {
  color: #212121;
}

.pb-datatable__cell-content:focus {
  outline-style: none;
}

.pb-datatable__row--child .pb-datatable__cell-content {
  overflow: hidden;
}

.pb-datatable__row--selected .pb-datatable__cell-content,
.pb-datatable__row--selected .pb-datatable__cell-content:active,
.pb-datatable__row--selected .pb-datatable__cell-content:visited {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-datatable__row--selected .pb-datatable__cell-content,
.theme-dark .pb-datatable__row--selected .pb-datatable__cell-content:active,
.theme-dark .pb-datatable__row--selected .pb-datatable__cell-content:visited {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-datatable__row--selected .pb-datatable__cell-content,
.theme-legacy .pb-datatable__row--selected .pb-datatable__cell-content:active,
.theme-legacy .pb-datatable__row--selected .pb-datatable__cell-content:visited {
  color: #424242;
}

/* stylelint-disable no-descending-specificity */
.pb-datatable__row--disabled .pb-datatable__cell-content,
.pb-datatable__row--disabled .pb-datatable__cell-content:active,
.pb-datatable__row--disabled .pb-datatable__cell-content:visited {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-datatable__row--disabled .pb-datatable__cell-content,
.theme-dark .pb-datatable__row--disabled .pb-datatable__cell-content:active,
.theme-dark .pb-datatable__row--disabled .pb-datatable__cell-content:visited {
  color: hsl(0, 0%, 60%);
}
.theme-legacy .pb-datatable__row--disabled .pb-datatable__cell-content,
.theme-legacy .pb-datatable__row--disabled .pb-datatable__cell-content:active,
.theme-legacy .pb-datatable__row--disabled .pb-datatable__cell-content:visited {
  color: #bdbdbd;
}

/* stylelint-enable no-descending-specificity */
.pb-datatable__cell-content--text {
  display: block;
  line-height: calc(var(--datatable-row-height) - var(--border-width));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pb-datatable__cell-content--text:not(.pb-datatable__cell-content--clickable) {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.pb-datatable__cell-content--clickable {
  cursor: pointer;
}

.pb-datatable__text {
  flex-shrink: 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.pb-datatable__text--tags {
  width: auto;
}

.pb-datatable__text + .pb-tag-stack {
  padding-left: 0.25rem;
}

.pb-datatable__icon.pb-icon {
  vertical-align: calc(var(--font-cap-height) / 2 - 6px); /* cap-height alignment */
}

.pb-datatable__actions-trigger {
  cursor: pointer;
}

.pb-datatable__actions-trigger:hover {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-datatable__actions-trigger:hover {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-datatable__actions-trigger:hover {
  color: #424242;
}

.pb-datatable__row--selected .pb-datatable__actions-trigger:hover {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-datatable__row--selected .pb-datatable__actions-trigger:hover {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-datatable__row--selected .pb-datatable__actions-trigger:hover {
  color: #424242;
}

.pb-datatable__spacer {
  border-top-width: 0;
  padding: 0;
}

.pb-datatable__empty {
  height: calc(3 * var(--datatable-row-height) - var(--border-width));
  justify-content: center;
  align-items: center;
  position: sticky;
  left: 0;
  display: flex;
  padding: 0 1rem;
  font-size: 0.54192rem;
}

.pb-datatable__empty--filtered {
  font-style: italic;
  height: calc(min(2, var(--datatable-height-rows)) * var(--datatable-row-height) - var(--border-width));
}

.pb-tag-stack { /* stylelint-disable-line no-descending-specificity */
  align-items: center;
  display: flex;
  flex-shrink: 1;
  overflow: hidden;
  /* Need a stacking ctx for the tags. >0 so it's on top of adjacent cols */
  z-index: var(--datatable-z-index-tags);
}

.pb-tag-stack:hover {
  overflow: visible;
}

.pb-tag-stack--left:hover {
  position: absolute;
  right: 0.25rem;
}

.pb-tag-stack .pb-tag {
  position: sticky;
}

.pb-tag-stack .pb-tag:last-child {
  margin-right: 0;
}

.pb-tag-stack .pb-tag:nth-child(1) {
  z-index: calc(var(--datatable-z-index-tags) + 10);
}

.pb-tag-stack .pb-tag:nth-last-child(1) {
  right: calc(0 * 4px);
}

.pb-tag-stack .pb-tag:nth-child(2) {
  z-index: calc(var(--datatable-z-index-tags) + 9);
}

.pb-tag-stack .pb-tag:nth-last-child(2) {
  right: calc(1 * 4px);
}

.pb-tag-stack .pb-tag:nth-child(3) {
  z-index: calc(var(--datatable-z-index-tags) + 8);
}

.pb-tag-stack .pb-tag:nth-last-child(3) {
  right: calc(2 * 4px);
}

.pb-tag-stack .pb-tag:nth-child(4) {
  z-index: calc(var(--datatable-z-index-tags) + 7);
}

.pb-tag-stack .pb-tag:nth-last-child(4) {
  right: calc(3 * 4px);
}

.pb-tag-stack .pb-tag:nth-child(5) {
  z-index: calc(var(--datatable-z-index-tags) + 6);
}

.pb-tag-stack .pb-tag:nth-last-child(5) {
  right: calc(4 * 4px);
}

.pb-tag-stack .pb-tag:nth-child(6) {
  z-index: calc(var(--datatable-z-index-tags) + 5);
}

.pb-tag-stack .pb-tag:nth-last-child(6) {
  right: calc(5 * 4px);
}

.pb-tag-stack .pb-tag:nth-child(7) {
  z-index: calc(var(--datatable-z-index-tags) + 4);
}

.pb-tag-stack .pb-tag:nth-last-child(7) {
  right: calc(6 * 4px);
}

.pb-tag-stack .pb-tag:nth-child(8) {
  z-index: calc(var(--datatable-z-index-tags) + 3);
}

.pb-tag-stack .pb-tag:nth-last-child(8) {
  right: calc(7 * 4px);
}

.pb-tag-stack .pb-tag:nth-child(9) {
  z-index: calc(var(--datatable-z-index-tags) + 2);
}

.pb-tag-stack .pb-tag:nth-last-child(9) {
  right: calc(8 * 4px);
}

.pb-tag-stack .pb-tag:nth-child(10) {
  z-index: calc(var(--datatable-z-index-tags) + 1);
}

.pb-tag-stack .pb-tag:nth-last-child(10) {
  right: calc(9 * 4px);
}

.pb-tag-stack:hover .pb-tag:nth-last-child(n+1) {
  right: initial;
}

.pb-tag-stack .pb-tag--info {
  border-color: hsl(198, 66%, 57%);
}
.theme-dark .pb-tag-stack .pb-tag--info {
  border-color: rgba(0, 0, 0, 0.5);
}
.theme-legacy .pb-tag-stack .pb-tag--info {
  border-color: #1a237e;
}

.pb-datatable-tags {
  outline: none;
  padding: 0.5rem;
  width: 250px;
}
.pb-datatable-tags {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable-tags {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-datatable-tags {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-datatable-tags__list {
  height: 7rem; /* match column filter */
}

.pb-datatable-tags__actions {
  text-align: right;
  margin-top: 1rem;
}

.pb-datatable__column-selector {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-template-rows: [heading] auto [content] 1fr;
  outline: none;
  line-height: normal;
  max-width: 20rem;
  overflow: auto;
  padding: 0.5rem;
}
.pb-datatable__column-selector {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable__column-selector {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-datatable__column-selector {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-datatable__column-selector-list {
  grid-row: content;
  min-height: 0;
}

.pb-datatable__column-selector-list:only-child {
  grid-column: span 2;
}

.pb-datatable-date-range {
  outline: none;
  padding: 0.5rem;
}
.pb-datatable-date-range {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 40%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-datatable-date-range {
  background-color: hsl(198, 28%, 18%);
  color: hsl(210, 16%, 93%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-datatable-date-range {
  background-color: #ffffff;
  color: #212121;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pb-datatable-date-range__calendar {
  position: relative;
  left: -0.125rem;
}

.pb-datatable-date-range__actions {
  text-align: right;
  margin-top: 1rem;
}

.pb-datatable-date-range__clear {
  cursor: pointer;
}
.pb-datatable-date-range__clear {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-datatable-date-range__clear {
  color: hsl(201, 17%, 80%);
}
.theme-legacy .pb-datatable-date-range__clear {
  color: #424242;
}

.pb-datatable-date-range__clear:hover {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-datatable-date-range__clear:hover {
  color: hsl(201, 0%, 100%);
}
.theme-legacy .pb-datatable-date-range__clear:hover {
  color: #000000;
}

/* override DataPicker styles */
/* Update PersonalAccessTokenDialog.vue also if changing these. */
/* Update BillingAccount.vue also if changing these. */
.pb-datatable-date-range .mx-datepicker-main {
  border-width: 0;
}
.pb-datatable-date-range .mx-datepicker-main {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable-date-range .mx-datepicker-main {
  background-color: hsl(198, 28%, 18%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-datatable-date-range .mx-datepicker-main {
  background-color: #ffffff;
  color: #212121;
}

.pb-datatable-date-range .mx-btn-shortcut {
  font-family: var(--font-stack);
  font-weight: normal;
}
.pb-datatable-date-range .mx-btn-shortcut {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable-date-range .mx-btn-shortcut {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-datatable-date-range .mx-btn-shortcut {
  color: #212121;
}

.pb-datatable-date-range .mx-btn-shortcut:focus,
.pb-datatable-date-range .mx-btn-shortcut:hover {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-datatable-date-range .mx-btn-shortcut:focus,
.theme-dark .pb-datatable-date-range .mx-btn-shortcut:hover {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-datatable-date-range .mx-btn-shortcut:focus,
.theme-legacy .pb-datatable-date-range .mx-btn-shortcut:hover {
  color: #3f51b5;
}

.pb-datatable-date-range .mx-calendar .mx-btn,
.pb-datatable-date-range .mx-calendar .cell {
  font-family: var(--font-stack);
}
.pb-datatable-date-range .mx-calendar .mx-btn,
.pb-datatable-date-range .mx-calendar .cell {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable-date-range .mx-calendar .mx-btn,
.theme-dark .pb-datatable-date-range .mx-calendar .cell {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-datatable-date-range .mx-calendar .mx-btn,
.theme-legacy .pb-datatable-date-range .mx-calendar .cell {
  color: #212121;
}

.pb-datatable-date-range .mx-calendar-header > .mx-btn:hover {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-datatable-date-range .mx-calendar-header > .mx-btn:hover {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-datatable-date-range .mx-calendar-header > .mx-btn:hover {
  color: #3f51b5;
}

.pb-datatable-date-range .mx-calendar-content .cell:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-datatable-date-range .mx-calendar-content .cell:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-datatable-date-range .mx-calendar-content .cell:hover {
  background-color: #eeeeee;
}

.pb-datatable-date-range .mx-calendar-content .cell.active {
  background-color: hsl(198, 100%, 38%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-datatable-date-range .mx-calendar-content .cell.active {
  background-color: hsl(198, 65%, 57%);
  color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-datatable-date-range .mx-calendar-content .cell.active {
  background-color: #3f51b5;
  color: #ffffff;
}

.pb-datatable-date-range .mx-calendar-content .cell.in-range,
.pb-datatable-date-range .mx-calendar-content .cell.hover-in-range {
  background-color: hsl(201, 29%, 88%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-datatable-date-range .mx-calendar-content .cell.in-range,
.theme-dark .pb-datatable-date-range .mx-calendar-content .cell.hover-in-range {
  background-color: hsl(203, 32%, 29%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-datatable-date-range .mx-calendar-content .cell.in-range,
.theme-legacy .pb-datatable-date-range .mx-calendar-content .cell.hover-in-range {
  background-color: #d7ddf4;
  color: #000000;
}

.pb-datatable-date-range .mx-calendar-content .cell.not-current-month {
  background-color: hsl(198, 0%, 98%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable-date-range .mx-calendar-content .cell.not-current-month {
  background-color: hsl(201, 30%, 15%);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-datatable-date-range .mx-calendar-content .cell.not-current-month {
  background-color: #fafafa;
  color: #bdbdbd;
}

.pb-datatable-date-range .mx-calendar-panel-date td.today {
  font-weight: bold;
}
.pb-datatable-date-range .mx-calendar-panel-date td.today {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-datatable-date-range .mx-calendar-panel-date td.today {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-datatable-date-range .mx-calendar-panel-date td.today {
  color: #000000;
}

.pb-datatable-date-range .mx-calendar-panel-date td.last-month,
.pb-datatable-date-range .mx-calendar-panel-date td.next-month {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-datatable-date-range .mx-calendar-panel-date td.last-month,
.theme-dark .pb-datatable-date-range .mx-calendar-panel-date td.next-month {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-datatable-date-range .mx-calendar-panel-date td.last-month,
.theme-legacy .pb-datatable-date-range .mx-calendar-panel-date td.next-month {
  color: #9e9e9e;
}

.pb-datatable-date-range-popup .mx-datepicker-sidebar {
  width: auto;
}

.pb-datatable-date-range .mx-datepicker-sidebar + .mx-datepicker-content {
  border-left-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-datatable-date-range .mx-datepicker-sidebar + .mx-datepicker-content {
  border-left-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-datatable-date-range .mx-datepicker-sidebar + .mx-datepicker-content {
  border-left-color: #eeeeee;
}

.pb-datatable-date-range .mx-calendar-panel-date + .mx-calendar-panel-date {
  border-left-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-datatable-date-range .mx-calendar-panel-date + .mx-calendar-panel-date {
  border-left-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-datatable-date-range .mx-calendar-panel-date + .mx-calendar-panel-date {
  border-left-color: #eeeeee;
}

.pb-datatable-footer {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-width: var(--border-width);
  border-left-width: var(--border-width);
  border-right-width: var(--border-width);
  border-style: solid;
  border-top-width: 0;
  box-sizing: border-box;
  font-size: 0.4585rem;
  font-weight: 600;
  height: 1rem;
  letter-spacing: 0.03em;
  line-height: 1rem;
  padding-bottom: 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0;
}
.pb-datatable-footer {
  background-color: hsl(198, 0%, 98%);
  border-color: hsl(198, 0%, 80%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-datatable-footer {
  background-color: hsl(201, 30%, 15%);
  border-color: hsl(208, 16%, 34%);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-datatable-footer {
  background-color: #fafafa;
  border-color: #e0e0e0;
  color: #212121;
}

.pb-dendrogram-controls {
  max-width: 500px;
}

.pb-dendrogram-controls__explanation {
  font-size: var(--font-size-small-plus);
  margin: 16px 0;
}

.pb-dendrogram-controls__group {
  display: grid;
  grid: auto auto/1fr auto;
  grid-gap: 16px 0;
  align-items: baseline;
}

.pb-dendrogram-controls__group-input {
  width: 4rem;
  min-width: 0;
}

.pb-dendrogram-controls__block-input {
  margin: 16px 0;
}

.pb-dendrogram-controls__select {
  display: flex;
}

.pb-dendrogram-controls__svg-wrap {
  position: relative;
  flex: auto;
  width: 100px; /* in case used w/out :match-width in the future */
  margin: 0 0.5em 0 1em;
}

.pb-dendrogram-controls__svg {
  position: absolute;
  width: 100%;
  height: 100%;
  shape-rendering: crispEdges;
}

.pb-details {
  --pb-details-expand-transform: rotate(90deg);
  --pb-details-expand-expanded-transform: rotate(180deg);
}

.material .pb-details {
  --pb-details-expand-transform: rotate(0deg);
  --pb-details-expand-expanded-transform: rotate(180deg);
}

.pb-details { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: block;
}

.pb-details__summary {
  border-color: transparent;
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: 3px;
  cursor: pointer;
  display: block;
  list-style: none;
  font-size: var(--font-h4-size);
}

.pb-details__summary::-webkit-details-marker {
  display: none;
}

.pb-details--h2 > .pb-details__summary {
  font-size: var(--font-h2-size);
  font-weight: var(--font-h2-weight);
  letter-spacing: var(--font-h2-letter-spacing);
  margin: 1em 0;
}
.pb-details--h2 > .pb-details__summary {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-details--h2 > .pb-details__summary {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-details--h2 > .pb-details__summary {
  color: #000000;
}

.pb-details--h3 > .pb-details__summary {
  font-size: var(--font-h3-size);
  font-weight: var(--font-h3-weight);
  letter-spacing: var(--font-h3-letter-spacing);
  margin: 1em 0;
}
.pb-details--h3 > .pb-details__summary {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-details--h3 > .pb-details__summary {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-details--h3 > .pb-details__summary {
  color: #000000;
}

.pb-details--h4 > .pb-details__summary {
  font-size: var(--font-h4-size);
  font-weight: var(--font-h4-weight);
  letter-spacing: var(--font-h4-letter-spacing);
  margin: 1em 0;
}
.pb-details--h4 > .pb-details__summary {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-details--h4 > .pb-details__summary {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-details--h4 > .pb-details__summary {
  color: #000000;
}

.pb-details--h5 > .pb-details__summary {
  font-size: var(--font-h5-size);
  font-weight: var(--font-h5-weight);
  letter-spacing: var(--font-h5-letter-spacing);
  margin: 1em 0;
}
.pb-details--h5 > .pb-details__summary {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-details--h5 > .pb-details__summary {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-details--h5 > .pb-details__summary {
  color: #000000;
}

.pb-details--h6 > .pb-details__summary {
  font-size: var(--font-h6-size);
  font-weight: var(--font-h6-weight);
  letter-spacing: var(--font-h6-letter-spacing);
  margin: 1em 0;
}
.pb-details--h6 > .pb-details__summary {
  color: hsl(198, 0%, 20%);
}
.theme-dark .pb-details--h6 > .pb-details__summary {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-details--h6 > .pb-details__summary {
  color: #000000;
}

.pb-details__summary:focus {
  outline: 0;
}
.pb-details__summary:focus {
  border-color: hsl(197, 68%, 65%);
}
.theme-dark .pb-details__summary:focus {
  border-color: rgba(128, 188, 254, 0.6);
}
.theme-legacy .pb-details__summary:focus {
  border-color: #c5cae9;
}

.pb-details__disclosure {
  transform: var(--pb-details-expand-transform);
}

.pb-details--open > .pb-details__summary > .pb-details__disclosure {
  transform: var(--pb-details-expand-expanded-transform);
}

/* theme customizations */
.pb-dialog {
  --dialog-title-margin: 0.08333rem 1rem 0 0;
}

.material .pb-dialog {
  --dialog-title-margin: 0 1rem 0 0;
}

.pb-dialog { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  padding: 1rem;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-flow: column nowrap;
  max-width: 100%;
  outline: 0;
}
.pb-dialog {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-dialog {
  background-color: hsl(198, 28%, 18%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-dialog {
  background-color: #ffffff;
  color: #212121;
}

.pb-dialog--full {
  width: calc(100vw - 1rem);
}

.pb-dialog--xlarge {
  width: 48rem;
}

.pb-dialog--large {
  width: 36rem;
}

.pb-dialog--medium {
  width: 24rem;
}

.pb-dialog--small {
  width: 12rem;
}

.pb-dialog__help {
  flex: none;
  text-decoration: none;
}
.pb-dialog__help {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-dialog__help {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-dialog__help {
  color: #bdbdbd;
}

.pb-dialog__help:focus,
.pb-dialog__help:hover {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-dialog__help:focus,
.theme-dark .pb-dialog__help:hover {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-dialog__help:focus,
.theme-legacy .pb-dialog__help:hover {
  color: #000000;
}

.pb-dialog__header {
  padding-bottom: 1rem;
  flex: none;
  display: flex;
  align-items: flex-start;
}

.pb-dialog__title {
  font-size: var(--font-h3-size);
  font-weight: var(--font-h3-weight);
  letter-spacing: var(--font-h3-letter-spacing);
  line-height: 1;
  margin: var(--dialog-title-margin);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; /* FF - requires "lang" attr on element for this to work */
  min-width: 0; /* FF - https://github.com/philipwalton/flexbugs/issues/39 */
  flex: auto;
}
.pb-dialog__title {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-dialog__title {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-dialog__title {
  color: #000000;
}

.pb-dialog__body {
  /* should fix Safari bug #209282 for most (but not all) dialog users */
  /* works because it gives the container a definite size, I think */
  /* https://bugs.webkit.org/show_bug.cgi?id=209282 */
  width: 100%;
  box-sizing: border-box;
  flex-grow: 1; /* force footer to bottom of fixed height dialogs */
  overflow: auto;
  padding-bottom: 0;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  padding-top: 0;
}
.pb-dialog__body {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-dialog__body {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-dialog__body {
  color: #212121;
}

.pb-dialog__body--horizontal {
  display: flex;
}

.pb-dialog__body--vertical {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pb-dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
  flex: none;
  column-gap: 1em;
}

.pb-dimension-editor-sticker {
  display: flex;
  flex-flow: column nowrap;
  border: var(--border-width) solid;
  border-radius: var(--border-radius);
  outline: none;
}
.pb-dimension-editor-sticker {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-dimension-editor-sticker {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-dimension-editor-sticker {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-dimension-editor-sticker__radios {
  border-radius: var(--border-radius);
  padding: 0.5rem;
  flex: none;
}
.pb-dimension-editor-sticker__radios {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-dimension-editor-sticker__radios {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-dimension-editor-sticker__radios {
  background-color: #fafafa;
}

.pb-dimension-editor-sticker__radios .pb-radio + .pb-radio {
  margin-left: 0.25rem;
}

.pb-dimension-editor-sticker__nested-select-list {
  max-height: 1000px;
}

.pb-dimension-editor-sticker__table-shrinker {
  display: flex;
}

.pb-dimension-editor-sticker__file-table {
  border-width: 0;
  max-height: 441px; /* see FcsFileSelect.vue */
  flex: auto;
}

.pb-dimension-editor-sticker .pb-select-list__search-input {
  padding: 0 0.25rem;
}

.pb-dimension-editor-sticker__select-list {
  min-height: 0;
}

.pb-dimension-list-editor {
  display: flex;
  flex-flow: column nowrap;
  min-width: 0;
  width: 100%; /* must be definite: https://bugs.webkit.org/show_bug.cgi?id=209282 */
}

.pb-dimension-list-editor__dimensions {
  overflow: auto;
  width: 100%; /* must be definite: https://bugs.webkit.org/show_bug.cgi?id=209282 */
}

.pb-dimension-list-editor__add {
  flex: none;
  align-self: center;
}

.pb-dimension-list-editor--vertical-padding .pb-dimension-list-editor__add {
  margin-bottom: 16px;
}

.pb-dimension-list-editor__dimension--first.pb-reorderable-controls {
  margin-top: 0;
}

.pb-dimension-list-editor--vertical-padding .pb-dimension-list-editor__dimension--first {
  margin-top: 16px;
}

.pb-h3.pb-domain-console__heading {
  margin-top: 1.5rem;
}

.pb-domain-console__admins {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin-top: 0.75rem;
}

.pb-domain-console__legend {
  font-size: var(--font-small);
  margin-top: 0.5rem;
}

.pb-domain-console__enabled-input {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.pb-domain-console__input {
  max-width: 20rem;
}

.pb-domain-console__label {
  display: block;
  margin-top: 0.5rem;
}

.pb-domain-console__toggle {
  display: block;
  margin-top: 0.5rem;
}

.pb-domain-console__enabled-input-label {
  display: block;
  flex-grow: 1;
  margin-bottom: 0.25rem;
  margin-top: 0;
  width: 100%;
}

.pb-domain-console__image_wrap {
  display: inline-block;
  margin: 0.25rem 0;
}

.pb-domain-console__image {
  display: block;
  height: 0.75rem;
  margin: 0;
  padding: 0.125rem 0;
}
.pb-domain-console__image {
  background: hsl(198, 100%, 15%);
}
.theme-dark .pb-domain-console__image {
  background: hsl(203, 30%, 8%);
}
.theme-legacy .pb-domain-console__image {
  background: #3f51b5;
}

.pb-domain-console__image--broken {
  display: none;
}

.pb-domain-console__image_input {
  display: block;
  font: inherit;
}

.pb-domain-console__input-status {
  font-size: var(--font-size-small);
  margin-top: 3px;
}

.pb-domain-console__invite-dialog {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 0.5rem;
}

.pb-domain-console__invite-control--full-width {
  grid-column-start: 1;
  grid-column-end: 3;
}

.pb-domain-console__table {
  margin-top: 0.5rem;
  max-height: 21rem;
}

.pb-domain-console__buttons {
  margin-top: 0.5rem;
}

.pb-domain-console__system-role {
  font-style: italic;
}

/* theme customizations */
.pb-dropdown__menu {
  --dropdown-leftright-pseudo-content: "";
}

.material .pb-dropdown__menu {
  --dropdown-leftright-pseudo-content: none;
}

.pb-dropdown {
  position: relative;
}

.pb-dropdown__trigger {
  background-color: transparent;
  border-width: 0;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  margin: 0;
  padding: 0;
}

.pb-dropdown__trigger[disabled] {
  opacity: 0.67;
  cursor: default;
}

.pb-dropdown__trigger:focus {
  outline-style: none;
}

.pb-dropdown__menu--position-left {
  margin-right: 0.08333rem;
  margin-top: 0;
}

.pb-dropdown__menu--position-left .pb-dropdown-menu__list {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.pb-dropdown__menu--position-left::after {
  border-bottom: var(--border-shadow-width) solid transparent;
  border-left-style: solid;
  border-left-width: var(--border-shadow-width);
  border-top: var(--border-shadow-width) solid transparent;
  content: var(--dropdown-leftright-pseudo-content);
  display: block;
  height: 0;
  left: 100%;
  margin-top: calc(-1 * var(--border-shadow-width));
  position: absolute;
  top: 1.1rem;
  width: 0;
}
.pb-dropdown__menu--position-left::after {
  border-left-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-dropdown__menu--position-left::after {
  border-left-color: hsl(198, 28%, 18%);
}
.theme-legacy .pb-dropdown__menu--position-left::after {
  border-left-color: #ffffff;
}

.pb-dropdown__menu--position-left::before {
  border-bottom: 0.25rem solid transparent;
  border-left-style: solid;
  border-left-width: 0.25rem;
  border-top: 0.25rem solid transparent;
  content: var(--dropdown-leftright-pseudo-content);
  display: block;
  height: 0;
  left: 100%;
  margin-top: -0.25rem;
  position: absolute;
  top: 1.1rem;
  width: 0;
}
.pb-dropdown__menu--position-left::before {
  border-left-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-dropdown__menu--position-left::before {
  border-left-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-dropdown__menu--position-left::before {
  border-left-color: #eeeeee;
}

.pb-dropdown__menu--position-left.pb-dropdown__menu--flip-up::after {
  border-bottom: var(--border-shadow-width) solid transparent;
  border-left-style: solid;
  border-left-width: var(--border-shadow-width);
  border-top: var(--border-shadow-width) solid transparent;
  bottom: 1.1rem;
  margin-bottom: calc(-1 * var(--border-shadow-width));
  top: auto;
}
.pb-dropdown__menu--position-left.pb-dropdown__menu--flip-up::after {
  border-left-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-dropdown__menu--position-left.pb-dropdown__menu--flip-up::after {
  border-left-color: hsl(198, 28%, 18%);
}
.theme-legacy .pb-dropdown__menu--position-left.pb-dropdown__menu--flip-up::after {
  border-left-color: #ffffff;
}

.pb-dropdown__menu--position-left.pb-dropdown__menu--flip-up::before {
  border-bottom: 0.25rem solid transparent;
  border-left-style: solid;
  border-left-width: 0.25rem;
  border-top: 0.25rem solid transparent;
  bottom: 1.1rem;
  margin-bottom: -0.25rem;
  top: auto;
}
.pb-dropdown__menu--position-left.pb-dropdown__menu--flip-up::before {
  border-left-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-dropdown__menu--position-left.pb-dropdown__menu--flip-up::before {
  border-left-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-dropdown__menu--position-left.pb-dropdown__menu--flip-up::before {
  border-left-color: #eeeeee;
}

.pb-dropdown__menu .input {
  line-height: 2.75;
}

.pb-dropdown-menu {
  --dropdown-menu-header-font-size: calc((12 / 14) * var(--font-size));
  --dropdown-menu-header-font-weight: 600;
  --dropdown-menu-header-letter-spacing: normal;
  --dropdown-menu-header-line-height: 1.5;
  --dropdown-menu-action-padding: 0 1rem 0;
  --dropdown-menu-border-width: var(--border-width);
  --dropdown-menu-font-weight: normal;
  --dropdown-menu-letter-spacing: normal;
  --dropdown-menu-line-height: 1rem;
}

.material .pb-dropdown-menu {
  --dropdown-menu-header-font-size: var(--font-size);
  --dropdown-menu-header-line-height: 30px;
  --dropdown-menu-action-padding: 0 12px;
  --dropdown-menu-border-width: 0;
  --dropdown-menu-font-weight: 400;
  --dropdown-menu-letter-spacing: 0.96px;
  --dropdown-menu-line-height: 36px;
}

.pb-dropdown-menu { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  border-style: solid;
  border-width: var(--dropdown-menu-border-width);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-weight: var(--dropdown-menu-font-weight);
  letter-spacing: var(--dropdown-menu-letter-spacing);
  line-height: var(--dropdown-menu-line-height);
  min-width: 5rem;
  text-align: left;
  position: relative;
  outline: none;
}
.pb-dropdown-menu {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-dropdown-menu {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-dropdown-menu {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-dropdown-menu--inline {
  border-width: 0;
  margin: 0;
}
.pb-dropdown-menu--inline {
  box-shadow: none;
}
.theme-dark .pb-dropdown-menu--inline {
  box-shadow: none;
}
.theme-legacy .pb-dropdown-menu--inline {
  box-shadow: none;
}

.pb-dropdown-menu:empty,
.pb-dropdown-menu.empty {
  border-width: 0;
}

.pb-dropdown-menu__list {
  overflow: auto;
  list-style: none;
  margin: 0.5rem 0;
  padding: 0;
}

.pb-dropdown-menu--inline .pb-dropdown-menu__list {
  margin: 0;
}

.pb-dropdown-menu__item {
  border: 0;
  box-sizing: border-box;
  display: block;
  font-size: var(--font-size);
  font-weight: 400;
  height: 1.25rem;
  letter-spacing: normal;
  line-height: 1.25rem;
  margin: 0 var(--dropdown-menu-scrollbar-adjust) 0 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  width: 100%;
}
.pb-dropdown-menu__item {
  background-color: transparent;
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-dropdown-menu__item {
  background-color: transparent;
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-dropdown-menu__item {
  background-color: transparent;
  color: #212121;
}

.pb-dropdown-menu__item--header {
  cursor: default;
  font-size: var(--dropdown-menu-header-font-size);
  font-weight: var(--dropdown-menu-header-font-weight);
  letter-spacing: var(--dropdown-menu-header-letter-spacing);
  line-height: var(--dropdown-menu-header-line-height);
  margin: 0;
  padding: 0 0.5rem;
}
.pb-dropdown-menu__item--header {
  color: hsl(198, 0%, 20%);
}
.theme-dark .pb-dropdown-menu__item--header {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-dropdown-menu__item--header {
  color: #000000;
}

.pb-dropdown-menu__item--header:hover {
  background-color: transparent;
}
.theme-dark .pb-dropdown-menu__item--header:hover {
  background-color: transparent;
}
.theme-legacy .pb-dropdown-menu__item--header:hover {
  background-color: transparent;
}

.pb-dropdown-menu__item--divider {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 0;
  margin: 0.25rem 0;
}
.pb-dropdown-menu__item--divider {
  border-bottom-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-dropdown-menu__item--divider {
  border-bottom-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-dropdown-menu__item--divider {
  border-bottom-color: #f5f5f5;
}

.pb-dropdown-menu__action,
.pb-dropdown-menu__action:visited {
  align-items: center;
  border-width: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: var(--dropdown-menu-action-padding);
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.pb-dropdown-menu__action,
.pb-dropdown-menu__action:visited {
  background-color: transparent;
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-dropdown-menu__action,
.theme-dark .pb-dropdown-menu__action:visited {
  background-color: transparent;
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-dropdown-menu__action,
.theme-legacy .pb-dropdown-menu__action:visited {
  background-color: transparent;
  color: #212121;
}

.pb-dropdown-menu__action:active,
.pb-dropdown-menu__action:hover {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-dropdown-menu__action:active,
.theme-dark .pb-dropdown-menu__action:hover {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-dropdown-menu__action:active,
.theme-legacy .pb-dropdown-menu__action:hover {
  color: #000000;
}

.pb-dropdown-menu__action:hover {
  outline: 0;
}
.pb-dropdown-menu__action:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-dropdown-menu__action:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-dropdown-menu__action:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.pb-dropdown-menu:focus-visible .pb-dropdown-menu__action--focus,
.pb-dropdown-menu--focus-visible:focus .pb-dropdown-menu__action--focus,
.pb-dropdown-menu--focus-visible.pb-dropdown-menu--forward-focus .pb-dropdown-menu__action--focus {
  outline: 2px auto Highlight;
  outline: 2px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.pb-dropdown-menu__action--disabled,
.pb-dropdown-menu__action--disabled:visited,
.pb-dropdown-menu__action--disabled:hover {
  cursor: default;
}
.pb-dropdown-menu__action--disabled,
.pb-dropdown-menu__action--disabled:visited,
.pb-dropdown-menu__action--disabled:hover {
  background-color: transparent;
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-dropdown-menu__action--disabled,
.theme-dark .pb-dropdown-menu__action--disabled:visited,
.theme-dark .pb-dropdown-menu__action--disabled:hover {
  background-color: transparent;
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-dropdown-menu__action--disabled,
.theme-legacy .pb-dropdown-menu__action--disabled:visited,
.theme-legacy .pb-dropdown-menu__action--disabled:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.54);
}

.pb-dropdown-menu__actionicon {
  margin-right: 0.25rem;
}

.pb-dropdown-menu__actionradio {
  text-transform: capitalize;
}

.pb-dropdown-menu__list--icons .pb-dropdown-menu__actiontext:first-child {
  padding-left: 22px;
}

.pb-dropdown-menu__actionbadge {
  margin-left: 0.25rem;
}

.pb-experiment {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  /* completely flexible */
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.pb-experiment__nav-and-content {
  display: flex;
  flex-flow: row nowrap;
  min-height: 0;
  flex: 1 1 auto;
}

.pb-experiment__vertical-nav {
  position: relative;
  z-index: 1;
}

.pb-experiment__viewport {
  position: relative;
  overflow: auto;
  display: flex;
  flex-flow: column nowrap;
  flex: auto;
}
.pb-experiment__viewport {
  background-color: hsl(198, 0%, 98%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-experiment__viewport {
  background-color: hsl(201, 30%, 15%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-experiment__viewport {
  background-color: #ffffff;
  color: #212121;
}

/* theme customizations */
.pb-experiment-details {
  --experiment-content-margin: 0.875rem;
  --experiment-field-name-font-weight: normal;
  --experiment-heading-shift-divider-width: 0;
  --experiment-icon-margin: 0 0.125rem 0 0;
  --experiment-table-max-height: calc(100vh - 12rem);
}

.material .pb-experiment-details {
  --experiment-content-margin: 28px;
  --experiment-field-name-font-weight: 500;
  --experiment-heading-shift-divider-width: 1px;
  --experiment-icon-margin: 0 8px 0 4px;
}

.pb-experiment-details { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  flex-grow: 1;
  overflow: auto;
  padding: 1rem 1rem 0 1rem; /* Firefox ignores padding in flex-grow items */
  font-size: var(--font-h4-size);
}
.pb-experiment-details {
  background-color: hsl(198, 0%, 98%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-experiment-details {
  background-color: hsl(201, 30%, 15%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-experiment-details {
  background-color: #ffffff;
  color: #212121;
}

.pb-experiment-details__experiment-name {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.pb-experiment-details .ql-editor.ql-blank::before {
  color: inherit;
  opacity: 0.6;
}

.pb-experiment-details__section {
  margin-top: 1rem;
}

.pb-experiment-details__section:last-of-type {
  margin-bottom: 1rem;
}

.pb-experiment-details__icon {
  margin: var(--experiment-icon-margin);
}

.pb-experiment-details__summary-list {
  list-style: none;
  margin: 0.5rem 0;
  padding: 0;
}

.pb-experiment-details__summary-list-item {
  align-items: center;
  display: inline-flex;
  margin: 0 0.75rem 0 0;
  padding: 0;
}

.pb-experiment-details__summary-list-item--danger {
  color: hsl(9, 100%, 44%);
}
.theme-dark .pb-experiment-details__summary-list-item--danger {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-experiment-details__summary-list-item--danger {
  color: #d50000;
}

.pb-experiment-details__summary-list-text {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.pb-experiment-details__warning {
  align-items: center;
  display: flex;
  margin: 0.5rem 0;
}
.pb-experiment-details__warning {
  color: hsl(38, 100%, 38%);
}
.theme-dark .pb-experiment-details__warning {
  color: hsl(49, 98%, 51%);
}
.theme-legacy .pb-experiment-details__warning {
  color: #ffab00;
}

.pb-experiment-details__path {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 0;
}

.pb-experiment-details__path-label {
  margin-right: 0.5rem;
}

.pb-experiment-details__path-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pb-experiment-details__path-break {
  flex-basis: 100%;
  height: 0.125rem;
}

.pb-experiment-details__path-note {
  font-size: smaller;
  font-style: italic;
  margin-left: 1.125rem;
}

.pb-experiment-details__tags {
  align-items: baseline;
  display: flex;
  margin: 0.5rem 0;
}

.pb-experiment-details__tags-label {
  margin-right: 0.5rem;
}

.pb-experiment-details__comments-heading {
  align-items: center;
  display: flex;
  margin: 0.625rem 0 0;
}

.pb-experiment-details__comments-label {
  margin-right: 0.5rem;
}

.pb-experiment-details__comments {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  box-sizing: border-box;
  margin-left: var(--experiment-content-margin);
  margin-top: 0.25rem;
  max-width: 35rem;
}
.pb-experiment-details__comments {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 70%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-experiment-details__comments {
  background-color: hsl(201, 30%, 13%);
  border-color: hsl(203, 16%, 72%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-experiment-details__comments {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

.pb-experiment-details__fields-heading {
  align-items: center;
  display: flex;
  margin: 0.625rem 0 0;
}

.pb-experiment-details__fields-label {
  margin-right: 0.5rem;
}

.pb-experiment-details__fields {
  font-size: smaller;
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  box-sizing: border-box;
  margin-left: var(--experiment-content-margin);
  margin-top: 0.25rem;
  max-width: 35rem;
  max-height: 10rem;
  padding: 10px 0 10px 12px; /* right moved to the viewport for the scrollbar */
  display: flex;
}
.pb-experiment-details__fields {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 70%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-experiment-details__fields {
  background-color: hsl(201, 30%, 13%);
  border-color: hsl(203, 16%, 72%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-experiment-details__fields {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

/* do not remove this wrapper and make the grid the scroll container: */
/* https://bugzilla.mozilla.org/show_bug.cgi?id=1585254 */
.pb-experiment-details__fields-scroller {
  flex: auto;
  overflow: auto;
}

.pb-experiment-details__fields-grid {
  display: grid;
  grid-template-columns: fit-content(50%) auto repeat(3, max-content);
  grid-auto-rows: max-content;
  position: relative; /* caution: used for cell.offsetTop in JS */
  padding-right: 10px;
}

.pb-experiment-details__field-row {
  display: contents;
}

.pb-experiment-details__field-row--placeholder .pb-experiment-details__field-cell {
  position: sticky;
  bottom: 0;
}
.pb-experiment-details__field-row--placeholder .pb-experiment-details__field-cell {
  background-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-experiment-details__field-row--placeholder .pb-experiment-details__field-cell {
  background-color: hsl(201, 30%, 13%);
}
.theme-legacy .pb-experiment-details__field-row--placeholder .pb-experiment-details__field-cell {
  background-color: #ffffff;
}

.pb-experiment-details__field-row:hover .pb-experiment-details__field-cell {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-experiment-details__field-row:hover .pb-experiment-details__field-cell {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-experiment-details__field-row:hover .pb-experiment-details__field-cell {
  background-color: #f5f5f5;
}

.pb-experiment-details__field-name {
  font-weight: var(--experiment-field-name-font-weight);
}

.pb-experiment-details__field-name--placeholder {
  border: 1px solid transparent;
  min-width: 8em;
}

.pb-experiment-details__field-value--placeholder {
  border: 1px solid transparent;
  min-width: 8em;
}

.pb-experiment-details__field-name,
.pb-experiment-details__field-value {
  white-space: pre-wrap;
  word-break: break-all;
}

.pb-experiment-details__field-name,
.pb-experiment-details__field-value,
.pb-experiment-details__field-button {
  padding: 4px 3px;
}

.pb-experiment-details__field-row--placeholder .pb-click-edit--readonly {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-experiment-details__field-row--placeholder .pb-click-edit--readonly {
  color: hsl(198, 10%, 46%);
}
.theme-legacy .pb-experiment-details__field-row--placeholder .pb-click-edit--readonly {
  color: rgba(0, 0, 0, 0.54);
}

.pb-experiment-details__signatures-heading {
  align-items: center;
  display: flex;
  margin: 0.625rem 0 0;
}

.pb-experiment-details__signatures-label {
  margin-right: 0.5rem;
}

.pb-experiment-details__signatures {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  box-sizing: border-box;
  line-height: 1.5;
  margin-left: var(--experiment-content-margin);
  margin-top: 0.25rem;
  max-width: 35rem;
  padding: 0.5rem;
  white-space: pre;
}
.pb-experiment-details__signatures {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 70%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-experiment-details__signatures {
  background-color: hsl(201, 30%, 13%);
  border-color: hsl(203, 16%, 72%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-experiment-details__signatures {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

.pb-experiment-details__buttongroup {
  margin-left: var(--experiment-content-margin);
  margin-top: 1rem;
}

.pb-experiment-details__divider {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-style: solid;
  border-top-width: var(--experiment-heading-shift-divider-width);
}
.pb-experiment-details__divider {
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-experiment-details__divider {
  border-color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-experiment-details__divider {
  border-color: #bdbdbd;
}

.pb-experiment-details__section summary {
  border-width: 0;
}

.pb-experiment-details__upload {
  display: none;
}

.pb-experiment-details__tools {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
  margin-left: var(--experiment-content-margin);
  margin-top: 0.75rem;
}
.pb-experiment-details__tools {
  background-color: hsl(198, 0%, 98%);
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-experiment-details__tools {
  background-color: hsl(201, 30%, 15%);
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-experiment-details__tools {
  background-color: #fafafa;
  border-color: #e0e0e0;
}

.pb-experiment-details__tools button {
  border-width: 0;
  margin: 0;
  min-width: 0;
}

.pb-experiment-details__dropdown {
  display: inline;
}

.pb-experiment-details__dropdown-trigger {
  align-items: center;
  display: inline-flex;
}

.pb-experiment-details__dropdown-trigger-icon {
  margin-left: 0.125rem;
}

.pb-experiment-details__dropdown button {
  font-family: var(--font-stack);
}

.pb-experiment-details__table {
  margin-left: var(--experiment-content-margin);
  max-height: min(386px, var(--experiment-table-max-height));
  overflow-x: auto;
  overflow-y: scroll;
}

.pb-experiment-details__right-cell {
  text-align: right;
}

.pb-experiment-details__monospace-cell {
  white-space: pre;
  -moz-tab-size: 3;
  tab-size: 3;
  font-family: monospace;
}

.pb-experiment-details__table--audit {
  height: var(--experiment-table-max-height);
  margin-bottom: 1rem;
  margin-top: 0.75rem;
  max-height: var(--experiment-table-max-height);
}

.pb-experiment-details__table-footer {
  margin-left: var(--experiment-content-margin);
}

.pb-experiment-details__note {
  margin-left: var(--experiment-content-margin);
}

.pb-experiment-details__alert-button {
  margin-left: 1em;
}

/* theme customizations */
.pb-experiment-diff {
  --detail-align: 0;
}

.material .pb-experiment-diff {
  --detail-align: 8px;
}

.pb-experiment-diff { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: flex;
  flex-direction: column;
}

.pb-experiment-diff__experiment_summary {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex-shrink: 0;
}
.pb-experiment-diff__experiment_summary {
  border-bottom-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-experiment-diff__experiment_summary {
  border-bottom-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-experiment-diff__experiment_summary {
  border-bottom-color: #e0e0e0;
}

.pb-experiment-diff__experiment_summary--print {
  border-bottom-width: 0;
}

.pb-experiment-diff__experiment_summary details {
  margin-bottom: 1rem;
}

.pb-experiment-diff__experiment_details {
  margin: 0 0.25rem;
  overflow: auto;
}

.pb-experiment-diff__print-heading {
  margin: 1em 0;
  break-after: avoid-page;
}

.pb-experiment-diff__resource-heading {
  break-after: avoid-page;
}

.pb-experiment-diff__resource-list {
  margin-left: 1rem;
}

.pb-experiment-diff__table,
.pb-experiment-diff__subtable {
  break-before: avoid-page;
}

.pb-experiment-diff__label {
  font-weight: 500;
}

.pb-experiment-diff__row--same td {
  text-align: center;
}

.pb-experiment-diff__cell--old,
.pb-experiment-diff__row--deleted {
  background-color: hsl(9, 100%, 97%);
}
.theme-dark .pb-experiment-diff__cell--old,
.theme-dark .pb-experiment-diff__row--deleted {
  background-color: hsl(357, 50%, 35%);
}
.theme-legacy .pb-experiment-diff__cell--old,
.theme-legacy .pb-experiment-diff__row--deleted {
  background-color: #ffebee;
}

.pb-experiment-diff__cell--new,
.pb-experiment-diff__row--created {
  background-color: hsl(93, 52%, 88%);
}
.theme-dark .pb-experiment-diff__cell--new,
.theme-dark .pb-experiment-diff__row--created {
  background-color: hsl(122, 45%, 23%);
}
.theme-legacy .pb-experiment-diff__cell--new,
.theme-legacy .pb-experiment-diff__row--created {
  background-color: #e8f5e9;
}

.pb-experiment-diff__cell--same {
  text-align: center;
}

.pb-experiment-diff__comp-table {
  text-align: center;
}

.pb-experiment-diff__row--subtable .pb-table tbody th:first-child,
.pb-experiment-diff__row--subtable .pb-table > tr th:first-child,
.pb-experiment-diff__row--subtable .pb-table tbody th:first-child ~ td,
.pb-experiment-diff__row--subtable .pb-table > tr th:first-child ~ td {
  /* c/p Table.vue */
  padding-bottom: 0.208334rem;
  padding-top: calc(0.208334rem + var(--border-width));
}

.pb-experiment-diff__summary--created {
  color: hsl(93, 100%, 26%);
}
.theme-dark .pb-experiment-diff__summary--created {
  color: hsl(93, 77%, 44%);
}
.theme-legacy .pb-experiment-diff__summary--created {
  color: #2e7d32;
}

.pb-experiment-diff__summary--deleted {
  color: hsl(9, 100%, 43%);
}
.theme-dark .pb-experiment-diff__summary--deleted {
  color: hsl(9, 85%, 67%);
}
.theme-legacy .pb-experiment-diff__summary--deleted {
  color: #d50000;
}

.pb-experiment-diff__summary--modified {
  color: hsl(43, 100%, 42%);
}
.theme-dark .pb-experiment-diff__summary--modified {
  color: hsl(48, 98%, 72%);
}
.theme-legacy .pb-experiment-diff__summary--modified {
  color: #ffab00;
}

.pb-experiment-diff__summary--same {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-experiment-diff__summary--same {
  color: hsl(198, 0%, 87%);
}
.theme-legacy .pb-experiment-diff__summary--same {
  color: #9e9e9e;
}

.pb-experiment-diff__type-radios {
  margin-left: 1rem;
  padding: 0 8px 8px 8px;
}

.pb-experiment-diff__type-radios--list {
  margin-left: calc(1rem - 8px);
}

.pb-experiment-diff__type-radios .pb-radio + .pb-radio {
  margin-left: 0.5rem;
}

.pb-experiment-diff__populations--rich {
  display: flex;
  flex-direction: row;
  margin-left: 1rem;
  /* Safari < 13.1 gets no protection from large viewports */
  max-height: calc(100vh - 400px);
  max-height: min(100vh - 400px, 1000px);
}

.pb-experiment-diff__nested-select {
  flex: 1 1 50%;
}

.pb-experiment-diff__nested-select--old .pb-nested-select-list__quick-status.pb-icon {
  color: hsl(9, 100%, 43%);
}
.theme-dark .pb-experiment-diff__nested-select--old .pb-nested-select-list__quick-status.pb-icon {
  color: hsl(9, 85%, 67%);
}
.theme-legacy .pb-experiment-diff__nested-select--old .pb-nested-select-list__quick-status.pb-icon {
  color: #d50000;
}

.pb-experiment-diff__nested-select--new .pb-nested-select-list__quick-status.pb-icon {
  color: hsl(93, 100%, 26%);
}
.theme-dark .pb-experiment-diff__nested-select--new .pb-nested-select-list__quick-status.pb-icon {
  color: hsl(93, 77%, 44%);
}
.theme-legacy .pb-experiment-diff__nested-select--new .pb-nested-select-list__quick-status.pb-icon {
  color: #2e7d32;
}

.pb-experiment-diff-dialog details > *:not(summary) {
  margin-left: var(--detail-align);
}

.pb-experiment-diff-dialog .pb-details--h5 {
  margin-left: 24px;
}

.pb-experiment-diff-dialog {
  --detail-align: 0.125rem;
}

.material .pb-experiment-diff-dialog {
  --detail-align: 8px;
}

.pb-experiment-diff-dialog { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  height: 90vh;
}

.pb-experiment-diff-dialog .pb-dialog__body {
  display: flex;
  flex-direction: column;
}

.pb-experiment-diff-dialog__note {
  flex-shrink: 0;
  line-height: 1rem;
  margin-bottom: 0;
  margin-left: 0.125rem;
  margin-top: 0.5rem;
}
.pb-experiment-diff-dialog__note {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-experiment-diff-dialog__note {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-experiment-diff-dialog__note {
  color: #212121;
}

.pb-experiment-diff-dialog__controls {
  flex-shrink: 0;
  margin: 0.5rem 0 0 var(--detail-align);
}

.pb-experiment-diff-dialog .pb-checkbox + .pb-checkbox {
  margin-left: 0.5rem;
}

.pb-experiment-diff-dialog__content {
  min-height: 0;
  overflow: auto;
}

/* theme customizations */
.pb-experiment-panels {
  --panels-content-margin: 0.875rem;
  --panels-field-name-font-weight: normal;
  --panels-heading-shift-divider-width: 0;
  --panels-icon-margin: 0 0.125rem 0 0;
}

.material .pb-experiment-panels {
  --panels-content-margin: 28px;
  --panels-field-name-font-weight: 500;
  --panels-heading-shift-divider-width: 1px;
  --panels-icon-margin: 0 8px 0 4px;
}

.pb-experiment-panels { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  flex-grow: 1;
  overflow: auto;
  padding: 1rem 1rem 0 1rem; /* Firefox ignores padding in flex-grow items */
}
.pb-experiment-panels {
  background-color: hsl(198, 0%, 98%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-experiment-panels {
  background-color: hsl(201, 30%, 15%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-experiment-panels {
  background-color: #ffffff;
  color: #212121;
}

.pb-experiment-panels__section {
  margin-top: 1rem;
}

.pb-experiment-panels__section:first-child {
  margin-top: 0;
}

.pb-experiment-panels__section:last-child {
  margin-bottom: 1rem;
}

.pb-experiment-panels__section summary {
  border-width: 0;
}

.pb-experiment-panels__summary {
  display: inline-flex;
}

.pb-experiment-panels__divider {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-style: solid;
  border-top-width: var(--panels-heading-shift-divider-width);
}
.pb-experiment-panels__divider {
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-experiment-panels__divider {
  border-color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-experiment-panels__divider {
  border-color: #bdbdbd;
}

.pb-experiment-panels__icon {
  margin-left: 0.25rem;
}

.pb-experiment-panels__panel {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  height: 15rem;
  padding-left: var(--panels-content-margin);
  padding-top: 0.75rem;
}

.pb-experiment-panels__channel-table,
.pb-experiment-panels__file-table.pb-datatable {
  height: 100%;
  /* https://bugs.chromium.org/p/chromium/issues/detail?id=878571#c2 */
  /* #5391 */
  max-height: 100vh;
}

.pb-experiment-panels__file-table-cell {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.pb-experiment-panels__channel-cell {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pb-experiment-panels__file-table {
  margin-right: 0;
}

.pb-experiment-select {
  display: flex;
  flex-direction: column;
}

.pb-experiments {
  font-family: var(--font-stack);
  height: 100%;
  letter-spacing: normal;
  line-height: 1rem;
  width: 100%;
}
.pb-experiments {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-experiments {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-experiments {
  color: #212121;
}

.pb-experiments__main {
  display: flex;
  flex-direction: column;
}

.pb-experiments__tools {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  display: flex;
  flex: none;
  flex-direction: row;
  margin-bottom: 1rem;
  margin-top: 0.25rem;
}
.pb-experiments__tools {
  background-color: hsl(198, 0%, 98%);
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-experiments__tools {
  background-color: hsl(201, 30%, 15%);
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-experiments__tools {
  background-color: #fafafa;
  border-color: #e0e0e0;
}

.pb-experiments__tools button {
  border-width: 0;
  margin: 0;
  min-width: 0;
}

.pb-experiments__sidebar {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.pb-experiments__folders {
  padding-left: 0.5em;
  max-height: 2000px;
}

.pb-experiments__delete-undo-button {
  margin-left: 0.25rem;
}

.pb-experiments__folder-actions {
  display: flex;
  flex-direction: column;
  padding-inline: 1em;
  margin-top: auto;
}

.pb-experiments__folder-actions .pb-button {
  margin: 1em;
}

.pb-export-gating-ml-dialog__radio {
  margin: 0.5rem 0;
}

.pb-export-gating-ml-dialog__select {
  margin-top: 1rem;
}

.pb-export-populations {
  width: 432px;
  padding: 1rem;
  font-size: var(--font-size);
}

.pb-export-populations__spinner {
  vertical-align: middle;
  margin-right: 0.5em;
}

.pb-export-populations__checkbox.pb-checkbox {
  display: block;
}

.pb-export-populations > .pb-nested-select,
.pb-export-populations > .pb-fcs-file-select,
.pb-export-populations > .pb-select,
.pb-export-populations > .pb-input-templating,
.pb-export-populations > .pb-checkbox,
.pb-export-populations > .pb-subsampling-controls {
  margin-top: var(--content-vertical-margin);
}

.pb-export-populations__actions {
  margin-top: calc(var(--content-vertical-margin) + 0.5rem);
}

.pb-export-statistics {
  width: 432px;
  padding: 1rem;
}

.pb-export-statistics__fieldset.pb-form__fieldset {
  margin: 1rem 0;
  padding: 0.5rem 0.75rem;
}

.pb-export-statistics__download {
  margin: 1rem 0.75rem;
}

.pb-export-statistics__load-saved-settings {
  margin: 1rem 0;
  display: block;
}

.pb-export-statistics__dropdown-trigger-icon {
  margin-left: 0.125rem;
}

.pb-export-statistics__saved-settings {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-export-statistics__saved-settings {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-export-statistics__saved-settings {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-export-statistics__delete-settings {
  min-width: 0;
  padding: 0;
  height: auto;
  color: inherit;
}

.pb-export-statistics__single {
  margin: 0.5rem 0;
}

.pb-export-statistics__horiz {
  display: flex;
  align-items: baseline;
  margin: 0.5rem 0;
}

.pb-export-statistics__horiz-left {
  flex: none;
}

.pb-export-statistics__horiz-right {
  flex: auto;
  margin-left: 0.5em;
}

.pb-export-statistics__statistic {
  line-height: 25px; /* height of nested select (max of CD and MD) */
  margin: 4px 0;
}

.pb-export-statistics__statistic-specifier {
  margin-left: 0.5ch; /* optical */
}

.pb-export-statistics__submit {
  margin: 1rem 0;
  display: block;
}

.pb-fcs-file-info-dialog {
  height: 90vh;
}

.pb-fcs-file-info-dialog__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pb-fcs-file-info-dialog__heading {
  margin-bottom: 0.25rem;
}

h5.pb-fcs-file-info-dialog__heading {
  padding-left: 0.25rem;
}

.pb-fcs-file-info-dialog__tabs {
  margin-top: 1rem;
  min-height: 0;
}

.pb-fcs-file-info-dialog__tabs .pb-fcs-file-info-dialog__tabs {
  margin-top: 0;
}

.pb-fcs-file-info-dialog .pb-details--h4 > summary {
  transform: translateX(-8px);
}

.pb-fcs-file-info-dialog .pb-details--h5 {
  margin-left: 24px;
}

.pb-fcs-file-info-dialog .pb-details--h5 > summary {
  transform: translateX(-8px);
}

.pb-fcs-file-info-dialog .pb-details--h6 {
  margin-left: 24px;
}

.pb-fcs-file-info-dialog .pb-details--h6 > summary {
  transform: translateX(-8px);
}

.pb-fcs-file-info-dialog__details {
  margin-left: 5px; /* space for focus outline */
}

.pb-fcs-file-info-dialog section {
  display: flex;
  flex-direction: column;
}

.pb-fcs-file-info-dialog table {
  border-collapse: collapse;
  font-size: var(--font-size-small);
  table-layout: fixed;
  width: 100%;
}
.pb-fcs-file-info-dialog table {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-fcs-file-info-dialog table {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-fcs-file-info-dialog table {
  color: #212121;
}

.pb-fcs-file-info-dialog td,
.pb-fcs-file-info-dialog th {
  line-height: 1.33em;
  padding: 0.25rem 0.5rem;
  text-align: left;
  vertical-align: middle;
}

.pb-fcs-file-info-dialog td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  user-select: text;
}
.pb-fcs-file-info-dialog td {
  background-color: hsl(198, 0%, 100%);
  border-bottom-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-fcs-file-info-dialog td {
  background-color: hsl(198, 28%, 18%);
  border-bottom-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-fcs-file-info-dialog td {
  background-color: #ffffff;
  border-bottom-color: #f5f5f5;
}

.pb-fcs-file-info-dialog th {
  position: sticky;
  top: 0;
}
.pb-fcs-file-info-dialog th {
  background-color: hsl(198, 0%, 98%);
  border-bottom-color: hsl(198, 0%, 80%);
  border-top-color: hsl(198, 0%, 80%);
  box-shadow: inset 0 1px 0 hsl(198, 0%, 80%), inset 0 -1px 0 hsl(198, 0%, 80%);
}
.theme-dark .pb-fcs-file-info-dialog th {
  background-color: hsl(201, 30%, 15%);
  border-bottom-color: hsl(208, 16%, 34%);
  border-top-color: hsl(208, 16%, 34%);
  box-shadow: inset 0 1px 0 hsl(208, 16%, 34%), inset 0 -1px 0 hsl(208, 16%, 34%);
}
.theme-legacy .pb-fcs-file-info-dialog th {
  background-color: #fafafa;
  border-bottom-color: #e0e0e0;
  border-top-color: #e0e0e0;
  box-shadow: inset 0 1px 0 #e0e0e0, inset 0 -1px 0 #e0e0e0;
}

.pb-fcs-file-select {
  flex: auto;
}

.pb-fcs-file-select__sticker {
  border-radius: var(--border-radius-shadow);
  border-style: solid;
  border-width: var(--border-width-shadow);
  display: flex;
}
.pb-fcs-file-select__sticker {
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-fcs-file-select__sticker {
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-fcs-file-select__sticker {
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pb-fcs-file-select__datatable {
  border-width: 0;
  max-height: calc(26px * (1 + var(--fcs-file-select-maxfiles))); /* include heading */
  flex: auto;
}

.pb-fcs-file-stepper {
  --fcs-file-stepper-label-font-size: var(--font-size-small-plus);
  --fcs-file-stepper-label-font-weight: 600;
  --fcs-file-stepper-label-line-height: 0.75rem;
}

.material .pb-fcs-file-stepper {
  --fcs-file-stepper-label-font-size: 11px;
  --fcs-file-stepper-label-font-weight: normal;
  --fcs-file-stepper-label-line-height: 14px;
}

.pb-fcs-file-stepper { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  flex: auto;
}

.pb-fcs-file-stepper__label {
  display: block;
  font-size: var(--fcs-file-stepper-label-font-size);
  font-weight: var(--fcs-file-stepper-label-font-weight);
  line-height: var(--fcs-file-stepper-label-line-height);
}
.pb-fcs-file-stepper__label {
  color: hsl(198, 0%, 27%);
}
.theme-dark .pb-fcs-file-stepper__label {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-fcs-file-stepper__label {
  color: rgba(0, 0, 0, 0.72);
}

.pb-fcs-file-stepper__sticker {
  border-radius: var(--border-radius-shadow);
  border-style: solid;
  border-width: var(--border-width-shadow);
  display: flex;
}
.pb-fcs-file-stepper__sticker {
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-fcs-file-stepper__sticker {
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-fcs-file-stepper__sticker {
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pb-fcs-file-stepper__datatable {
  flex: auto;
  border-width: 0;
  max-height: 260px; /* max 10 rows, including heading */
}

.pb-feedback-dialog {
  --feedback-screenshot-height: 100px;
}

.pb-feedback-dialog__comment {
  box-sizing: border-box;
  font: inherit;
  /* 2px top to leave space for Firefox focus outline. */
  margin: 2px 0 1em 0;
  padding: 0.5em;
  resize: vertical;
  width: 100%;
}

.pb-feedback-dialog__screenshot-container {
  align-items: start;
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}

.pb-feedback-dialog__screenshot-guidance {
  line-height: 1.2;
  margin: 0.75rem 0 0;
  /* min-height to allow super long document names if anyone goes crazy */
  min-height: var(--feedback-screenshot-height);
}

.pb-feedback-dialog__screenshot-guidance--hidden {
  visibility: hidden;
}

.pb-feedback-dialog__screenshot-guidance-button {
  display: block;
  margin-top: 0.25rem;
}

.pb-feedback-dialog__screenshot {
  height: var(--feedback-screenshot-height);
  margin: 0.75rem 0 0;
}

.pb-feedback-dialog__dropzone {
  margin: 1em 0;
  border-radius: 4px;
  border-width: 1px;
  border-style: dashed;
  text-align: center;
  padding: 1em;
}
.pb-feedback-dialog__dropzone {
  border-color: hsl(203, 16%, 72%);
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-feedback-dialog__dropzone {
  border-color: hsl(203, 16%, 72%);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-feedback-dialog__dropzone {
  border-color: #cccccc;
  color: #424242;
}

.pb-feedback-dialog__privacy {
  font-size: var(--font-size-small);
}
.pb-feedback-dialog__privacy {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-feedback-dialog__privacy {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-feedback-dialog__privacy {
  color: #bdbdbd;
}

.pb-filenames-to-annotations-dialog {
  position: relative;
}
.pb-filenames-to-annotations-dialog {
  --nms2ann-border: hsl(198, 0%, 80%);
  --nms2ann-color: hsl(198, 0%, 0%);
  --nms2ann-danger: hsl(9, 100%, 44%);
  --nms2ann-warning: hsl(38, 100%, 38%);
}
.theme-dark .pb-filenames-to-annotations-dialog {
  --nms2ann-border: hsl(208, 16%, 34%);
  --nms2ann-color: hsl(0, 0%, 100%);
  --nms2ann-danger: hsl(3, 90%, 62%);
  --nms2ann-warning: hsl(49, 98%, 51%);
}
.theme-legacy .pb-filenames-to-annotations-dialog {
  --nms2ann-border: #e0e0e0;
  --nms2ann-color: #424242;
  --nms2ann-danger: #d50000;
  --nms2ann-warning: #ffab00;
}

.pb-filenames-to-annotations-dialog__option-grid {
  align-items: baseline;
  column-gap: 0.5rem;
  display: grid;
  grid: auto/auto max-content;
  justify-content: center;
  margin-bottom: 1rem;
  row-gap: 0.75rem;
}

.pb-filenames-to-annotations-dialog__label {
  text-align: right;
}

.pb-filenames-to-annotations-dialog__options {
  display: flex;
  align-items: baseline;
}

.pb-filenames-to-annotations-dialog__option {
  margin-right: 1em;
}

.pb-filenames-to-annotations-dialog__custom-key {
  white-space: pre;
  vertical-align: middle;
  font-size: 0.85em; /* mono baseline doesn't look right against sans */
}

.pb-filenames-to-annotations-dialog__custom-input.pb-input {
  width: 7em;
  display: inline-grid;
}

.pb-filenames-to-annotations-dialog__radio.pb-radio {
  display: block;
  margin-bottom: 0.25rem;
  margin-left: 0.125rem;
  margin-top: 0.25rem;
}

.pb-filenames-to-annotations-dialog__checkbox {
  border-left-style: solid;
  border-left-width: 1px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.pb-filenames-to-annotations-dialog__checkbox {
  border-left-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-filenames-to-annotations-dialog__checkbox {
  border-left-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-filenames-to-annotations-dialog__checkbox {
  border-left-color: #e0e0e0;
}

.pb-filenames-to-annotations-dialog__select {
  border-left-style: solid;
  border-left-width: 1px;
  box-sizing: border-box;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
}
.pb-filenames-to-annotations-dialog__select {
  border-left-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-filenames-to-annotations-dialog__select {
  border-left-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-filenames-to-annotations-dialog__select {
  border-left-color: #e0e0e0;
}

.pb-filenames-to-annotations-dialog__select .pb-combo-select {
  width: 100%;
}

.pb-filenames-to-annotations-dialog__overwrite {
  border-left-style: solid;
  border-left-width: 1px;
  box-sizing: border-box;
  order: 1;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.pb-filenames-to-annotations-dialog__overwrite {
  border-left-color: transparent;
}
.theme-dark .pb-filenames-to-annotations-dialog__overwrite {
  border-left-color: transparent;
}
.theme-legacy .pb-filenames-to-annotations-dialog__overwrite {
  border-left-color: transparent;
}

.pb-filenames-to-annotations-dialog__value-table--conflict .pb-filenames-to-annotations-dialog__overwrite {
  order: 0;
}
.pb-filenames-to-annotations-dialog__value-table--conflict .pb-filenames-to-annotations-dialog__overwrite {
  border-left-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-filenames-to-annotations-dialog__value-table--conflict .pb-filenames-to-annotations-dialog__overwrite {
  border-left-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-filenames-to-annotations-dialog__value-table--conflict .pb-filenames-to-annotations-dialog__overwrite {
  border-left-color: #e0e0e0;
}

.pb-filenames-to-annotations-dialog__checkbox--first,
.pb-filenames-to-annotations-dialog__select--first,
.pb-filenames-to-annotations-dialog__overwrite--first,
.pb-filenames-to-annotations-dialog__value-table--conflict .pb-filenames-to-annotations-dialog__overwrite--first {
  border-left-color: transparent;
}
.theme-dark .pb-filenames-to-annotations-dialog__checkbox--first,
.theme-dark .pb-filenames-to-annotations-dialog__select--first,
.theme-dark .pb-filenames-to-annotations-dialog__overwrite--first,
.theme-dark .pb-filenames-to-annotations-dialog__value-table--conflict .pb-filenames-to-annotations-dialog__overwrite--first {
  border-left-color: transparent;
}
.theme-legacy .pb-filenames-to-annotations-dialog__checkbox--first,
.theme-legacy .pb-filenames-to-annotations-dialog__select--first,
.theme-legacy .pb-filenames-to-annotations-dialog__overwrite--first,
.theme-legacy .pb-filenames-to-annotations-dialog__value-table--conflict .pb-filenames-to-annotations-dialog__overwrite--first {
  border-left-color: transparent;
}

.pb-filenames-to-annotations-dialog__overwrite--inactive * {
  visibility: hidden;
}

.pb-filenames-to-annotations-dialog__note {
  display: flex;
  margin: 0;
}

.pb-filenames-to-annotations-dialog__note-text {
  margin-left: 0.125rem;
}

.pb-filenames-to-annotations-dialog__value-table {
  display: grid;
  position: relative;
  flex: auto;
  overflow: auto;
}
.pb-filenames-to-annotations-dialog__value-table {
  background-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-filenames-to-annotations-dialog__value-table {
  background-color: hsl(198, 28%, 18%);
}
.theme-legacy .pb-filenames-to-annotations-dialog__value-table {
  background-color: #ffffff;
}

.pb-filenames-to-annotations-dialog__value-table-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.pb-filenames-to-annotations-dialog__value-table-overlay {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 75%, hsl(198, 0%, 100%) 100%);
}
.theme-dark .pb-filenames-to-annotations-dialog__value-table-overlay {
  background-image: linear-gradient(to bottom, rgba(33, 51, 59, 0) 75%, hsl(198, 28%, 18%) 100%);
}
.theme-legacy .pb-filenames-to-annotations-dialog__value-table-overlay {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 75%, #ffffff 100%);
}

.pb-filenames-to-annotations-dialog__value-cell {
  border-left-style: solid;
  border-left-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  box-sizing: border-box;
  padding: 0.1em 0.2em;
}
.pb-filenames-to-annotations-dialog__value-cell {
  border-left-color: hsl(198, 0%, 80%);
  border-top-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-filenames-to-annotations-dialog__value-cell {
  border-left-color: hsl(208, 16%, 34%);
  border-top-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-filenames-to-annotations-dialog__value-cell {
  border-left-color: #e0e0e0;
  border-top-color: #e0e0e0;
}

.pb-filenames-to-annotations-dialog__errors {
  padding-top: 0.5rem;
  text-align: center;
}

.pb-forgot-password {
  background-position: 23rem 0, 0 0;
  background-repeat: no-repeat;
  background-size: cover, calc(23rem + 1px);
  height: 100%;
}
.pb-forgot-password {
  background-color: hsl(198, 0%, 95%);
  background-image: url("banner2-light.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, hsla(198, 0%, 0%, 0.1) 23rem);
}
.theme-dark .pb-forgot-password {
  background-color: hsl(203, 32%, 19%);
  background-image: url("banner2-dark.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, hsla(203, 32%, 19%, 0.1) 23rem);
}
.theme-legacy .pb-forgot-password {
  background-color: #f5f5f5;
  background-image: url("banner2-legacy.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, rgba(0, 0, 0, 0.12) 23rem);
}

.pb-forgot-password__content {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  padding: 1rem 2.5rem;
  padding-top: calc((100vh - 20rem) / 2);
  width: 23rem;
}
.pb-forgot-password__content {
  background: hsl(198, 0%, 98%);
}
.theme-dark .pb-forgot-password__content {
  background: hsl(201, 30%, 15%);
}
.theme-legacy .pb-forgot-password__content {
  background: #ffffff;
}

.pb-h3.pb-forgot-password__subtitle {
  line-height: 1em;
  margin: 0.25rem 0 1rem;
}

.pb-forgot-password__form {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}

.pb-forgot-password__control {
  margin: 0.25rem 0 0.75rem;
}

.pb-forgot-password__control--link {
  margin: 0.25rem auto 0.75rem;
}

.pb-forgot-password__control--signin {
  margin: 0.25rem auto 3rem;
}

@media screen and (max-width: 768px) {
  .pb-forgot-password {
    grid: 1fr/1fr;
  }
  .pb-forgot-password {
    background: hsl(198, 0%, 95%);
  }
  .theme-dark .pb-forgot-password {
    background: hsl(203, 32%, 19%);
  }
  .theme-legacy .pb-forgot-password {
    background: #f5f5f5;
  }
  .pb-forgot-password__content {
    grid-area: 1/1;
    width: auto;
    padding: 1rem 20%;
  }
}
.pb-gate-analysis-dialog {
  height: 75vh;
}

.pb-gate-analysis-dialog__table {
  box-sizing: border-box;
  max-height: 2080px;
  width: 100%;
}

.pb-gate-analysis-dialog__table td:first-child,
.pb-gate-analysis-dialog__table th:first-child {
  position: sticky;
  left: 0;
}

.pb-gate-analysis-dialog__table td:first-child {
  z-index: var(--datatable-z-index-fixed);
}
.pb-gate-analysis-dialog__table td:first-child {
  background-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-gate-analysis-dialog__table td:first-child {
  background-color: hsl(198, 28%, 18%);
}
.theme-legacy .pb-gate-analysis-dialog__table td:first-child {
  background-color: #ffffff;
}

.pb-gate-analysis-dialog__table th:first-child {
  z-index: var(--datatable-z-index-fixed-head);
}

.pb-gate-analysis-dialog__gate-list {
  cursor: default;
  font: 11px var(--font-stack);
  height: var(--gate-analysis-height);
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0;
  width: var(--gate-analysis-width);
}

.pb-gate-analysis-dialog__gate-item {
  display: inline-block;
  padding: 0;
  position: relative;
  transform: translateY(calc(var(--gate-analysis-height) - var(--gate-analysis-column))) rotate(315deg);
  width: var(--gate-analysis-column);
}

.pb-gate-analysis-dialog__gate-item-name {
  text-decoration: underline;
  text-underline-position: under;
}
.pb-gate-analysis-dialog__gate-item-name {
  text-decoration-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-gate-analysis-dialog__gate-item-name {
  text-decoration-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-gate-analysis-dialog__gate-item-name {
  text-decoration-color: #e0e0e0;
}

.pb-gate-analysis-dialog__gate-item--emphasis {
  font-weight: 600;
}

.pb-gate-analysis-dialog__gate-item--emphasis .pb-gate-analysis-dialog__gate-item-name {
  text-decoration-color: initial;
}
.theme-dark .pb-gate-analysis-dialog__gate-item--emphasis .pb-gate-analysis-dialog__gate-item-name {
  text-decoration-color: initial;
}
.theme-legacy .pb-gate-analysis-dialog__gate-item--emphasis .pb-gate-analysis-dialog__gate-item-name {
  text-decoration-color: initial;
}

/* TODO add :get-cell-inner-class to datatable? or remove the cell-content wrapper? */
.pb-gate-analysis-dialog__table td:nth-last-child(3) .pb-datatable__cell-content--text {
  text-overflow: clip;
}

.pb-gate-analysis-dialog__gate {
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  text-align: center;
  width: var(--gate-analysis-column);
}

.pb-gate-analysis-dialog__table tbody tr:hover td:first-child {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-gate-analysis-dialog__table tbody tr:hover td:first-child {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-gate-analysis-dialog__table tbody tr:hover td:first-child {
  background-color: #f5f5f5;
}

.pb-gate-analysis-dialog__filter-heading {
  font-weight: bold;
}

.pb-gate-analysis-dialog__filter-set {
  margin-left: 0.5rem;
  min-height: 0;
  min-width: 13em;
  overflow: auto;
}

.pb-gate-analysis-dialog__filter-label {
  display: block;
  margin-top: 0.75rem;
}

.pb-gate-analysis-dialog__filter {
  margin-top: 0.25rem;
  overflow: auto;
}

.pb-gatebuttonrow {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  display: inline-flex;
}
.pb-gatebuttonrow {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-gatebuttonrow {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-gatebuttonrow {
  background-color: #ffffff;
  border-color: #cccccc;
}

.pb-gatebuttonrow__button {
  border-width: 0;
  height: 35px;
  width: 40px;
  padding: 0;
}
.pb-gatebuttonrow__button {
  background-color: transparent;
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-gatebuttonrow__button {
  background-color: transparent;
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-gatebuttonrow__button {
  background-color: transparent;
  color: #000000;
}

.pb-gatebuttonrow__button:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-gatebuttonrow__button:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-gatebuttonrow__button:hover {
  background-color: #eeeeee;
}

.pb-gatebuttonrow__button--active {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-gatebuttonrow__button--active {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-gatebuttonrow__button--active {
  color: #3f51b5;
}

.pb-gatebuttonrow__button[disabled],
.pb-gatebuttonrow__button[disabled]:hover {
  background-color: transparent;
}
.pb-gatebuttonrow__button[disabled],
.pb-gatebuttonrow__button[disabled]:hover {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-gatebuttonrow__button[disabled],
.theme-dark .pb-gatebuttonrow__button[disabled]:hover {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-gatebuttonrow__button[disabled],
.theme-legacy .pb-gatebuttonrow__button[disabled]:hover {
  color: #bdbdbd;
}

.pb-gating {
  --hierarchy-padding: 0.25rem;
  column-gap: 16px;
  display: grid;
  grid-template-columns: 300px 356px max-content;
  padding: 1rem; /* same as panels page */
}

.pb-gating__left-panel {
  width: 300px;
}

.pb-gating__left-panel .pb-gating__accordion:first-of-type {
  margin-top: 0;
}

.pb-gating__center-panel {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.pb-gating__plot-info {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.pb-gating__gate-warning {
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.pb-gating__gate-warning {
  background-color: transparent;
  color: hsl(38, 100%, 38%);
}
.theme-dark .pb-gating__gate-warning {
  background-color: transparent;
  color: hsl(49, 98%, 51%);
}
.theme-legacy .pb-gating__gate-warning {
  background-color: transparent;
  color: #ffab00;
}

.pb-gating__gate-warning:disabled {
  cursor: default;
}

.pb-gating__file-alert {
  width: 100%;
}

.pb-gating__accordion > .pb-accordion__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pb-gating__cursor-reporter {
  height: 48px;
  margin: 0 0 1rem 0;
  opacity: 0;
  transition: opacity 200ms linear;
}

.pb-gating__plot-wrapper {
  display: grid;
  grid-template-columns: 25px 12px 319px;
  grid-template-rows: 319px 12px 25px;
  grid-template-areas: "ychannel plot plot" "ychannel plot plot" "swap xchannel xchannel";
  margin-top: 0.25rem;
}

.pb-gating__plot-wrapper--no-x-labels {
  grid-template-rows: 319px 0 37px;
}

.pb-gating__plot-wrapper--no-y-labels {
  grid-template-columns: 37px 0 319px;
}

.pb-gating__plot {
  background-color: white;
  grid-area: plot;
  justify-self: end;
  overflow: hidden;
}

.pb-gating__plot.pb-gating__plot--disabled {
  opacity: 0.25;
  pointer-events: none;
}

.pb-gating__plot .gata-plot-container__select {
  display: none;
}

.pb-gating__xchannel {
  grid-area: xchannel;
  position: relative;
  z-index: 1;
}
.pb-gating__xchannel {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-gating__xchannel {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-gating__xchannel {
  background-color: #ffffff;
}

.pb-gating__xchannel > .pb-select {
  bottom: 0;
  position: absolute;
  right: 15px;
  width: 291px;
}

.pb-gating__ychannel {
  grid-area: ychannel;
  padding-top: 15px;
  z-index: 1;
}
.pb-gating__ychannel {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-gating__ychannel {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-gating__ychannel {
  background-color: #ffffff;
}

.pb-gating__ychannel__fixed {
  text-align: center;
}

.pb-gating__ychannel > .pb-select,
.pb-gating__ychannel > .pb-gating__ychannel__fixed {
  transform: rotate(-90deg) translateY(-296px);
  transform-origin: top right;
  width: 291px;
}

.pb-gating__swap-channels {
  align-self: end;
  grid-area: swap;
  z-index: 1;
}
.pb-gating__swap-channels {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-gating__swap-channels {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-gating__swap-channels {
  background-color: #ffffff;
}

.pb-gating__plot-wrapper:has(.pb-gating__plot:hover) ~ .pb-gating__plot-info .pb-gating__cursor-reporter {
  opacity: 1;
}

.pb-gating__file-stepper {
  flex-grow: 0;
  align-self: stretch;
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  padding: 0.25rem;
}
.pb-gating__file-stepper {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-gating__file-stepper {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-gating__file-stepper {
  background-color: #ffffff;
  border-color: #cccccc;
}

.pb-gating__annotation-list {
  margin-top: 0.25rem;
  width: 100%;
}

.pb-gating__annotation-list table {
  /* override normal table style since this table is acting more like a UI control */
}
.pb-gating__annotation-list table {
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-gating__annotation-list table {
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-gating__annotation-list table {
  border-color: #cccccc;
}

.pb-gating__annotation-list-title {
  cursor: pointer;
}

.pb-gating__annotation-list-title-icon {
  margin-right: 0.25rem;
}

.pb-gating__right-panel {
  padding-right: 1rem;
}

.pb-gating__population-hierarchy {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  /* leave room for header/subheader/main padding, limit for virtual repeat */
  max-height: min(100vh - 2.5rem - 1.5rem - 2rem - 1rem, 1200px);
  min-height: 210px;
  min-width: 284px;
  overflow: hidden;
  padding: var(--hierarchy-padding);
  position: relative;
}
.pb-gating__population-hierarchy {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-gating__population-hierarchy {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-gating__population-hierarchy {
  background-color: #ffffff;
  border-color: #cccccc;
}

.pb-gating__population-hierarchy-resize {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path stroke="%23666666" shape-rendering="optimizeSpeed" d="M 0 8 l 8 -8 M 4 8 l 4 -4" /></svg>');
  background-repeat: no-repeat;
  cursor: nwse-resize;
  display: block;
  width: 9px;
  height: 9px;
  bottom: 0;
  right: 0;
  position: absolute;
}

.theme-dark .pb-gating__population-hierarchy-resize {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path stroke="%23a6abd1" shape-rendering="optimizeSpeed" d="M 0 8 l 8 -8 M 4 8 l 4 -4" /></svg>');
}

.pb-recovery-codes-dialog__guide-text {
  margin: 1rem 0;
}

.pb-recovery-codes-dialog__authenticate {
  display: flex;
  align-items: baseline;
}

.pb-recovery-codes-dialog__password {
  flex-grow: 1;
}

.pb-recovery-codes-dialog__recovery-code-list {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: monospace;
  font-size: 20px;
  list-style: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  text-align: center;
}

.pb-recovery-codes-dialog__recovery-code-list-item {
  margin: 10px 0;
}

.pb-recovery-codes-dialog__recovery-code-buttons {
  text-align: center;
}

@keyframes pb-header__action--rotating-cw {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pb-header__action--rotating-ccw {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
/* theme customizations */
.pb-header {
  --header-action-animation: pb-header__action--rotating-cw;
  --header-action-background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 01.217.193a.723.723 0 011.002.018l3.779 3.807L8.781.211A.723.723 0 019.783.193c.282.264.29.701.019.975h-.004z' fill='%23fafafa' fill-opacity='.65'/%3E%3C/svg%3E");
  --header-action-background-hover: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 01.217.193a.723.723 0 011.002.018l3.779 3.807L8.781.211A.723.723 0 019.783.193c.282.264.29.701.019.975h-.004z' fill='%23fafafa'/%3E%3C/svg%3E");
  --header-action-gutter: 0.25rem;
  --header-action-pseudo-height: 6px;
  --header-badge-border: 3px;
  --header-badge-right: 3px;
  --header-badge-size: 7px;
  --header-badge-top: 15.5px;
  --header-height: 2.5rem;
  --header-icon-opacity: 0.65;
  --header-logo-background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 44 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23007cbb'%3E%3Ccircle cx='29.3' cy='8.3' r='3.6'/%3E%3Ccircle cx='21.8' cy='3.4' r='3.2'/%3E%3Ccircle cx='14.2' cy='4.4' r='2.8'/%3E%3Ccircle cx='7.3' cy='8.9' r='2.6'/%3E%3Ccircle cx='2.1' cy='14.5' r='2'/%3E%3C/g%3E%3Cg fill='%23f57600'%3E%3Ccircle cx='14.3' cy='13.4' r='3.7'/%3E%3Ccircle cx='21.7' cy='18.5' r='3.6'/%3E%3Ccircle cx='29.1' cy='17.3' r='2.9'/%3E%3Ccircle cx='36.1' cy='13.2' r='2.5'/%3E%3Ccircle cx='41.5' cy='7.6' r='2'/%3E%3C/g%3E%3C/svg%3E");
  --header-spacer-size: 1rem;
  --header-spacer-width: 1px;
}

.material .pb-header {
  --header-action-animation: pb-header__action--rotating-ccw;
  --header-action-background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M0 0l5 5 5-5H0z' fill='%23fff'/%3E%3C/svg%3E");
  --header-action-background-hover: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M0 0l5 5 5-5H0z' fill='%23fff'/%3E%3C/svg%3E");
  --header-action-pseudo-height: 5px;
  --header-badge-border: 0;
  --header-badge-right: 6px;
  --header-badge-size: 9px;
  --header-badge-top: 18px;
  --header-logo-background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 44 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='29.3' cy='8.3' r='3.6'/%3E%3Ccircle cx='21.8' cy='3.4' r='3.2'/%3E%3Ccircle cx='14.2' cy='4.4' r='2.8'/%3E%3Ccircle cx='7.3' cy='8.9' r='2.6'/%3E%3Ccircle cx='2.1' cy='14.5' r='2'/%3E%3Ccircle cx='14.3' cy='13.4' r='3.7'/%3E%3Ccircle cx='21.7' cy='18.5' r='3.6'/%3E%3Ccircle cx='29.1' cy='17.3' r='2.9'/%3E%3Ccircle cx='36.1' cy='13.2' r='2.5'/%3E%3Ccircle cx='41.5' cy='7.6' r='2'/%3E%3C/g%3E%3C/svg%3E");
  --header-spacer-size: 0;
  --header-spacer-width: 0;
}

.pb-header { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: var(--font-h5-size);
  font-weight: 400;
  height: var(--header-height);
  justify-content: space-between;
  white-space: nowrap;
}
.pb-header {
  background-color: hsl(198, 100%, 15%);
  color: hsl(198, 0%, 98%);
}
.theme-dark .pb-header {
  background-color: hsl(203, 30%, 8%);
  color: hsl(198, 0%, 98%);
}
.theme-legacy .pb-header {
  background-color: #3f51b5;
  color: #ffffff;
}

.pb-header__branding {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  height: var(--header-height);
  min-width: 8.5rem;
  padding-bottom: 0;
  padding-left: 0.85rem;
  padding-right: 1rem;
  padding-top: 0;
}
.pb-header__branding {
  color: hsl(198, 0%, 98%);
}
.theme-dark .pb-header__branding {
  color: hsl(198, 0%, 98%);
}
.theme-legacy .pb-header__branding {
  color: #ffffff;
}

.pb-header__branding:visited {
  color: hsl(198, 0%, 98%);
}
.theme-dark .pb-header__branding:visited {
  color: hsl(198, 0%, 98%);
}
.theme-legacy .pb-header__branding:visited {
  color: #ffffff;
}

.pb-header--interactive .pb-header__branding::after {
  content: "";
  border-right-style: solid;
  border-right-width: var(--header-spacer-width);
  height: calc(var(--header-height) - 1rem);
  width: var(--header-spacer-size);
}
.pb-header--interactive .pb-header__branding::after {
  border-right-color: rgba(250, 250, 250, 0.16);
}
.theme-dark .pb-header--interactive .pb-header__branding::after {
  border-right-color: rgba(250, 250, 250, 0.16);
}
.theme-legacy .pb-header--interactive .pb-header__branding::after {
  border-right-color: transparent;
}

.pb-header__logo {
  background-image: var(--header-logo-background);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  height: 22px;
  margin-right: 11px;
  vertical-align: middle;
  width: 44px;
}

.pb-header__title {
  letter-spacing: 0.01em;
  line-height: var(--header-height);
}

.pb-header__actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: calc(var(--header-spacer-size) / 2 + var(--header-spacer-width) * 2);
  position: relative;
}

.pb-header__actions::before {
  content: "";
  border-left-style: solid;
  border-left-width: var(--header-spacer-width);
  height: 1.5rem;
  left: 0;
  position: absolute;
  top: 0.5rem;
}
.pb-header__actions::before {
  border-left-color: rgba(250, 250, 250, 0.16);
}
.theme-dark .pb-header__actions::before {
  border-left-color: rgba(250, 250, 250, 0.16);
}
.theme-legacy .pb-header__actions::before {
  border-left-color: transparent;
}

.pb-header__action {
  align-items: center;
  display: inline-flex;
  margin-right: 0.5rem;
}

.pb-header__action:last-child {
  margin-right: 1.5rem;
}

.pb-header__action--spin .pb-icon__shape {
  animation: var(--header-action-animation) 1.5s linear infinite;
}

.pb-header__progress {
  transition: all linear var(--transition-duration-fast);
}

.pb-header-progress-enter,
.pb-header-progress-leave-to {
  margin-right: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  width: 0.1px; /* 0 causes a glitch in Vue transitions on Safari */
}

.pb-header-progress-enter-to,
.pb-header-progress-leave {
  margin-right: 0.5rem;
  opacity: 1;
  overflow: visible;
  pointer-events: auto;
  width: 45px;
}

.pb-header__action-trigger {
  cursor: pointer;
  display: flex;
  height: var(--header-height);
  justify-content: center;
  padding-left: var(--header-action-gutter);
  padding-right: calc(var(--header-action-gutter) + 5px);
  position: relative;
  align-items: center;
  flex-direction: row;
}

.pb-header .clr-i-outline,
.pb-header .clr-i-outline--badged {
  fill-opacity: var(--header-icon-opacity);
}

.pb-header .clr-i-badge {
  fill-opacity: 1;
}

.pb-header__searchlabel:hover .clr-i-outline,
.pb-header__action-trigger:hover .clr-i-outline,
.pb-header__action-trigger:hover .clr-i-outline--badged {
  fill-opacity: 1;
}

/*
 * Manually create the badge rather than rely on icons
 * because we don't want the badge to spin if the icon
 * is spinning.
 */
.pb-header__action-trigger--danger::after,
.pb-header__action-trigger--success::after {
  border-radius: 50%;
  border-style: solid;
  border-width: var(--header-badge-border);
  content: "";
  display: block;
  height: var(--header-badge-size);
  position: absolute;
  right: var(--header-badge-right);
  top: var(--header-badge-top);
  width: var(--header-badge-size);
}
.pb-header__action-trigger--danger::after,
.pb-header__action-trigger--success::after {
  border-color: hsl(198, 100%, 15%);
}
.theme-dark .pb-header__action-trigger--danger::after,
.theme-dark .pb-header__action-trigger--success::after {
  border-color: hsl(203, 30%, 8%);
}
.theme-legacy .pb-header__action-trigger--danger::after,
.theme-legacy .pb-header__action-trigger--success::after {
  border-color: #3f51b5;
}

.pb-header__action-trigger--danger::after {
  background-color: hsl(9, 100%, 44%);
}
.theme-dark .pb-header__action-trigger--danger::after {
  background-color: rgb(245, 80, 71);
}
.theme-legacy .pb-header__action-trigger--danger::after {
  background-color: #d50000;
}

.pb-header__action-trigger--success::after {
  background-color: hsl(93, 80%, 28%);
}
.theme-dark .pb-header__action-trigger--success::after {
  background-color: rgb(97, 162, 32);
}
.pb-header__action-trigger--danger.pb-header__action-trigger--success::after {
  background-color: hsl(40, 100%, 59%);
}
.theme-dark .pb-header__action-trigger--danger.pb-header__action-trigger--success::after {
  background-color: rgb(253, 208, 8);
}
.pb-header__action-trigger::before {
  background-image: var(--header-action-background);
  background-repeat: no-repeat;
  content: "";
  height: var(--header-action-pseudo-height);
  position: absolute;
  right: -5px;
  top: calc((var(--header-height) - 6px) / 2);
  width: 10px;
}

.pb-header__action-trigger:hover::before {
  background-image: var(--header-action-background-hover);
}

.pb-header .pb-icon:hover .clr-i-outline {
  fill-opacity: 1;
}

.pb-header__domain-logo {
  display: none;
}

.pb-header-activities {
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.25em;
  padding: 0 0.25rem;
  white-space: nowrap;
  overflow: auto;
  width: 400px;
}
.pb-header-activities {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-header-activities {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-header-activities {
  color: #212121;
}

.pb-header-activities__activity {
  padding: 0.5em 0;
  display: flex;
}

.pb-header-activities__activity:not(:last-child) {
  border-bottom: 1px solid;
}
.pb-header-activities__activity:not(:last-child) {
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-header-activities__activity:not(:last-child) {
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-header-activities__activity:not(:last-child) {
  border-color: #eeeeee;
}

.pb-header-activities__label,
.pb-header-activities__progress,
.pb-header-activities__text {
  padding: 0 0.25rem;
}

.pb-header-activities__progress {
  display: flex;
  flex: none;
}

.pb-header-activities__check {
  color: hsl(99, 100%, 26%);
}
.theme-dark .pb-header-activities__check {
  color: hsl(92, 79%, 40%);
}
.theme-legacy .pb-header-activities__check {
  color: #2e7d32;
}

.pb-header-activities__x {
  color: hsl(9, 100%, 44%);
}
.theme-dark .pb-header-activities__x {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-header-activities__x {
  color: #ff5722;
}

.pb-header-activities__details {
  align-self: center;
  flex: auto;
  overflow: hidden;
}

.pb-header-activities__text {
  font-size: var(--font-size-small);
  line-height: 1.2;
  margin-top: 0.125rem;
  white-space: initial;
  overflow-wrap: break-word;
}
.pb-header-activities__text {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-header-activities__text {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-header-activities__text {
  color: #000000;
}

.pb-header-activities__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pb-header {
  --header-search-height: 2.5rem;
  --header-search-icon-opacity: 0.65;
}

.pb-header-search {
  display: flex;
  font-size: var(--font-h5-size);
  font-weight: 400;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 1rem;
  width: 700px;
  position: relative;
  white-space: nowrap;
}

.pb-header-search__label,
.pb-header-search__clear,
.pb-header-search__form-trigger {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pb-header-search__clear,
.pb-header-search__form-trigger {
  background-color: transparent;
  border-width: 0;
  display: flex;
  position: absolute;
  top: calc(var(--header-search-height) / 2 - 12px);
}
.pb-header-search__clear,
.pb-header-search__form-trigger {
  color: hsl(198, 0%, 98%);
}
.theme-dark .pb-header-search__clear,
.theme-dark .pb-header-search__form-trigger {
  color: hsl(198, 0%, 98%);
}
.theme-legacy .pb-header-search__clear,
.theme-legacy .pb-header-search__form-trigger {
  color: #ffffff;
}

.pb-header-search__clear {
  right: 24px;
}

.pb-header-search__input {
  align-self: center;
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  box-shadow: 0 0;
  flex: 1 0 auto;
  font: inherit;
  font-weight: 400;
  height: 1rem;
  margin-left: 0.5rem;
  outline: 0;
  padding: 0 calc(42px + 1em) 0 0; /* left edge of clear icon + spacing */
  width: auto;
}
.pb-header-search__input {
  border-bottom-color: hsl(198, 0%, 91%);
  color: hsl(198, 0%, 98%);
}
.theme-dark .pb-header-search__input {
  border-bottom-color: hsl(198, 0%, 91%);
  color: hsl(198, 0%, 98%);
}
.theme-legacy .pb-header-search__input {
  border-bottom-color: rgba(250, 250, 250, 0.65);
  color: #ffffff;
}

.pb-header-search__input::placeholder {
  color: inherit;
  opacity: var(--header-search-icon-opacity);
}

.pb-header-search__input:focus {
  border-bottom-color: hsl(198, 65%, 57%);
}
.theme-dark .pb-header-search__input:focus {
  border-bottom-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-header-search__input:focus {
  border-bottom-color: #ffffff;
}

.pb-header-search__form {
  padding: 1rem;
}
.pb-header-search__form {
  background-color: hsl(198, 0%, 100%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-header-search__form {
  background-color: hsl(198, 28%, 18%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-header-search__form {
  background-color: #ffffff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-header-search__form-header,
.pb-header-search__form-footer {
  display: flex;
  justify-content: flex-end;
}

.pb-header-search__form-help {
  text-decoration: none;
}
.pb-header-search__form-help {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-header-search__form-help {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-header-search__form-help {
  color: #bdbdbd;
}

.pb-header-search__form-help:focus,
.pb-header-search__form-help:hover {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-header-search__form-help:focus,
.theme-dark .pb-header-search__form-help:hover {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-header-search__form-help:focus,
.theme-legacy .pb-header-search__form-help:hover {
  color: #000000;
}

.pb-header-search__form-fields {
  display: grid;
  grid-template-columns: fit-content(50%) auto;
  gap: 1em;
  align-items: baseline;
  margin-bottom: 1rem;
}

.pb-header-search__form-fields label {
  text-align: right;
}

/* theme customizations */
.pb-icon {
  --icon-clarity-display: inline-block;
  --icon-material-display: none;
}

.material .pb-icon {
  --icon-clarity-display: none;
  --icon-material-display: inline-block;
}

.pb-icon { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: inline-block;
  flex: none;
  vertical-align: middle;
  line-height: 0;
}

.pb-icon--badge-info,
.pb-icon--badge-success,
.pb-icon--badge-danger,
.pb-icon--badge-warning,
.pb-icon--badge-danger-triangle,
.pb-icon--badge-warning-triangle {
  position: relative;
}

.pb-icon__shape--clarity {
  display: var(--icon-clarity-display);
}

.pb-icon svg {
  display: block;
  fill: currentColor;
  height: 100%;
  transition: inherit;
  width: 100%;
}

.pb-icon__shape--material {
  display: var(--icon-material-display);
  font-family: "Material Icons"; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  font-feature-settings: "liga";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  overflow: hidden;
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.pb-icon__badge {
  position: absolute;
  top: 0;
}

.pb-icon--badge-info .pb-icon__shape,
.pb-icon--badge-success .pb-icon__shape,
.pb-icon--badge-danger .pb-icon__shape,
.pb-icon--badge-warning .pb-icon__shape {
  /* stylelint-disable string-no-newline -- stylelint/stylelint#4057 */
  mask: url("data:image/svg+xml,		%3Csvg viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E			%3Crect fill='%23fff' x='0' y='0' width='36' height='36'%3E%3C/rect%3E			%3Ccircle fill='%23000' cx='28' cy='8' r='8' %3E%3C/circle%3E		%3C/svg%3E	") luminance;
  /* stylelint-enable string-no-newline */
}

.pb-icon__badge--info circle {
  fill: hsl(198, 100%, 34%);
}
.theme-dark .pb-icon__badge--info circle {
  fill: rgb(74, 174, 217);
}
.pb-icon__badge--success circle {
  fill: hsl(93, 80%, 28%);
}
.theme-dark .pb-icon__badge--success circle {
  fill: rgb(97, 162, 32);
}
.pb-icon__badge--danger circle {
  fill: hsl(9, 100%, 44%);
}
.theme-dark .pb-icon__badge--danger circle {
  fill: rgb(245, 80, 71);
}
.theme-legacy .pb-icon__badge--danger circle {
  fill: #d50000;
}

.pb-icon__badge--warning circle {
  fill: hsl(40, 100%, 59%);
}
.theme-dark .pb-icon__badge--warning circle {
  fill: rgb(253, 208, 8);
}
.pb-icon--badge-danger-triangle .pb-icon__shape,
.pb-icon--badge-warning-triangle .pb-icon__shape {
  /* stylelint-disable string-no-newline -- stylelint/stylelint#4057 */
  mask: url("data:image/svg+xml,		%3Csvg viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E			%3Crect fill='%23fff' x='0' y='0' width='36' height='36'%3E%3C/rect%3E			%3Cpath fill='%23000' d='M26-8 L42,17 L18,17 L15,15z'%3E%3C/path%3E		%3C/svg%3E	") luminance;
  /* stylelint-enable string-no-newline */
}

.pb-icon__badge--danger-triangle path {
  fill: hsl(9, 100%, 44%);
}
.theme-dark .pb-icon__badge--danger-triangle path {
  fill: rgb(245, 80, 71);
}
.theme-legacy .pb-icon__badge--danger-triangle path {
  fill: #d50000;
}

.pb-icon__badge--warning-triangle path {
  fill: hsl(40, 100%, 59%);
}
.theme-dark .pb-icon__badge--warning-triangle path {
  fill: rgb(253, 208, 8);
}
.pb-illustration {
  z-index: 0;
  display: grid;
  grid: max-content 1fr/1fr max-content;
  flex: auto;
  min-height: 0;
  outline: none;
}

.pb-illustration__header {
  grid-area: 1/1/2/3;
}

.pb-illustration__viewport {
  grid-area: 2/1;
  overflow: scroll;
  position: relative; /* be the containing block for sync scroller */
}
.pb-illustration__viewport {
  color: black; /* override themes */
}
.theme-dark .pb-illustration__viewport {
  color: black; /* override themes */
}
.theme-legacy .pb-illustration__viewport {
  color: black; /* override themes */
}

.pb-illustration__sync-scroller {
  display: flow-root; /* don't want artboard margins to collapse into it */
  position: sticky;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden; /* only the scroll-sizer should affect the scrollbars */
}

.pb-illustration__artboard {
  position: absolute; /* be the containing block for components */
  z-index: 0; /* jail z-index of components */
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
}

.pb-illustration__components {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
}

.pb-illustration__component-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.pb-illustration__grab-polygon {
  fill: none;
  pointer-events: all;
}

.pb-illustration__component-html {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
}

.pb-illustration__overlays {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  height: 100%;
  width: 100%;
}

.pb-illustration--force-cursor .pb-illustration__overlays {
  pointer-events: unset;
}

.pb-illustration__sink-box {
  pointer-events: all;
  fill: none;
}

.pb-illustration__svg {
  position: absolute; /* Safari won't go full-height without it */
  width: 100%;
  height: 100%;
}

.pb-illustration__selection-box {
  fill: none;
  stroke-width: 1px;
  stroke-dasharray: 1, 1;
}
.pb-illustration__selection-box {
  stroke: hsl(198, 0%, 0%);
}
.theme-dark .pb-illustration__selection-box {
  stroke: hsl(210, 16%, 93%);
}
.theme-legacy .pb-illustration__selection-box {
  stroke: #000000;
}

.pb-illustration__blank-box {
  fill: none;
  stroke-width: 1px;
  stroke-dasharray: 3, 3;
}
.pb-illustration__blank-box {
  stroke: hsl(198, 0%, 0%);
}
.theme-dark .pb-illustration__blank-box {
  stroke: hsl(210, 16%, 93%);
}
.theme-legacy .pb-illustration__blank-box {
  stroke: #000000;
}

.pb-illustration__selection-handle {
  fill: hsl(198, 0%, 100%);
  stroke: hsl(198, 0%, 100%);
}
.theme-dark .pb-illustration__selection-handle {
  fill: hsl(198, 0%, 100%);
  stroke: hsl(198, 0%, 100%);
}
.theme-legacy .pb-illustration__selection-handle {
  fill: #ffffff;
  stroke: #ffffff;
}

.pb-illustration__attachment-point {
  fill-opacity: 0.75;
  fill: none;
}
.pb-illustration__attachment-point {
  fill: hsl(198, 0%, 100%);
  stroke: hsl(198, 100%, 38%);
}
.theme-dark .pb-illustration__attachment-point {
  fill: hsl(198, 0%, 100%);
  stroke: hsl(198, 65%, 57%);
}
.theme-legacy .pb-illustration__attachment-point {
  fill: #ffffff;
  stroke: #3f51b5;
}

.pb-illustration__sizer {
  position: absolute;
}

.pb-illustration__stepper.pb-stepper {
  position: absolute;
  pointer-events: all;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  cursor: default;
  padding: 0.5em 1em 0.75em;
  border-radius: 3px 3px 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.pb-illustration__stepper.pb-stepper {
  background-color: hsl(198, 0%, 100%);
  border: 1px solid hsl(198, 0%, 80%);
  border-bottom: 0;
}
.theme-dark .pb-illustration__stepper.pb-stepper {
  background-color: hsl(201, 30%, 13%);
  border: 1px solid hsl(208, 16%, 34%);
  border-bottom: 0;
}
.theme-legacy .pb-illustration__stepper.pb-stepper {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-bottom: 0;
}

.pb-illustration__stepper-datatable-sticker {
  display: flex;
}
.pb-illustration__stepper-datatable-sticker {
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-illustration__stepper-datatable-sticker {
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-illustration__stepper-datatable-sticker {
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pb-illustration__stepper-datatable {
  height: 264px;
  flex: auto;
}

.pb-illustration__sidebar {
  grid-area: 2/2/3/3;
}

.pb-illustration__page-row-italic.pb-datatable__cell button {
  font-style: italic;
}
.pb-illustration__page-row-italic.pb-datatable__cell button {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-illustration__page-row-italic.pb-datatable__cell button {
  color: hsl(203, 3%, 61%);
}
.theme-legacy .pb-illustration__page-row-italic.pb-datatable__cell button {
  color: #757575;
}

.pb-illustration-flow-plot__label {
  position: absolute;
  bottom: 100%;
  padding: 0;
  margin: 0;
  left: 50px; /* gata.PlotContainer.DEFAULT_PADDING.left */
  right: 15px; /* gata.PlotContainer.DEFAULT_PADDING.right */
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
  pointer-events: none;
}

.pb-illustration-header {
  font-size: 14px;
}

.pb-illustration-header__readonly-warning {
  font-size: var(--font-size-small);
  margin: 0 12px;
  flex: none;
}
.pb-illustration-header__readonly-warning {
  color: hsl(9, 100%, 44%);
}
.theme-dark .pb-illustration-header__readonly-warning {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-illustration-header__readonly-warning {
  color: #d50000;
}

.pb-illustration-header__readonly-warning-icon {
  vertical-align: calc(var(--font-cap-height) / 2 - 8px);
}

.pb-illustration-header__batch-toggle {
  margin: 0 12px;
}

.pb-illustration-header__compensation.pb-select {
  width: 125px;
}

.pb-illustration-header__file {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  opacity: 0;
  font-size: 10em;
  margin: 0;
  left: 0;
  top: 0;
}

.pb-illustration-header__hidden-file {
  display: none;
}

.pb-illustration-header__font-family.pb-select {
  width: 95px;
}

.pb-illustration-header__font-size.pb-select {
  width: 35px;
}

.pb-illustration-header__more {
  margin: 0 -4px 0 -3px; /* TODO should icons have internal (svg) padding? */
}

.pb-illustration-menubar {
  outline: none;
}

.pb-illustration-top-menu {
  line-height: 24px;
  padding: 4px 12px;
  cursor: pointer;
  display: inline-block;
}

.pb-illustration-top-menu--focused {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-illustration-top-menu--focused {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-illustration-top-menu--focused {
  background-color: rgba(0, 0, 0, 0.06);
}

.pb-illustration-menu {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-illustration-menu {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-illustration-menu {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-illustration-menu__item {
  line-height: 2.2;
  padding: 0 calc(1rem + 16px) 0 calc(1rem + 18px);
  cursor: pointer;
  position: relative;
}

.pb-illustration-menu__item--divider {
  margin: 0.25rem 0;
}
.pb-illustration-menu__item--divider {
  border-bottom: 1px solid hsl(198, 0%, 80%);
}
.theme-dark .pb-illustration-menu__item--divider {
  border-bottom: 1px solid hsl(0, 0%, 0%);
}
.theme-legacy .pb-illustration-menu__item--divider {
  border-bottom: 1px solid #eeeeee;
}

.pb-illustration-menu__item--focus {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-illustration-menu__item--focus {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-illustration-menu__item--focus {
  background-color: rgba(0, 0, 0, 0.06);
}

.pb-illustration-menu__item--disabled {
  cursor: initial;
}
.pb-illustration-menu__item--disabled {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-illustration-menu__item--disabled {
  background-color: hsl(198, 28%, 18%);
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-illustration-menu__item--disabled {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.54);
}

.pb-illustration-menu__more {
  position: absolute;
  top: calc(50% - 8px);
  right: calc((1rem + 16px) / 2 - 8px);
}

.pb-illustration-menu__item-icon {
  position: absolute;
  /* linebox-centered to cap-height-centered = 1px */
  top: calc(50% - 9px - 1px);
  left: calc((1rem + 18px) / 2 - 9px);
}

.pb-illustration-header__svg-option {
  display: flex;
  margin: 0 6px 0 0;
}

.pb-illustration-header__svg-option--flip {
  margin: 0 0 0 6px;
}

.pb-illustration-header__svg-option-wrap {
  position: relative;
  flex: auto;
  width: 100px; /* in case used w/out :match-width in the future */
}

.pb-illustration-header__svg-option-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  shape-rendering: crispEdges;
}

.pb-illustration-header__svg-option-svg--flip {
  transform: rotate(180deg);
}

.pb-illustration-header__select-list.pb-select-list {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-illustration-header__select-list.pb-select-list {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-illustration-header__select-list.pb-select-list {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-illustration-header__batch-variables {
  display: flex;
}
.pb-illustration-header__batch-variables {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-illustration-header__batch-variables {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-illustration-header__batch-variables {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-illustration-image__img {
  position: absolute;
  pointer-events: none; /* Edge image overlay (#7392) also don't dragstart */
  width: 100%;
  height: 100%;
}

.pb-illustration-line-arrow__line {
  outline: none;
}

@keyframes pb-illustration-pivot-table--stale {
  to {
    opacity: 0.25;
  }
}
.pb-illustration-pivot-table__preview-guidance {
  margin: 1px 0 0 3px;
  font-style: italic;
  font-size: 13px;
}
.pb-illustration-pivot-table__preview-guidance {
  fill: hsl(198, 0%, 40%);
}
.theme-dark .pb-illustration-pivot-table__preview-guidance {
  fill: hsl(210, 16%, 93%);
}
.theme-legacy .pb-illustration-pivot-table__preview-guidance {
  fill: #212121;
}

.pb-illustration-pivot-table__svg {
  position: absolute;
  pointer-events: none;
}

.pb-illustration-pivot-table__plots {
  position: absolute;
  z-index: 0;
  overflow: hidden;
}

.pb-illustration-pivot-table__img {
  pointer-events: none; /* Edge image overlay (#7392) also don't drag */
  position: absolute;
}

.pb-illustration-pivot-table__img--stale {
  animation: pb-illustration-pivot-table--stale 0.5s ease-in-out 1s forwards;
}

.pb-illustration-pivot-table__legend {
  pointer-events: none;
  position: absolute;
  padding: 4px 2px;
  margin: -5px 0 0 -5px; /* position the content box */
  border: 1px dashed transparent;
}

.pb-illustration-pivot-table__legend--draggable {
  pointer-events: all;
  cursor: pointer;
}

.pb-illustration-pivot-table__legend--draggable:hover {
  border-color: #000;
}

@media (resolution: 2dppx), (-webkit-device-pixel-ratio: 2) {
  .pb-illustration-pivot-table__img {
    image-rendering: optimizeSpeed;
    image-rendering: pixelated;
  }
}
.pb-illustration-pivot-table-tooltip {
  max-width: 400px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  min-height: 3em;
  border-radius: var(--border-radius);
  padding: 0.5em;
  display: grid;
  gap: 0.25em 0.5em;
}

.pb-illustration-pivot-table-tooltip__heading {
  font-weight: bold;
  grid-area: auto/span 2;
  text-align: center;
}

.pb-illustration-pivot-table-tooltip__subheading {
  font-weight: bold;
  grid-area: auto/span 2;
  font-size: var(--font-size-small);
}

.pb-illustration-pivot-table-tooltip__annotation-name {
  text-align: right;
  font-size: var(--font-size-small);
}

.pb-illustration-pivot-table-tooltip__annotation-value {
  text-align: left;
  font-size: var(--font-size-small);
}

.pb-illustration-plotly-plot__plot {
  position: relative;
  z-index: 1; /* above .pb-illustration-plotly-plot__alerts */
}

.pb-illustration-plotly-plot__alerts {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.25rem;
  overflow: auto;
  left: 0.25rem;
}

.pb-illustration-plotly-plot__alert.pb-alert {
  position: relative;
  z-index: 1; /* above .pb-illustration-plotly-plot__plot */
  left: auto; /* TODO: .pb-alert should not be setting this */
  bottom: auto; /* TODO: .pb-alert should not be setting this */
}

.pb-illustration-plotly-plot__spinner {
  position: absolute;
  left: calc(50% - 0.5em);
  top: calc(50% - 0.5em);
}

.pb-illustration-shape {
  overflow: visible;
}

.pb-illustration-shape__rect {
  outline: none;
}

.pb-illustration-sidebar {
  border-left-style: solid;
  border-left-width: 1px;
  box-sizing: border-box;
  max-width: 75vi;
  min-height: 0;
  min-width: 320px;
  position: relative;
}
.pb-illustration-sidebar {
  border-color: hsl(198, 0%, 87%);
}
.theme-dark .pb-illustration-sidebar {
  border-color: hsl(203, 30%, 8%);
}
.theme-legacy .pb-illustration-sidebar {
  border-color: #cfcfcf;
}

/* override default padding since sidebar width isn't fixed */
.pb-illustration-sidebar__tabs > ul[role=tablist] {
  padding-left: 0.5rem;
}

.pb-illustration-sidebar__grip {
  position: absolute;
  left: -2px;
  top: 0;
  width: 4px;
  height: 100%;
  cursor: col-resize;
  z-index: 1;
}

.pb-illustration-sidebar__tabs {
  height: 100%;
  position: relative;
}

.pb-illustration-sidebar-analysis__content {
  container-name: analysis;
  container-type: inline-size;
  padding-bottom: 1rem;
}
.pb-illustration-sidebar-analysis__content {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-illustration-sidebar-analysis__content {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-illustration-sidebar-analysis__content {
  background-color: #ffffff;
}

.pb-illustration-sidebar-analysis__toolbar {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 0.25rem;
}

.pb-illustration-sidebar-analysis__toolbar-label {
  line-height: var(--subheader-height);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.pb-illustration-sidebar-analysis__toolbar-select {
  max-width: 25%;
}

.pb-illustration-sidebar-analysis__trigger {
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0 0 0 0.125rem;
  padding: 0;
}

.pb-illustration-sidebar-analysis__trigger--active .pb-illustration-sidebar-analysis__icon {
  position: relative;
}
.pb-illustration-sidebar-analysis__trigger--active .pb-illustration-sidebar-analysis__icon {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-illustration-sidebar-analysis__trigger--active .pb-illustration-sidebar-analysis__icon {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-illustration-sidebar-analysis__trigger--active .pb-illustration-sidebar-analysis__icon {
  color: #3f51b5;
}

.pb-illustration-sidebar-analysis__related {
  margin-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 1rem;
}

.pb-illustration-sidebar-analysis__related-filters {
  align-items: baseline;
  column-gap: 0.375rem;
  display: grid;
  grid-template-columns: max-content 1fr 24px;
  margin-top: 0.5rem;
  row-gap: 0.5rem;
}

.pb-illustration-sidebar-analysis__related-filter {
  display: contents;
}

.pb-illustration-sidebar-analysis__related-filter > span {
  justify-self: end;
}

.pb-illustration-sidebar-analysis__add-related-filter {
  display: contents;
  margin-top: 0.25rem;
}

.pb-illustration-sidebar-analysis__add-related-button {
  grid-column-start: 2;
  justify-self: start;
  /* Left-align the button content rather than its border */
  left: -0.5rem;
  position: relative;
}

.pb-illustration-sidebar-analysis__add-related-filter:first-child .pb-illustration-sidebar-analysis__add-related-button {
  left: 0;
}

.pb-illustration-sidebar-analysis__delete-button {
  height: 24px;
}

.pb-illustration-sidebar-analysis__plot {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 1rem 0 0.75rem;
}
.pb-illustration-sidebar-analysis__plot {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 87%);
}
.theme-dark .pb-illustration-sidebar-analysis__plot {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(203, 30%, 8%);
}
.theme-legacy .pb-illustration-sidebar-analysis__plot {
  background-color: #ffffff;
  border-color: #cfcfcf;
}

@container analysis (width > 450px) {
  .pb-illustration-sidebar-analysis__plot {
    flex-wrap: nowrap;
  }
}
.pb-illustration-sidebar-analysis__plot + .pb-illustration-sidebar-analysis__plot {
  margin-top: 0.5rem;
}

.pb-illustration-sidebar-analysis__plot-image {
  background-color: white;
  image-rendering: pixelated;
  width: 256px;
}

.pb-illustration-sidebar-analysis__plot-attributes {
  list-style: none;
  min-width: 140px;
  padding-left: 0.5rem;
  padding-right: 0.25rem;
}

.pb-illustration-sidebar-analysis__plot-attribute {
  text-indent: 0.5rem hanging;
  word-break: break-all;
}

.pb-illustration-sidebar-analysis__attribute-selector,
.pb-illustration-sidebar-analysis__attribute-sorter,
.pb-illustration-sidebar-analysis__plot-settings {
  outline: none;
  line-height: normal;
  padding: 0.75rem;
}
.pb-illustration-sidebar-analysis__attribute-selector,
.pb-illustration-sidebar-analysis__attribute-sorter,
.pb-illustration-sidebar-analysis__plot-settings {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-illustration-sidebar-analysis__attribute-selector,
.theme-dark .pb-illustration-sidebar-analysis__attribute-sorter,
.theme-dark .pb-illustration-sidebar-analysis__plot-settings {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-illustration-sidebar-analysis__attribute-selector,
.theme-legacy .pb-illustration-sidebar-analysis__attribute-sorter,
.theme-legacy .pb-illustration-sidebar-analysis__plot-settings {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-illustration-sidebar-analysis__plot-settings {
  width: 9rem;
}

.pb-illustration-sidebar-analysis__plot-load {
  margin-top: 0.5rem;
  text-align: center;
}

.pb-illustration-sidebar-analysis__note {
  padding: 0 0.75rem;
}

.pb-illustration-sidebar-download__single.pb-button,
.pb-illustration-sidebar-download__single.pb-toggle,
.pb-illustration-sidebar-download__single.pb-checkbox {
  display: block;
}

.pb-illustration-sidebar-download__single {
  margin: 16px 12px;
}

.pb-illustration-sidebar-settings {
  height: 100%;
  overflow: auto;
  position: relative; /* spacer gets its offsetTop checked */
}

.pb-illustration-sidebar-settings__format {
  padding: 0.5rem;
  margin: 16px 12px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
}
.pb-illustration-sidebar-settings__format {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 87%);
}
.theme-dark .pb-illustration-sidebar-settings__format {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(203, 30%, 8%);
}
.theme-legacy .pb-illustration-sidebar-settings__format {
  background-color: #ffffff;
  border-color: #cfcfcf;
}

.pb-illustration-sidebar-settings__format-title {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.2em;
  margin: 0 0 8px 0;
}
.pb-illustration-sidebar-settings__format-title {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-illustration-sidebar-settings__format-title {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-illustration-sidebar-settings__format-title {
  color: #424242;
}

.pb-illustration-sidebar-settings__format-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.pb-illustration-sidebar-settings__single.pb-button,
.pb-illustration-sidebar-settings__single.pb-toggle,
.pb-illustration-sidebar-settings__single.pb-checkbox {
  display: block;
}

.pb-illustration-sidebar-settings__single {
  margin: 16px 12px;
}

.pb-illustration-sidebar-settings__horiz {
  display: flex;
  margin: 16px 12px;
  align-items: baseline; /* this actually aligns the labels but it works */
  justify-content: space-between;
}

.pb-illustration-sidebar-settings__file-stepper {
  min-width: 0;
  align-self: start; /* TODO synthesize baseline. doesn't line up perfectly */
}

.pb-illustration-sidebar-settings__pitch {
  width: 4rem;
}

.pb-illustration-sidebar-settings__dimension-sort {
  margin-left: 4px;
}

.pb-illustration-sidebar-settings__dimension-sort:only-child {
  margin-left: auto;
}

.pb-illustration-sidebar-settings__order-row {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.pb-illustration-sidebar-settings__prefilter-row {
  display: flex;
  margin: 16px 12px;
  align-items: baseline;
}

.pb-illustration-sidebar-settings__prefilter-select {
  flex: auto;
}

.pb-illustration-sidebar-settings__add-prefilter-wrap {
  display: flex;
}

.pb-illustration-sidebar-settings__add-prefilter {
  margin: auto;
  flex: none;
}

.pb-illustration-sidebar-settings__invisible {
  visibility: hidden;
}

.pb-illustration-sidebar-settings__flex {
  flex: auto;
}

.pb-illustration-sidebar-settings__inflex {
  flex: none;
}

.pb-illustration-sidebar-settings__staining {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.pb-illustration-sidebar-settings__staining-population {
  flex: auto;
  width: 50%;
}

.pb-illustration-sidebar-settings__mode {
  display: grid;
  grid: auto/max-content max-content;
  justify-content: center;
  align-items: baseline;
  gap: 0.5em 0.75em;
}

.pb-illustration-sidebar-settings__add-col {
  margin: 16px auto;
  display: block;
}

.pb-illustration-sidebar-settings__scale-eqn {
  font-style: italic;
  padding-left: 0.333rem;
}
.pb-illustration-sidebar-settings__scale-eqn {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-illustration-sidebar-settings__scale-eqn {
  color: hsl(203, 3%, 61%);
}
.theme-legacy .pb-illustration-sidebar-settings__scale-eqn {
  color: #757575;
}

.pb-illustration-sidebar-settings__range {
  width: 5em;
}

.pb-illustration-sidebar-settings__range + .pb-illustration-sidebar-settings__range {
  margin-left: 1em;
}

.pb-illustration-sidebar-settings__qc {
  width: 5em;
}

.pb-illustration-sidebar-settings__qc + .pb-illustration-sidebar-settings__qc {
  margin-left: 1em;
}

.pb-illustration-sidebar-settings__reorder-and-category {
  display: flex;
}

.pb-illustration-sidebar-settings__inline-radio {
  margin-left: 0.25em;
}

.pb-illustration-sidebar-settings__edit-button {
  flex: none;
  padding: 0 0.25rem;
  margin-left: 0.25rem;
  min-width: auto;
}

.pb-illustration-sidebar-settings__small-horiz-input.pb-input {
  min-width: 0; /* TODO why does pbinput specify a min width? */
  width: 6em;
  margin-left: 0.25em;
}

.pb-illustration-sidebar-settings__explanation {
  font-size: var(--font-size-small-plus);
}

.pb-illustration-sidebar-settings__populations-sticker {
  display: flex;
  flex-flow: column nowrap;
  border: var(--border-width) solid;
  border-radius: var(--border-radius);
  outline: none;
}
.pb-illustration-sidebar-settings__populations-sticker {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-illustration-sidebar-settings__populations-sticker {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-illustration-sidebar-settings__populations-sticker {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-illustration-sidebar-settings__populations-radios {
  border-radius: var(--border-radius);
  padding: 0.5rem;
  flex: none;
}
.pb-illustration-sidebar-settings__populations-radios {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-illustration-sidebar-settings__populations-radios {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-illustration-sidebar-settings__populations-radios {
  background-color: #fafafa;
}

.pb-illustration-sidebar-settings__populations-nsel {
  max-height: 1000px;
}

/* mini components not worth adding to our component tree */
.pb-batch-block {
  display: flex;
  align-items: baseline;
  margin: 16px 12px;
}

.pb-batch-block--wrapped {
  flex: auto;
  margin: 0;
}

.pb-batch-block__checkbox-wrap {
  text-align: center;
}

.pb-batch-block__checkbox-col.pb-select-main {
  min-width: 0;
  flex: none;
  margin-right: 8px;
  width: 2.3em;
  text-align: center;
}

.pb-batch-block__value-col {
  flex: auto;
}

.pb-batch-block__value-main {
  width: 100%; /* https://bugzilla.mozilla.org/show_bug.cgi?id=1632200 */
}

.pb-batch-block__value-main--wrap .pb-select-main__button {
  height: auto;
  white-space: normal;
}

.pb-batch-block__show-batching-dialog {
  margin-top: var(--batch-block-button-margin);
}

.pb-batch-block .pb-stepper {
  margin-top: 0.125rem;
}

.pb-reorder-items {
  margin: 16px 12px;
  padding: 8px 12px;
  border-radius: var(--border-radius);
}
.pb-reorder-items {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-reorder-items {
  background-color: hsl(201, 30%, 13%);
}
.theme-legacy .pb-reorder-items {
  background-color: #f5f5f5;
}

.pb-reorder-items__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.pb-reorder-items__controls {
  flex: none;
}

.pb-reorder-items__control--disabled {
  visibility: hidden;
}

.pb-illustration-stats-plot__plot {
  position: relative;
  z-index: 1; /* above .pb-illustration-stats-plot__alerts */
}

.pb-illustration-stats-plot__label-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* Split for the sake of e2e tests */
.pb-illustration-stats-plot__x-axis,
.pb-illustration-stats-plot__y-axis,
.pb-illustration-stats-plot__x-ticks,
.pb-illustration-stats-plot__y-ticks,
.pb-illustration-stats-plot__x-ticks-ann,
.pb-illustration-stats-plot__y-ticks-ann,
.pb-illustration-ce-model._id,
.pb-illustration-stats-plot__legend-ticks {
  position: relative;
  font-family: Roboto, "Helvetia Neue", sans-serif;
  fill: #444;
}

.pb-illustration-stats-plot__html-clip {
  overflow: hidden;
  position: absolute;
}

.pb-illustration-stats-plot__alert-signpost.pb-signpost {
  position: absolute;
  padding: 0.25rem;
  z-index: 1; /* above .pb-illustration-stats-plot__plot */
}

.pb-illustration-stats-plot__alert-signpost-ul {
  padding-left: 0.85rem;
  margin: 0;
}

.pb-illustration-stats-plot__spinner {
  position: absolute;
  transform: translate(-50%, -50%);
}

.pb-illustration-stats-plot-tooltip {
  max-width: 400px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  min-height: 3em;
  border-radius: var(--border-radius);
  padding: 0.5em;
  gap: 0.25em 0.5em;
  display: grid;
}

.pb-illustration-stats-plot-tooltip__annotation-name {
  text-align: right;
  font-size: var(--font-size-small);
}

.pb-illustration-stats-plot-tooltip__annotation-value {
  text-align: left;
  font-size: var(--font-size-small);
}

.pb-illustration-stats-plot-tooltip__heading {
  font-weight: bold;
  grid-area: auto/span 2;
  text-align: center;
}

.pb-illustration-stats-plot-tooltip__subheading {
  font-weight: bold;
  grid-area: auto/span 2;
  font-size: var(--font-size-small);
}

.pb-illustration-stats-table--stale {
  transition: opacity 0.5s ease-in-out 1s;
  opacity: 0.25;
}

.pb-illustration-stats-table canvas {
  position: absolute;
  left: 0;
  top: 0;
}

.pb-illustration-stats-table table {
  clip-path: inset(2px); /* dragging aid */
  table-layout: fixed;
  width: 0;
  border-collapse: collapse;
  white-space: nowrap;
  font-size: var(--font-size);
  user-select: text;
  cursor: text;
}

.pb-illustration-stats-table thead {
  text-align: left;
  font-size: calc(var(--font-size) * 0.85);
}

.pb-illustration-stats-table tr,
.pb-illustration-stats-table tbody tr {
  height: var(--row-height);
  line-height: var(--row-height);
}

.pb-illustration-stats-table__cell {
  border: 0;
  padding: 0;
  position: relative;
}

.pb-illustration-stats-table__cell-inner {
  position: absolute;
  inset: 0 var(--horizontal-cell-padding);
  overflow: clip;
}

.pb-illustration-stats-table__signpost.pb-signpost {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
}

.pb-illustration-text-box {
  padding: 2px; /* give cursor some space */
}

.pb-illustration-text-box__interpolated-variable {
  border: 1px dashed #aaa;
  border-radius: 3px;
  cursor: pointer;
  font-weight: normal;
}

strong .pb-illustration-text-box__interpolated-variable {
  font-weight: bold;
}

.pb-illustration-text-box__background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.pb-illustration-text-box__quill {
  font-family: Arimo, Arial, sans-serif;
  font-size: 12px;
  cursor: text;
}

.pb-illustration-text-box__quill .ql-editor {
  overflow: visible;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: var(--justify-content);
}

.pb-illustration-text-box__quill .ql-editor .ql-font-monospace {
  font-family: Cousine, "Courier New", monospace;
}

.pb-illustration-text-box__quill .ql-editor .ql-font-serif {
  font-family: Tinos, "Times New Roman", serif;
}

.pb-illustration-text-box__quill .ql-editor.ql-blank::before {
  left: 0;
  right: 0;
}

.pb-illustration-text-box__quill .attachment {
  pointer-events: none; /* Edge image overlay (#7392) */
}

.pb-import-annotations-wizard {
  --controls-padding: 0.675rem 1rem 0 1rem;
}

.material .pb-import-annotations-wizard {
  --controls-padding: 0.75rem 1rem 0 1rem;
}

.pb-import-annotations-wizard { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: flex;
  height: 75vh;
  width: 75vw;
}
.pb-import-annotations-wizard {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-import-annotations-wizard {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-import-annotations-wizard {
  background-color: #ffffff;
}

.pb-import-annotations-wizard__nav {
  flex: none;
  overflow: auto;
}
.pb-import-annotations-wizard__nav {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-import-annotations-wizard__nav {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-import-annotations-wizard__nav {
  background-color: #ffffff;
}

.pb-import-annotations-wizard__title,
.pb-import-annotations-wizard__heading {
  font-size: 1.1rem;
  font-weight: var(--font-h1-weight);
  letter-spacing: var(--font-h1-letter-spacing);
  line-height: 1.2rem;
  margin: 0;
  padding-bottom: 1.2rem;
  padding-top: 1.2rem;
}
.pb-import-annotations-wizard__title,
.pb-import-annotations-wizard__heading {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-import-annotations-wizard__title,
.theme-dark .pb-import-annotations-wizard__heading {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-import-annotations-wizard__title,
.theme-legacy .pb-import-annotations-wizard__heading {
  color: #000000;
}

.pb-import-annotations-wizard__title {
  padding-left: 1.2rem;
  padding-right: 0.6rem;
}

.pb-import-annotations-wizard__list {
  list-style: none;
  margin: 0;
  padding-left: 1rem;
}

.pb-import-annotations-wizard__item {
  font-weight: 400;
  margin: 0 0 -0.05rem;
  padding: 0.3rem 0 0.3rem 0.4rem;
}
.pb-import-annotations-wizard__item {
  color: hsl(198, 0%, 20%);
  box-shadow: inset 0.2rem 0 0 hsl(0, 0%, 89%);
}
.theme-dark .pb-import-annotations-wizard__item {
  color: hsl(203, 16%, 72%);
  box-shadow: inset 0.2rem 0 0 hsl(200, 30%, 12%);
}
.theme-legacy .pb-import-annotations-wizard__item {
  color: #000000;
  box-shadow: inset 0.2rem 0 0 #f5f5f5;
}

.pb-import-annotations-wizard__item:hover {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-import-annotations-wizard__item:hover {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-import-annotations-wizard__item:hover {
  color: #1a237e;
}

.pb-import-annotations-wizard__item--disabled {
  pointer-events: none;
}
.pb-import-annotations-wizard__item--disabled {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-import-annotations-wizard__item--disabled {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-import-annotations-wizard__item--disabled {
  color: #424242;
}

.pb-import-annotations-wizard__item--success {
  transition: box-shadow 0.2s ease-in;
}
.pb-import-annotations-wizard__item--success {
  box-shadow: inset 0.2rem 0 0 hsl(93, 100%, 26%);
}
.theme-dark .pb-import-annotations-wizard__item--success {
  box-shadow: inset 0.2rem 0 0 hsl(92, 79%, 40%);
}
.theme-legacy .pb-import-annotations-wizard__item--success {
  box-shadow: inset 0.2rem 0 0 #5eb715;
}

.pb-import-annotations-wizard__nav-button {
  align-items: center;
  display: flex;
  cursor: pointer;
  font-size: 0.7rem;
  letter-spacing: normal;
  height: 1.8rem;
  margin: 0;
  padding: 0 0.15rem 0 0.5rem;
}

.pb-import-annotations-wizard__item--active .pb-import-annotations-wizard__nav-button {
  border-radius: 0.15rem 0 0 0.15rem;
  cursor: default;
}
.pb-import-annotations-wizard__item--active .pb-import-annotations-wizard__nav-button {
  background-color: hsl(201, 29%, 88%);
}
.theme-dark .pb-import-annotations-wizard__item--active .pb-import-annotations-wizard__nav-button {
  background-color: hsl(203, 32%, 29%);
}
.theme-legacy .pb-import-annotations-wizard__item--active .pb-import-annotations-wizard__nav-button {
  background-color: #d7ddf4;
}

.pb-import-annotations-wizard__nav-button:focus {
  outline: none;
}

.pb-import-annotations-wizard__main {
  display: flex;
  flex-direction: column;
  flex: auto;
  min-width: 0;
}

.pb-import-annotations-wizard__pane {
  display: flex;
  flex-direction: column;
  flex: auto;
  min-height: 0;
}

.pb-import-annotations-wizard__heading {
  flex: none;
  padding-left: 1rem;
  padding-right: 1rem;
}

.pb-import-annotations-wizard__controls {
  flex: auto;
  overflow: auto;
  padding: var(--controls-padding);
}
.pb-import-annotations-wizard__controls {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-import-annotations-wizard__controls {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-import-annotations-wizard__controls {
  color: #000000;
}

.pb-import-annotations-wizard__controls--keys {
  display: grid;
  /* we want a max of 10em for the first two columns. the second two columns  */
  /* are taken by the preview table. we use the 0, 10em for those columns as  */
  /* a trick to get the table to consume half of the negative space for small */
  /* browser windows, and the 1fr is to eat the positive space.               */
  grid: min-content minmax(auto, max-content) min-content/repeat(4, minmax(0, 10em)) 1fr;
  gap: 1em 1em;
  position: relative;
  min-height: 0;
}

.pb-import-annotations-wizard__subheading {
  font-size: var(--font-h4-size);
  font-weight: var(--font-h4-weight);
  letter-spacing: var(--font-h4-letter-spacing);
  margin-top: 0;
}
.pb-import-annotations-wizard__subheading {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-import-annotations-wizard__subheading {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-import-annotations-wizard__subheading {
  color: #000000;
}

.pb-import-annotations-wizard__paste {
  box-sizing: border-box;
  display: block;
  font: inherit;
  line-height: 1.2;
  margin: 1rem 0;
  max-height: calc(1px + 0.25em + 30em + 0.25em + 1px); /* 25 rows */
  min-height: calc(1px + 0.25em + 6em + 0.25em + 1px); /* 5 rows */
  padding: 0.25em 0.5em;
  resize: vertical;
  width: 100%;
}

.pb-import-annotations-wizard__warning {
  margin: 1rem 0;
}
.pb-import-annotations-wizard__warning {
  color: hsl(9, 100%, 44%);
}
.theme-dark .pb-import-annotations-wizard__warning {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-import-annotations-wizard__warning {
  color: #d50000;
}

.pb-import-annotations-wizard__alert {
  margin: 1rem 0;
}

.pb-import-annotations-wizard__dropzone {
  margin: 1rem 0;
  text-align: center;
  padding: 1em;
  overflow: hidden;
  position: relative;
}
.pb-import-annotations-wizard__dropzone {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-import-annotations-wizard__dropzone {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-import-annotations-wizard__dropzone {
  color: #424242;
}

.pb-import-annotations-wizard__dropzone--has-file {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-import-annotations-wizard__dropzone--has-file {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-import-annotations-wizard__dropzone--has-file {
  color: #212121;
}

.pb-import-annotations-wizard__paste,
.pb-import-annotations-wizard__dropzone {
  border-radius: 4px;
}
.pb-import-annotations-wizard__paste,
.pb-import-annotations-wizard__dropzone {
  border: 1px dashed hsl(203, 16%, 72%);
}
.theme-dark .pb-import-annotations-wizard__paste,
.theme-dark .pb-import-annotations-wizard__dropzone {
  border: 1px dashed hsl(203, 16%, 72%);
}
.theme-legacy .pb-import-annotations-wizard__paste,
.theme-legacy .pb-import-annotations-wizard__dropzone {
  border: 1px dashed #cccccc;
}

.pb-import-annotations-wizard__file-input {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 100vh;
  opacity: 0;
  cursor: pointer;
}

.pb-import-annotations-wizard__file-sheets.pb-select {
  display: inline-block;
  margin-left: 0.5em;
}

.pb-import-annotations-wizard__header-row-input.pb-input {
  display: inline-grid;
  margin-left: 0.5em;
  width: 4rem;
}

.pb-import-annotations-wizard__keep-replace {
  margin: 1rem 0;
  line-height: 1.4;
}

.pb-import-annotations-wizard__keep-replace-radio.pb-radio {
  display: block;
}

.pb-import-annotations-wizard__footer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: 1rem;
}

.pb-import-annotations-wizard__footer-button {
  min-width: 4rem;
}

.pb-import-annotations-wizard__footer-button + .pb-import-annotations-wizard__footer-button {
  margin-left: 0.6rem;
}

.pb-import-annotations-wizard__subheading--choose-match {
  grid-area: 1/1/span 1/span 2;
  margin: 0;
}

.pb-import-annotations-wizard__source-select {
  grid-area: 2/1/span 1/span 1;
  min-height: 0;
}

.pb-import-annotations-wizard__destination-select {
  grid-area: 2/2/span 1/span 1;
  min-height: 0;
}

.pb-import-annotations-wizard__subheading--choose-import {
  grid-area: 3/1/span 1/span 2;
  margin: 0;
}

.pb-import-annotations-wizard__select-columns {
  grid-area: 4/1/span 1/span 2;
  min-height: 0;
}

.pb-import-annotations-wizard__subheading--preview {
  grid-area: 1/3/1/span 3;
  margin: 0;
}

.pb-import-annotations-wizard__preview-area {
  grid-area: 2/3/span 3/span 3;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
}

.pb-import-annotations-wizard__cell--changed {
  background-color: hsl(49, 98%, 51%);
}
.theme-dark .pb-import-annotations-wizard__cell--changed {
  background-color: hsl(38, 100%, 28%);
}
.theme-legacy .pb-import-annotations-wizard__cell--changed {
  background-color: #feecb5;
}

.pb-import-fcsfiles-wizard {
  --wizard-padding: 1rem;
}

.pb-import-fcsfiles-wizard { /* stylelint-disable-line no-duplicate-selectors */
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: flex;
  height: 75vh;
  width: 75vw;
}
.pb-import-fcsfiles-wizard {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-import-fcsfiles-wizard {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-import-fcsfiles-wizard {
  background-color: #ffffff;
}

.pb-import-fcsfiles-wizard__nav {
  flex: none;
  overflow: auto;
}
.pb-import-fcsfiles-wizard__nav {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-import-fcsfiles-wizard__nav {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-import-fcsfiles-wizard__nav {
  background-color: #ffffff;
}

.pb-import-fcsfiles-wizard__title,
.pb-import-fcsfiles-wizard__heading {
  font-size: 1.1rem;
  font-weight: var(--font-h1-weight);
  letter-spacing: var(--font-h1-letter-spacing);
  line-height: 1.2rem;
  margin: 0;
  padding-top: 1.2rem;
}
.pb-import-fcsfiles-wizard__title,
.pb-import-fcsfiles-wizard__heading {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-import-fcsfiles-wizard__title,
.theme-dark .pb-import-fcsfiles-wizard__heading {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-import-fcsfiles-wizard__title,
.theme-legacy .pb-import-fcsfiles-wizard__heading {
  color: #000000;
}

.pb-import-fcsfiles-wizard__title {
  padding-bottom: 1.2rem;
  padding-left: 1.2rem;
  padding-right: 0.6rem;
}

.pb-import-fcsfiles-wizard__heading {
  flex-grow: 0;
  flex-shrink: 0;
  padding-bottom: 2rem;
  padding-left: var(--wizard-padding);
  padding-right: var(--wizard-padding);
}

.pb-import-fcsfiles-wizard__subheading {
  font-size: var(--font-h4-size);
  font-weight: var(--font-h4-weight);
  letter-spacing: var(--font-h4-letter-spacing);
  margin-top: -0.125rem;
}
.pb-import-fcsfiles-wizard__subheading {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-import-fcsfiles-wizard__subheading {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-import-fcsfiles-wizard__subheading {
  color: #000000;
}

.pb-import-fcsfiles-wizard__list {
  list-style: none;
  margin: 0;
  padding-left: 1rem;
}

.pb-import-fcsfiles-wizard__item {
  font-weight: 400;
  margin: 0 0 -0.05rem;
  padding: 0.3rem 0 0.3rem 0.4rem;
}
.pb-import-fcsfiles-wizard__item {
  color: hsl(198, 0%, 20%);
  box-shadow: inset 0.2rem 0 0 hsl(0, 0%, 89%);
}
.theme-dark .pb-import-fcsfiles-wizard__item {
  color: hsl(203, 16%, 72%);
  box-shadow: inset 0.2rem 0 0 hsl(200, 30%, 12%);
}
.theme-legacy .pb-import-fcsfiles-wizard__item {
  color: #000000;
  box-shadow: inset 0.2rem 0 0 #f5f5f5;
}

.pb-import-fcsfiles-wizard__item:hover {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-import-fcsfiles-wizard__item:hover {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-import-fcsfiles-wizard__item:hover {
  color: #1a237e;
}

.pb-import-fcsfiles-wizard__item--active {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-import-fcsfiles-wizard__item--active {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-import-fcsfiles-wizard__item--active {
  color: #000000;
}

.pb-import-fcsfiles-wizard__item--disabled {
  pointer-events: none;
}
.pb-import-fcsfiles-wizard__item--disabled {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-import-fcsfiles-wizard__item--disabled {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-import-fcsfiles-wizard__item--disabled {
  color: #424242;
}

.pb-import-fcsfiles-wizard__item--success {
  transition: box-shadow 0.2s ease-in;
}
.pb-import-fcsfiles-wizard__item--success {
  box-shadow: inset 0.2rem 0 0 hsl(93, 100%, 26%);
}
.theme-dark .pb-import-fcsfiles-wizard__item--success {
  box-shadow: inset 0.2rem 0 0 hsl(92, 79%, 40%);
}
.theme-legacy .pb-import-fcsfiles-wizard__item--success {
  box-shadow: inset 0.2rem 0 0 #5eb715;
}

.pb-import-fcsfiles-wizard__nav-button {
  align-items: center;
  display: flex;
  cursor: pointer;
  font-size: 0.7rem;
  letter-spacing: normal;
  height: 1.8rem;
  margin: 0;
  padding: 0 0.15rem 0 0.5rem;
}

.pb-import-fcsfiles-wizard__nav-button:focus {
  outline: none;
}

.pb-import-fcsfiles-wizard__item--active .pb-import-fcsfiles-wizard__nav-button {
  border-bottom-left-radius: 0.15rem;
  border-top-left-radius: 0.15rem;
  cursor: default;
}
.pb-import-fcsfiles-wizard__item--active .pb-import-fcsfiles-wizard__nav-button {
  background-color: hsl(201, 29%, 88%);
}
.theme-dark .pb-import-fcsfiles-wizard__item--active .pb-import-fcsfiles-wizard__nav-button {
  background-color: hsl(203, 32%, 29%);
}
.theme-legacy .pb-import-fcsfiles-wizard__item--active .pb-import-fcsfiles-wizard__nav-button {
  background-color: #d7ddf4;
}

.pb-import-fcsfiles-wizard__nav-button-subtext {
  display: flex;
  margin-left: 0.25rem;
}

.pb-import-fcsfiles-wizard__main {
  display: flex;
  flex: auto;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}

.pb-import-fcsfiles-wizard__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}

.pb-import-fcsfiles-wizard__pane {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}

.pb-import-fcsfiles-wizard__controls {
  border-width: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  padding: 0 var(--wizard-padding);
}

.pb-import-fcsfiles-wizard__experiments {
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}

.pb-import-fcsfiles-wizard__footer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: var(--wizard-padding);
}

.pb-import-fcsfiles-wizard__footer-button {
  min-width: 4rem;
}

.pb-import-fcsfiles-wizard__footer-button + .pb-import-fcsfiles-wizard__footer-button {
  margin-left: 0.6rem;
}

.pb-import-resources-wizard {
  --wizard-padding: 1rem;
}

.pb-import-resources-wizard { /* stylelint-disable-line no-duplicate-selectors */
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: flex;
  height: 75vh;
  width: 75vw;
}
.pb-import-resources-wizard {
  background-color: hsl(198, 0%, 98%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-import-resources-wizard {
  background-color: hsl(201, 30%, 15%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-import-resources-wizard {
  background-color: #ffffff;
  color: #212121;
}

.pb-import-resources-wizard__alert {
  margin-inline: 1rem;
}

.pb-import-resources-wizard__nav {
  width: 19em;
  flex: none;
  overflow: auto;
  z-index: 0;
}
.pb-import-resources-wizard__nav {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-import-resources-wizard__nav {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-import-resources-wizard__nav {
  background-color: #ffffff;
}

.pb-import-resources-wizard__title,
.pb-import-resources-wizard__heading {
  font-size: 1.1rem;
  font-weight: var(--font-h1-weight);
  letter-spacing: var(--font-h1-letter-spacing);
  line-height: 1.2rem;
  margin: 0;
  padding-top: 1.2rem;
}
.pb-import-resources-wizard__title,
.pb-import-resources-wizard__heading {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-import-resources-wizard__title,
.theme-dark .pb-import-resources-wizard__heading {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-import-resources-wizard__title,
.theme-legacy .pb-import-resources-wizard__heading {
  color: #000000;
}

.pb-import-resources-wizard__title {
  padding-bottom: 1.2rem;
  padding-left: 1.2rem;
  padding-right: 0.6rem;
}

.pb-import-resources-wizard__heading {
  flex-grow: 0;
  flex-shrink: 0;
  padding-bottom: 2rem;
  padding-left: var(--wizard-padding);
  padding-right: var(--wizard-padding);
}

.pb-import-resources-wizard__subheading {
  font-size: var(--font-h4-size);
  font-weight: var(--font-h4-weight);
  letter-spacing: var(--font-h4-letter-spacing);
  margin-top: -0.125rem;
}
.pb-import-resources-wizard__subheading {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-import-resources-wizard__subheading {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-import-resources-wizard__subheading {
  color: #000000;
}

.pb-import-resources-wizard__list {
  list-style: none;
  margin: 0;
  padding-left: 1rem;
}

.pb-import-resources-wizard__item {
  font-weight: 400;
  margin: 0 0 -0.05rem;
  padding: 0.3rem 0 0.3rem 0.4rem;
}
.pb-import-resources-wizard__item {
  color: hsl(198, 0%, 20%);
  box-shadow: inset 0.2rem 0 0 hsl(0, 0%, 89%);
}
.theme-dark .pb-import-resources-wizard__item {
  color: hsl(203, 16%, 72%);
  box-shadow: inset 0.2rem 0 0 hsl(200, 30%, 12%);
}
.theme-legacy .pb-import-resources-wizard__item {
  color: #000000;
  box-shadow: inset 0.2rem 0 0 #f5f5f5;
}

.pb-import-resources-wizard__item:hover {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-import-resources-wizard__item:hover {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-import-resources-wizard__item:hover {
  color: #1a237e;
}

.pb-import-resources-wizard__item--active {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-import-resources-wizard__item--active {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-import-resources-wizard__item--active {
  color: #000000;
}

.pb-import-resources-wizard__item--disabled {
  pointer-events: none;
}
.pb-import-resources-wizard__item--disabled {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-import-resources-wizard__item--disabled {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-import-resources-wizard__item--disabled {
  color: #424242;
}

.pb-import-resources-wizard__item--success {
  transition: box-shadow 0.2s ease-in;
}
.pb-import-resources-wizard__item--success {
  box-shadow: inset 0.2rem 0 0 hsl(93, 100%, 26%);
}
.theme-dark .pb-import-resources-wizard__item--success {
  box-shadow: inset 0.2rem 0 0 hsl(92, 79%, 40%);
}
.theme-legacy .pb-import-resources-wizard__item--success {
  box-shadow: inset 0.2rem 0 0 #5eb715;
}

.pb-import-resources-wizard__nav-button {
  align-items: center;
  display: flex;
  cursor: pointer;
  font-size: 0.7rem;
  letter-spacing: normal;
  height: 1.8rem;
  margin: 0;
  padding: 0 0.15rem 0 0.5rem;
}

.pb-import-resources-wizard__nav-button:focus {
  outline: none;
}

.pb-import-resources-wizard__item--active .pb-import-resources-wizard__nav-button {
  border-bottom-left-radius: 0.15rem;
  border-top-left-radius: 0.15rem;
  cursor: default;
}
.pb-import-resources-wizard__item--active .pb-import-resources-wizard__nav-button {
  background-color: hsl(201, 29%, 88%);
}
.theme-dark .pb-import-resources-wizard__item--active .pb-import-resources-wizard__nav-button {
  background-color: hsl(203, 32%, 29%);
}
.theme-legacy .pb-import-resources-wizard__item--active .pb-import-resources-wizard__nav-button {
  background-color: #d7ddf4;
}

.pb-import-resources-wizard__nav-button-subtext {
  display: flex;
  margin-left: 0.25rem;
}

.pb-import-resources-wizard__main {
  display: flex;
  flex: auto;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  z-index: 0;
}

.pb-import-resources-wizard__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}

.pb-import-resources-wizard__pane {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}

.pb-import-resources-wizard__controls {
  border-width: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  padding: 0 var(--wizard-padding);
}

.pb-import-resources-wizard__experiments {
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
  margin-bottom: 1.5rem;
}

.pb-import-resources-wizard__control {
  margin-top: 1rem;
}

.pb-import-resources-wizard__table-wrap {
  border-radius: var(--border-radius);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--border-width);
  flex-shrink: 1;
  margin-top: 1rem;
  min-height: 0;
  overflow: auto;
}
.pb-import-resources-wizard__table-wrap {
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-import-resources-wizard__table-wrap {
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-import-resources-wizard__table-wrap {
  border-color: #e0e0e0;
}

.pb-import-resources-wizard__table-wrap:first-child {
  margin-top: 0;
}

.pb-import-resources-wizard__table {
  border-collapse: collapse;
  border-width: 0;
  margin: 0;
  table-layout: auto;
  width: 100%;
}

.pb-import-resources-wizard__table thead,
.pb-import-resources-wizard__table tr {
  border-width: 0;
  height: 1rem; /* height in table rows is acts as min-height */
  padding: 0;
}

.pb-import-resources-wizard__tr:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-import-resources-wizard__tr:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-import-resources-wizard__tr:hover {
  background-color: #f5f5f5;
}

.pb-import-resources-wizard__tr--selectable:hover {
  cursor: pointer;
}

.pb-import-resources-wizard__th {
  border-width: 0;
  font-size: 0.4585rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  position: sticky;
  top: 0;
  z-index: 1;
}
.pb-import-resources-wizard__th {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-import-resources-wizard__th {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-import-resources-wizard__th {
  background-color: #fafafa;
}

.pb-import-resources-wizard__th,
.pb-import-resources-wizard__td {
  box-sizing: border-box;
  padding: 0.125rem 0.25rem;
  text-align: left;
}

.pb-import-resources-wizard__td {
  font-size: var(--font-size);
  vertical-align: middle;
}

.pb-import-resources-wizard__td--loading {
  font-style: italic;
  text-align: center;
}

.pb-import-resources-wizard__table tr:nth-child(2) .pb-import-resources-wizard__th {
  top: 1rem;
}

.pb-import-resources-wizard__table thead tr:last-child .pb-import-resources-wizard__th {
  border-bottom-style: solid;
  border-bottom-width: var(--border-width);
}
.pb-import-resources-wizard__table thead tr:last-child .pb-import-resources-wizard__th {
  border-bottom-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-import-resources-wizard__table thead tr:last-child .pb-import-resources-wizard__th {
  border-bottom-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-import-resources-wizard__table thead tr:last-child .pb-import-resources-wizard__th {
  border-bottom-color: #e0e0e0;
}

.pb-import-resources-wizard__table-wrap--revisions {
  max-height: 8rem;
}

.pb-import-resources-wizard__table--revisions th:first-child,
.pb-import-resources-wizard__table--revisions td:first-child {
  width: 1.5rem;
}

.pb-import-resources-wizard__table--revisions th:nth-child(2),
.pb-import-resources-wizard__table--revisions td:nth-child(2),
.pb-import-resources-wizard__table--revisions th:nth-child(3),
.pb-import-resources-wizard__table--revisions td:nth-child(3) {
  width: 8rem;
}

.pb-import-resources-wizard__table--channels thead tr:first-child {
  vertical-align: bottom;
}

.pb-import-resources-wizard__table--channels thead tr:last-child {
  vertical-align: top;
}

.pb-import-resources-wizard__table--channels th:last-child {
  width: 1.5rem;
}

.pb-import-resources-wizard__table--illustrations th:first-child {
  width: 1.5rem;
}

.pb-import-resources-wizard__table--scales th:first-child,
.pb-import-resources-wizard__table--scales td:first-child {
  width: 1.5rem;
}

.pb-import-resources-wizard__table--scales th:nth-child(4),
.pb-import-resources-wizard__table--scales th:nth-child(5),
.pb-import-resources-wizard__table--scales th:nth-child(6),
.pb-import-resources-wizard__table--scales td:nth-child(4),
.pb-import-resources-wizard__table--scales td:nth-child(5),
.pb-import-resources-wizard__table--scales td:nth-child(6) {
  text-align: right;
}

.pb-import-resources-wizard__table--statistics-settings th:first-child,
.pb-import-resources-wizard__table--statistics-settings td:first-child {
  width: 1.5rem;
}

.pb-import-resources-wizard__table--annotation-columns th:first-child,
.pb-import-resources-wizard__table--annotation-columns td:first-child {
  width: 1.5rem;
}

.pb-import-resources-wizard__icon {
  color: hsl(9, 100%, 44%);
}
.theme-dark .pb-import-resources-wizard__icon {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-import-resources-wizard__icon {
  color: #ff5722;
}

.pb-import-resources-wizard__danger {
  color: hsl(9, 100%, 44%);
}
.theme-dark .pb-import-resources-wizard__danger {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-import-resources-wizard__danger {
  color: #d50000;
}

.pb-import-resources-wizard__footer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: var(--wizard-padding);
}

.pb-import-resources-wizard__footer-button {
  min-width: 4rem;
}

.pb-import-resources-wizard__footer-button + .pb-import-resources-wizard__footer-button {
  margin-left: 0.6rem;
}

.pb-input {
  --input-label-font-size: var(--font-size-small-plus);
  --input-label-font-weight: 600;
  --input-label-line-height: 0.75rem;
  --input-line-height: 23px;
  --input-margin-right: 0.5rem;
  --input-width: calc(100% - 0.5rem);
  --input-transition-duration: var(--transition-duration-fast);
}

.material .pb-input {
  --input-label-font-size: 11px;
  --input-label-font-weight: normal;
  --input-label-line-height: 14px;
  --input-margin-right: 2px;
  --input-width: calc(100% - 4px);
  --input-transition-duration: 0s;
}

.pb-input { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: grid;
  min-width: 4rem;
  grid: auto auto/minmax(0, 1fr) 0 max-content max-content;
  position: relative;
}

.pb-input--with-label {
  padding-top: var(--input-label-line-height);
}

.pb-form--horizontal .pb-input {
  flex-direction: row;
}

.pb-input__input {
  background-repeat: no-repeat;
  background-size: 0 100%;
  border: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  font-family: inherit;
  font-size: var(--font-size);
  font-weight: normal;
  grid-area: 1/1/3/2;
  line-height: var(--input-line-height);
  margin: 0 var(--input-margin-right) 0 0;
  padding: 0;
  position: relative;
  transition: background-size var(--input-transition-duration) ease;
  /* width is not needed in chrome/safari: the input should shrink to its */
  /* min-width, as justify-self: auto is set. This overcomes that bug in Firefox */
  /* by instead stretching to fill the grid area after it's been allocated. */
  /* Possibly this bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1317524 */
  width: var(--input-width);
}
.pb-input__input {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(198, 80%, 46%) 1px, transparent 0);
  border-bottom-color: hsl(198, 0%, 70%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-input__input {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(198, 65%, 57%) 1px, transparent 0);
  border-bottom-color: hsl(203, 16%, 72%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-input__input {
  background-color: transparent;
  background-image: linear-gradient(0deg, #3f51b5 1px, transparent 0);
  border-bottom-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

/*
 * This is a rather passive-agressive hack, but, according to MDN
 * https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill
 *
 * > Note: The user agent style sheets of many browsers use !important
 * > in their :-webkit-autofill style declarations, making them
 * > non-overrideable by webpages without resorting to JavaScript hacks.
 * > For example Chrome has the following in its internal stylesheet:
 *
 * > > background-color: rgb(232, 240, 254) !important;
 * > > background-image: none !important;
 * > > color: -internal-light-dark(black, white) !important;
 *
 * > This means that you cannot set the background-color, background-image,
 * > or color in your own rules.
 *
 * This behavior still exists in Chrome 91.
 */
/* stylelint-disable declaration-no-important */
input.pb-input__input:-webkit-autofill {
  background-clip: content-box !important;
}
input.pb-input__input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1rem hsl(198, 0%, 98%) inset !important;
  -webkit-text-fill-color: hsl(198, 0%, 0%) !important;
}
.theme-dark input.pb-input__input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1rem hsl(201, 30%, 15%) inset !important;
  -webkit-text-fill-color: hsl(210, 16%, 93%) !important;
}
.theme-legacy input.pb-input__input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1rem #f5f5f5 inset !important;
  -webkit-text-fill-color: #000000 !important;
}

/* stylelint-enable declaration-no-important */
.pb-input__input::-webkit-credentials-auto-fill-button {
  background-color: hsl(198, 0%, 0%); /* yes, use background-color to change color! */
}
.theme-dark .pb-input__input::-webkit-credentials-auto-fill-button {
  background-color: hsl(210, 16%, 93%); /* yes, use background-color to change color! */
}
.theme-legacy .pb-input__input::-webkit-credentials-auto-fill-button {
  background-color: #000000; /* yes, use background-color to change color! */
}

.pb-input--with-clear .pb-input__input {
  padding-right: calc(0.2rem + 16px);
}

.pb-input--small {
  max-width: 4rem;
}

.pb-input.pb-input--with-label::before {
  content: none;
}

.pb-input__input[disabled] {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-input__input[disabled] {
  color: hsl(198, 10%, 46%);
}
.theme-legacy .pb-input__input[disabled] {
  color: rgba(0, 0, 0, 0.54);
}

.pb-input__input[readonly] {
  border-bottom-width: 0;
}
.pb-input__input[readonly] {
  background-image: none;
}
.theme-dark .pb-input__input[readonly] {
  background-image: none;
}
.theme-legacy .pb-input__input[readonly] {
  background-image: none;
}

.pb-input__input:focus {
  background-size: 100% 100%;
  outline-style: none;
}
.pb-input__input:focus {
  border-bottom-color: hsl(198, 80%, 46%);
}
.theme-dark .pb-input__input:focus {
  border-bottom-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-input__input:focus {
  border-bottom-color: #3f51b5;
}

.pb-input__label {
  font-size: var(--input-label-font-size);
  font-weight: var(--input-label-font-weight);
  line-height: var(--input-label-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.pb-input__label {
  color: hsl(198, 0%, 27%);
}
.theme-dark .pb-input__label {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-input__label {
  color: rgba(0, 0, 0, 0.72);
}

.pb-input--disabled .pb-input__label {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-input--disabled .pb-input__label {
  color: hsl(198, 10%, 46%);
}
.theme-legacy .pb-input--disabled .pb-input__label {
  color: rgba(0, 0, 0, 0.54);
}

.pb-input__error {
  margin-left: 0.25rem;
  grid-area: 1/4/3/5;
  align-self: center;
}
.pb-input__error {
  color: hsl(9, 100%, 38%);
}
.theme-dark .pb-input__error {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-input__error {
  color: #ff5722;
}

.pb-input--invalid .pb-input__input,
.pb-input--error .pb-input__input {
  background-size: 100% 100%;
}
.pb-input--invalid .pb-input__input,
.pb-input--error .pb-input__input {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(9, 100%, 38%) 1px, transparent 0);
  border-bottom-color: hsl(9, 100%, 38%);
}
.theme-dark .pb-input--invalid .pb-input__input,
.theme-dark .pb-input--error .pb-input__input {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(3, 90%, 62%) 1px, transparent 0);
  border-bottom-color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-input--invalid .pb-input__input,
.theme-legacy .pb-input--error .pb-input__input {
  background-color: transparent;
  background-image: linear-gradient(0deg, #ff5722 1px, transparent 0);
  border-bottom-color: #ff5722;
}

.pb-form--horizontal .pb-input--invalid .pb-input__input,
.pb-form--horizontal .pb-input--error .pb-input__input {
  margin-right: var(--input-margin);
}

.pb-form--horizontal .pb-input__label {
  width: 5rem;
  margin-top: 0.4rem;
}

.pb-input__spinner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  width: 24px;
}
.pb-input__spinner {
  background-color: transparent;
  border-color: #b3b3b3;
  color: #b3b3b3;
}
.theme-dark .pb-input__spinner {
  background-color: transparent;
  border-color: #AEB8BC;
  color: #AEB8BC;
}
.theme-legacy .pb-input__spinner {
  background-color: transparent;
  border-color: #9e9e9e;
  color: #9e9e9e;
}

.pb-input__spinner:focus {
  outline: none;
}

.pb-input__spinner--up {
  grid-area: 1/3;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
}
.pb-input__spinner--up {
  background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='81 81 350 350'%3E%3Cpath d='M354 329l30 -30l-128 -128l-128 128l30 30l98 -98z' fill='%23b3b3b3' %3E%3C/path%3E%3C/svg%3E");
}
.theme-dark .pb-input__spinner--up {
  background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='81 81 350 350'%3E%3Cpath d='M354 329l30 -30l-128 -128l-128 128l30 30l98 -98z' fill='%23AEB8BC' %3E%3C/path%3E%3C/svg%3E");
}
.theme-legacy .pb-input__spinner--up {
  background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='81 81 350 350'%3E%3Cpath d='M354 329l30 -30l-128 -128l-128 128l30 30l98 -98z' fill='%239e9e9e' %3E%3C/path%3E%3C/svg%3E");
}

.pb-input__spinner--down {
  grid-area: 2/3;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0 0 1px 0; /* makes it the same height as --up */
}
.pb-input__spinner--down {
  background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='81 81 350 350'%3E%3Cpath d='M256 341l128 -128l-30 -30l-98 98l-98 -98l-30 30z' fill='%23b3b3b3' %3E%3C/path%3E%3C/svg%3E");
}
.theme-dark .pb-input__spinner--down {
  background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='81 81 350 350'%3E%3Cpath d='M256 341l128 -128l-30 -30l-98 98l-98 -98l-30 30z' fill='%23AEB8BC' %3E%3C/path%3E%3C/svg%3E");
}
.theme-legacy .pb-input__spinner--down {
  background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='81 81 350 350'%3E%3Cpath d='M256 341l128 -128l-30 -30l-98 98l-98 -98l-30 30z' fill='%239e9e9e' %3E%3C/path%3E%3C/svg%3E");
}

.pb-input__spinner:hover {
  background-color: rgba(179, 179, 179, 0.1);
}
.theme-dark .pb-input__spinner:hover {
  background-color: rgba(174, 184, 188, 0.1);
}
.theme-legacy .pb-input__spinner:hover {
  background-color: #e0e0e0;
}

.pb-input__spinner:disabled {
  cursor: default;
}
.pb-input__spinner:disabled {
  background-color: transparent;
}
.theme-dark .pb-input__spinner:disabled {
  background-color: transparent;
}
.theme-legacy .pb-input__spinner:disabled {
  background-color: transparent;
}

.pb-input__clear {
  grid-area: 1/2/3/3;
  background: none;
  border: 0;
  align-self: center;
  position: relative;
  width: 16px;
  left: calc(-0.1rem - var(--input-margin-right) - 16px);
  /* we know it's 16px tall and centered on the input, move that to baseline */
}

.pb-item-sorter-dialog__controls {
  width: 100%; /* https://bugs.webkit.org/show_bug.cgi?id=209282 */
  align-items: baseline;
  display: grid;
  grid-row-gap: 1rem;
  grid-template-columns: auto auto;
  justify-content: start;
}

.pb-item-sorter-dialog__label {
  text-align: right;
  margin-right: 1em;
  white-space: nowrap;
}

.pb-item-sorter-dialog__option-group {
  display: flex;
  flex-wrap: wrap;
}

.pb-item-sorter-dialog__option.pb-select {
  flex-grow: 0;
  min-width: 9rem;
}

.pb-item-sorter-dialog__option:not(:last-child) {
  margin-right: 1em;
}

.pb-item-sorter-dialog .pb-select__trigger {
  margin: 0;
}

.pb-item-sorter-dialog__item-sorter-label {
  align-self: start;
  padding-top: 9px;
}

.pb-item-sorter-dialog__item-sorter {
  display: flex;
  min-height: 0;
  min-width: 0;
  align-self: stretch;
}

.pb-item-sorter-dialog__notice {
  opacity: 0;
}

.pb-item-sorter-dialog__notice--visible {
  opacity: 1;
}

.pb-item-sorter-dialog {
  display: flex;
  min-height: 0; /* for when in a flex layout */
}
.pb-item-sorter-dialog {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-item-sorter-dialog {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-item-sorter-dialog {
  color: #212121;
}

.pb-item-sorter-dialog__list {
  border-style: solid;
  border-width: 1px;
  border-radius: 0.1em;
  min-height: 162px; /* never smaller than controls */
  min-width: 100px;
  height: calc(80vh - 450px);
}
.pb-item-sorter-dialog__list {
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-item-sorter-dialog__list {
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-item-sorter-dialog__list {
  border-color: #cccccc;
}

.pb-item-sorter-dialog__counter {
  display: inline-block;
  width: calc(var(--num-digits) * 0.5em);
  text-align: right;
  content: counter(item);
  counter-increment: item;
  margin-right: 0.5em;
}
.pb-item-sorter-dialog__counter {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-item-sorter-dialog__counter {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-item-sorter-dialog__counter {
  color: #bdbdbd;
}

.pb-item-sorter-dialog__buttons {
  margin-left: 1em;
}

.pb-item-sorter-dialog__button {
  display: block;
  margin: 1em 0;
}

.pb-item-sorter-dialog__buttons:first-child {
  margin-top: 0;
}

.pb-item-sorter-dialog__buttons:last-child {
  margin-bottom: 0;
}

.pb-main {
  flex-grow: 1;
  overflow: auto;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
}

/* theme customizations */
.pb-merge-panels-dialog {
  --merge-panels-border-width: 0.05rem;
  --merge-panels-header-border-width: var(--border-width);
  --merge-panels-row-height: 26px;
}

.material .pb-merge-panels-dialog {
  --merge-panels-border-width: 1px;
  --merge-panels-header-border-width: 0;
}

.pb-merge-panels-dialog__table {
  border-collapse: separate;
  border-radius: var(--border-radius);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--border-width);
  margin: 1rem 0 0 0;
  padding: 0;
  width: 100%;
}
.pb-merge-panels-dialog__table {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-merge-panels-dialog__table {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(208, 16%, 34%);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-merge-panels-dialog__table {
  background-color: #ffffff;
  border-color: #e0e0e0;
  color: #212121;
}

.pb-merge-panels-dialog__table thead,
.pb-merge-panels-dialog__table tr {
  border-width: 0;
  padding: 0;
}

.pb-merge-panels-dialog__table th,
.pb-merge-panels-dialog__table td {
  border-right-style: solid;
  border-right-width: var(--border-width);
  font-size: 0.4585rem;
  line-height: calc(var(--merge-panels-row-height) - var(--border-width));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: left;
}
.pb-merge-panels-dialog__table th,
.pb-merge-panels-dialog__table td {
  border-right-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-merge-panels-dialog__table th,
.theme-dark .pb-merge-panels-dialog__table td {
  border-right-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-merge-panels-dialog__table th,
.theme-legacy .pb-merge-panels-dialog__table td {
  border-right-color: #e0e0e0;
}

.pb-merge-panels-dialog__table th {
  border-bottom-style: solid;
  border-bottom-width: var(--merge-panels-header-border-width);
  border-top-width: 0;
  font-weight: 600;
  letter-spacing: 0.03em;
  vertical-align: bottom;
}
.pb-merge-panels-dialog__table th {
  background-color: hsl(198, 0%, 98%);
  border-bottom-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-merge-panels-dialog__table th {
  background-color: hsl(201, 30%, 15%);
  border-bottom-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-merge-panels-dialog__table th {
  background-color: #fafafa;
  border-bottom-color: #e0e0e0;
}

.pb-merge-panels-dialog__table th:last-child {
  border-right-width: 0;
}

.pb-merge-panels-dialog__table-column {
  display: flex;
  justify-content: space-between;
}

.pb-merge-panels-dialog__table-button {
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.pb-merge-panels-dialog__table-button {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-merge-panels-dialog__table-button {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-merge-panels-dialog__table-button {
  color: #212121;
}

.pb-merge-panels-dialog__table-button .pb-icon {
  vertical-align: calc(var(--font-cap-height) / 2 - 6px); /* cap-height alignment */
}

.pb-merge-panels-dialog__table td {
  border-top-style: solid;
  border-top-width: var(--border-width);
  font-size: 0.54192rem;
  vertical-align: middle;
}
.pb-merge-panels-dialog__table td {
  border-top-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-merge-panels-dialog__table td {
  border-top-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-merge-panels-dialog__table td {
  border-top-color: #f5f5f5;
}

.pb-merge-panels-dialog__table td:last-child {
  border-right-width: 0;
}

.pb-merge-panels-dialog__table td:first-child {
  border-left-style: solid;
  border-left-width: 2px;
}
.pb-merge-panels-dialog__table td:first-child {
  border-left-color: transparent;
}
.theme-dark .pb-merge-panels-dialog__table td:first-child {
  border-left-color: transparent;
}
.theme-legacy .pb-merge-panels-dialog__table td:first-child {
  border-left-color: transparent;
}

.pb-merge-panels-dialog__table td.pb-merge-panels-dialog__cell--unresolved:first-child {
  border-left-color: hsl(38, 100%, 38%);
}
.theme-dark .pb-merge-panels-dialog__table td.pb-merge-panels-dialog__cell--unresolved:first-child {
  border-left-color: hsl(49, 98%, 51%);
}
.theme-legacy .pb-merge-panels-dialog__table td.pb-merge-panels-dialog__cell--unresolved:first-child {
  border-left-color: #ffab00;
}

.pb-multi-sort {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  width: 16rem;
}

.pb-multi-sort--wide {
  width: auto;
}

.pb-multi-sort__note {
  margin: 0.25rem 0 0.25rem 0;
}

.pb-multi-sort__scroll {
  align-items: baseline;
  column-gap: 0.0833rem;
  display: grid;
  grid-template-columns: [label] auto [item] 1fr [down] 24px [up] 24px [remove] 24px [end];
  overflow: auto;
  padding-right: 16px; /* allow for 15px windows 11 default scroll bar */
  row-gap: 0.5rem;
}

.pb-multi-sort__row {
  display: contents;
}

.pb-multi-sort__select-label {
  min-width: 4em;
  padding-right: 0.25rem;
}

.pb-multi-sort__item {
  padding-right: 0.5rem;
}

.pb-multi-sort__directions {
  margin-top: 0.25rem;
  white-space: nowrap;
}

.pb-multi-sort__direction + .pb-multi-sort__direction {
  margin-left: 0.5rem;
}

.pb-multi-sort--wide .pb-multi-sort__item {
  display: flex;
  padding-right: 0;
}

.pb-multi-sort--wide .pb-multi-sort__select-col,
.pb-multi-sort--wide .pb-multi-sort__directions {
  margin-right: 0.75rem;
}

.pb-multi-sort__button {
  height: 24px;
  width: 24px;
}

.pb-multi-sort__add-col {
  align-self: end;
  flex: none;
  margin-top: 0.5rem;
}

.pb-multi-sort--wide .pb-multi-sort__add-col {
  align-self: start;
  margin-top: 1rem;
}

.pb-multi-sort-dialog {
  height: 15rem;
}

.pb-multi-sort-dialog__body {
  height: 100%;
}

.pb-nested-select {
  position: relative;
  flex: auto;
}

.pb-nested-select__sticker {
  max-height: calc(var(--max-options) * 30px / 3);
}
.pb-nested-select__sticker {
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-nested-select__sticker {
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-nested-select__sticker {
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* theme customizations */
.pb-nested-select-list {
  --nested-select-list-expand-transform: rotate(90deg);
  --nested-select-list-expand-expanded-transform: rotate(180deg);
  --nested-select-list-jump-button-margin: 0.25rem 0;
  --nested-select-list-jump-text-font-size: var(--font-size);
  --nested-select-list-font: normal 400 var(--font-size) var(--font-stack);
  --nested-select-list-font-emphasis: normal 600 var(--font-size) var(--font-stack);
  --nested-select-list-font-filtered: italic 400 var(--font-size) var(--font-stack);
  --nested-select-list-font-note: normal 400 var(--font-size-small) var(--font-stack);
  --nested-select-list-font-note-emphasis: normal 600 var(--font-size-small) var(--font-stack);
  --nested-select-list-font-note-filtered: italic 400 var(--font-size-small) var(--font-stack);
}

.material .pb-nested-select-list {
  --nested-select-list-expand-transform: rotate(0deg);
  --nested-select-list-expand-expanded-transform: rotate(180deg);
  --nested-select-list-jump-button-margin: 2px 0 1px;
  --nested-select-list-jump-text-font-size: 15px;
}

/*
 * Because CSS styles must be coordinated across multiple elements
 * to ensure proper pixel alignment, transition synchronization, etc.
 * The CSS styles are grouped by function rather than by element.
 * Turn off the lint errors that would otherwise result from this
 * organization.
 */
/* stylelint-disable no-descending-specificity, no-duplicate-selectors */
.pb-nested-select-list {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font: var(--nested-select-list-font);
  min-height: 0;
}
.pb-nested-select-list {
  color: hsl(198, 0%, 40%);
  background-color: transparent;
}
.theme-dark .pb-nested-select-list {
  color: hsl(203, 16%, 72%);
  background-color: transparent;
}
.theme-legacy .pb-nested-select-list {
  color: #212121;
  background-color: transparent;
}

.pb-nested-select-list--panel-mode {
  background-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-nested-select-list--panel-mode {
  background-color: hsl(198, 28%, 18%);
}
.theme-legacy .pb-nested-select-list--panel-mode {
  background-color: #ffffff;
}

.pb-nested-select-list__jump-button {
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  cursor: default;
  flex-shrink: 0;
  font: inherit;
  height: 1.5rem;
  margin: var(--nested-select-list-jump-button-margin);
  padding: 0 0.25rem;
  width: 100%;
}
.pb-nested-select-list__jump-button {
  background-color: transparent;
}
.theme-dark .pb-nested-select-list__jump-button {
  background-color: transparent;
}
.theme-legacy .pb-nested-select-list__jump-button {
  background-color: transparent;
}

.pb-nested-select-list__jump-text {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 0;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  flex-grow: 1;
  font-family: inherit;
  font-size: var(--nested-select-list-jump-text-font-size);
  height: 1.25rem;
  margin: 0.25rem 0.25rem 0 0;
  text-overflow: ellipsis;
  text-align: left;
  padding: 0.25rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.pb-nested-select-list__jump-text {
  background-color: transparent;
  border-color: hsl(198, 100%, 38%);
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-nested-select-list__jump-text {
  background-color: transparent;
  border-color: hsl(198, 65%, 57%);
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-nested-select-list__jump-text {
  background-color: transparent;
  border-color: #3f51b5;
  color: #3f51b5;
}

.pb-nested-select-list__jump-text:focus {
  outline: 0;
}

.pb-nested-select-list__jump-text:hover {
  background-color: hsl(198, 83%, 94%);
  color: hsl(198, 100%, 27%);
}
.theme-dark .pb-nested-select-list__jump-text:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsl(194, 78%, 63%);
}
.theme-legacy .pb-nested-select-list__jump-text:hover {
  background-color: #eeeeee;
  color: #1a237e;
}

.pb-nested-select-list__jump-text--disabled {
  cursor: default;
}
.pb-nested-select-list__jump-text--disabled {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-nested-select-list__jump-text--disabled {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-nested-select-list__jump-text--disabled {
  color: #bdbdbd;
}

.pb-nested-select-list__jump-text--empty,
.pb-nested-select-list__jump-text--empty:hover {
  cursor: default;
}
.pb-nested-select-list__jump-text--empty,
.pb-nested-select-list__jump-text--empty:hover {
  background-color: transparent;
}
.theme-dark .pb-nested-select-list__jump-text--empty,
.theme-dark .pb-nested-select-list__jump-text--empty:hover {
  background-color: transparent;
}
.theme-legacy .pb-nested-select-list__jump-text--empty,
.theme-legacy .pb-nested-select-list__jump-text--empty:hover {
  background-color: transparent;
}

.pb-nested-select-list__body {
  align-content: start;
  display: grid;
  overflow: auto;
  overscroll-behavior: contain;
  overflow-anchor: none;
  -ms-scroll-chaining: none;
  /* https://bugs.chromium.org/p/chromium/issues/detail?id=878571#c2 */
  /* #4945 */
  max-height: 100vh;
  max-width: 100%;
}

.pb-nested-select-list__header {
  box-sizing: border-box;
  padding: 0.25rem;
}

.pb-nested-select-list__toolbar {
  align-items: center;
  border-radius: 3px;
  display: flex;
  height: 1rem;
  padding: 0;
}

.pb-nested-select-list__searchicon {
  padding: 0;
}

.pb-nested-select-list__search {
  border: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: 0;
  box-shadow: 0 0;
  box-sizing: border-box;
  cursor: text;
  display: inline-block;
  flex-grow: 1;
  font-family: inherit;
  font-size: var(--font-size);
  height: 1rem;
  margin-left: 0.25rem;
  margin-right: 0;
  min-width: 0;
  padding: 0.25rem;
  width: 100%;
}
.pb-nested-select-list__search {
  background-color: transparent;
  background-image: linear-gradient(180deg, transparent 95%, hsl(198, 80%, 46%) 0);
  border-bottom-color: hsl(198, 0%, 70%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-nested-select-list__search {
  background-color: transparent;
  background-image: linear-gradient(180deg, transparent 95%, hsl(198, 65%, 57%) 0);
  border-bottom-color: hsl(203, 16%, 72%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-nested-select-list__search {
  background-color: transparent;
  background-image: linear-gradient(180deg, transparent 95%, #3f51b5 0);
  border-bottom-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

.pb-nested-select-list__search:focus {
  outline-style: none;
}
.pb-nested-select-list__search:focus {
  border-bottom-color: hsl(198, 80%, 46%);
}
.theme-dark .pb-nested-select-list__search:focus {
  border-bottom-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-nested-select-list__search:focus {
  border-bottom-color: #3f51b5;
}

.pb-nested-select-list__actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pb-nested-select-list__button,
.pb-nested-select-list__actions .pb-dropdown__trigger {
  border-width: 0;
  line-height: 28px;
  text-align: center;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: var(--font-size);
  height: 1rem;
  margin: 0;
  padding: 0;
  width: 1rem;
}
.pb-nested-select-list__button,
.pb-nested-select-list__actions .pb-dropdown__trigger {
  background-color: transparent;
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-nested-select-list__button,
.theme-dark .pb-nested-select-list__actions .pb-dropdown__trigger {
  background-color: transparent;
  color: hsl(201, 17%, 80%);
}
.theme-legacy .pb-nested-select-list__button,
.theme-legacy .pb-nested-select-list__actions .pb-dropdown__trigger {
  background-color: transparent;
  color: #424242;
}

.pb-nested-select-list__action--active .pb-nested-select-list__button,
.pb-nested-select-list__action--active .pb-dropdown__trigger {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-nested-select-list__action--active .pb-nested-select-list__button,
.theme-dark .pb-nested-select-list__action--active .pb-dropdown__trigger {
  color: hsl(201, 17%, 80%);
}
.theme-legacy .pb-nested-select-list__action--active .pb-nested-select-list__button,
.theme-legacy .pb-nested-select-list__action--active .pb-dropdown__trigger {
  color: #424242;
}

.pb-nested-select-list__button:focus,
.pb-nested-select-list__button:hover,
.pb-nested-select-list__actions .pb-dropdown__trigger:focus,
.pb-nested-select-list__actions .pb-dropdown__trigger:hover,
.pb-nested-select-list__action--active .pb-nested-select-list__button:focus,
.pb-nested-select-list__action--active .pb-nested-select-list__button:hover,
.pb-nested-select-list__action--active .pb-dropdown__trigger:focus,
.pb-nested-select-list__action--active .pb-dropdown__trigger:hover {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-nested-select-list__button:focus,
.theme-dark .pb-nested-select-list__button:hover,
.theme-dark .pb-nested-select-list__actions .pb-dropdown__trigger:focus,
.theme-dark .pb-nested-select-list__actions .pb-dropdown__trigger:hover,
.theme-dark .pb-nested-select-list__action--active .pb-nested-select-list__button:focus,
.theme-dark .pb-nested-select-list__action--active .pb-nested-select-list__button:hover,
.theme-dark .pb-nested-select-list__action--active .pb-dropdown__trigger:focus,
.theme-dark .pb-nested-select-list__action--active .pb-dropdown__trigger:hover {
  color: hsl(201, 0%, 100%);
}
.theme-legacy .pb-nested-select-list__button:focus,
.theme-legacy .pb-nested-select-list__button:hover,
.theme-legacy .pb-nested-select-list__actions .pb-dropdown__trigger:focus,
.theme-legacy .pb-nested-select-list__actions .pb-dropdown__trigger:hover,
.theme-legacy .pb-nested-select-list__action--active .pb-nested-select-list__button:focus,
.theme-legacy .pb-nested-select-list__action--active .pb-nested-select-list__button:hover,
.theme-legacy .pb-nested-select-list__action--active .pb-dropdown__trigger:focus,
.theme-legacy .pb-nested-select-list__action--active .pb-dropdown__trigger:hover {
  color: #000000;
}

.pb-nested-select-list__button[disabled],
.pb-nested-select-list__action--disabled .pb-nested-select-list__button,
.pb-nested-select-list__action--disabled .pb-dropdown__trigger {
  cursor: default;
}
.pb-nested-select-list__button[disabled],
.pb-nested-select-list__action--disabled .pb-nested-select-list__button,
.pb-nested-select-list__action--disabled .pb-dropdown__trigger {
  background-color: transparent;
  box-shadow: none;
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-nested-select-list__button[disabled],
.theme-dark .pb-nested-select-list__action--disabled .pb-nested-select-list__button,
.theme-dark .pb-nested-select-list__action--disabled .pb-dropdown__trigger {
  background-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-nested-select-list__button[disabled],
.theme-legacy .pb-nested-select-list__action--disabled .pb-nested-select-list__button,
.theme-legacy .pb-nested-select-list__action--disabled .pb-dropdown__trigger {
  background-color: transparent;
  box-shadow: none;
  color: #bdbdbd;
}

/* -------------------------------------------------------------------------
 * Cells in the Table
 * ------------------------------------------------------------------------- */
.pb-nested-select-list__cell {
  height: 28px;
  /* following: some cells are buttons */
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  font: inherit;
}

.pb-nested-select-list__cell--primary {
  display: flex;
  overflow: hidden;
}

.pb-nested-select-list__cell--quick {
  display: flex;
  overflow: hidden; /* Rounding bug with Chrome at some zoom levels #2839 */
  width: 24px;
  cursor: pointer;
}
.pb-nested-select-list__cell--quick {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-nested-select-list__cell--quick {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-nested-select-list__cell--quick {
  color: #616161;
}

.pb-nested-select-list__cell--secondary.pb-nested-select-list__item-text {
  padding: 0 3px;
  text-align: right;
}

.pb-nested-select-list__cell--action,
.pb-nested-select-list__cell--action.pb-nested-select-list__cell--selected {
  display: flex;
  overflow: hidden; /* Rounding bug with Chrome at some zoom levels #2839 */
  width: 24px;
  cursor: pointer;
}
.pb-nested-select-list__cell--action,
.pb-nested-select-list__cell--action.pb-nested-select-list__cell--selected {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-nested-select-list__cell--action,
.theme-dark .pb-nested-select-list__cell--action.pb-nested-select-list__cell--selected {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-nested-select-list__cell--action,
.theme-legacy .pb-nested-select-list__cell--action.pb-nested-select-list__cell--selected {
  color: #616161;
}

.pb-nested-select-list__cell--last {
  padding-right: 12px; /* leave space for overlay scroll bar */
}

.pb-nested-select-list__cell--primary.pb-nested-select-list__cell--last {
  padding-right: 0; /* do it in item-text instead so the bg extends far enough */
}
.pb-nested-select-list__cell--primary.pb-nested-select-list__cell--last .pb-nested-select-list__item-text {
  padding-right: 12px; /* leave space for overlay scroll bar */
}

/* -------------------------------------------------------------------------
 * Expand / Collapse Button
 * ------------------------------------------------------------------------- */
.pb-nested-select-list__expand {
  cursor: pointer;
  flex-grow: 0;
  flex-shrink: 0;
  font: inherit;
  line-height: 28px;
  text-align: center;
  /* the hit area should be the same regardless of nsel-spacer-width */
  width: 24px;
  /* but adjust how much layout space is allocated to equal nsel-spacer-width */
  margin-left: calc(14px - 24px);
  /* and then center it on the nsel-spacer-width space */
  transform: translate(calc(24px / 2 - 14px / 2), 0);
  /* (that's all a complicated way of avoiding a wrapper div) */
}
.pb-nested-select-list__expand {
  background-color: transparent;
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-nested-select-list__expand {
  background-color: transparent;
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-nested-select-list__expand {
  background-color: transparent;
  color: #616161;
}

.pb-nested-select-list__expand .pb-icon__shape--material {
  transform: scale(1.5);
}

.pb-nested-select-list__expand .pb-icon {
  display: inline-block;
  transform: var(--nested-select-list-expand-transform);
}

.pb-nested-select-list__cell--expanded .pb-nested-select-list__expand .pb-icon {
  transform: var(--nested-select-list-expand-expanded-transform);
}

/* -------------------------------------------------------------------------
 * Checkbox for Multi-select
 * ------------------------------------------------------------------------- */
.pb-nested-select-list__checkbox {
  align-self: center;
  margin: 0 4px;
}

/* -------------------------------------------------------------------------
 * Text Content within Cells
 * ------------------------------------------------------------------------- */
.pb-nested-select-list__item-text {
  box-sizing: content-box;
  cursor: pointer;
  flex-grow: 1;
  font: inherit;
  line-height: 28px;
  overflow: hidden;
  padding: 0 0 0 4px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pb-nested-select-list__item-text {
  background-color: transparent;
  color: inherit;
}
.theme-dark .pb-nested-select-list__item-text {
  background-color: transparent;
  color: inherit;
}
.theme-legacy .pb-nested-select-list__item-text {
  background-color: transparent;
  color: inherit;
}

.pb-nested-select-list__icon {
  vertical-align: calc(var(--font-cap-height) / 2 - 8px);
}

.pb-nested-select-list__item-note {
  font: var(--nested-select-list-font-note);
  line-height: 0; /* don't allocate line space */
}

/* -------------------------------------------------------------------------
 * Action Buttons and Icons
 * ------------------------------------------------------------------------- */
.pb-nested-select-list__quick-status {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-nested-select-list__quick-status {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-nested-select-list__quick-status {
  color: #616161;
}

.pb-nested-select-list__quick-status,
.pb-nested-select-list__quick-action,
.pb-nested-select-list__item-action {
  margin: auto;
}

/* -------------------------------------------------------------------------
 * Selected / Hovered / Focused Region
 * ------------------------------------------------------------------------- */
/*
 * Visually, the selected (or hovered) region starts in the middle of the primary
 * text cell. Spacers and the expand/collapse button are not included. The region
 * extends to the last cell that's visible. That may be the primary element if it's
 * the only cell present.
 *
 * Note that in this section we're only defining the **region,** not the actual
 * visual states for selection/hover/etc. The region is the same for all of those
 * states, so we define it once here.
 */
.pb-nested-select-list__cell--first .pb-nested-select-list__item-text {
  border-bottom-left-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}

.pb-nested-select-list__cell--last {
  border-bottom-right-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

/* -------------------------------------------------------------------------
 * Emphasized Visual State
 * ------------------------------------------------------------------------- */
.pb-nested-select-list__cell--emphasis .pb-nested-select-list__item-text {
  font: var(--nested-select-list-font-emphasis);
  line-height: 28px;
}

.pb-nested-select-list__cell--emphasis .pb-nested-select-list__item-note {
  font: var(--nested-select-list-font-note-emphasis);
  line-height: 0; /* don't allocate line space */
}

/* -------------------------------------------------------------------------
 * Selected Visual States
 * ------------------------------------------------------------------------- */
.pb-nested-select-list__cell--selected,
.pb-nested-select-list__cell--selected .pb-nested-select-list__item-text {
  background-color: hsl(201, 29%, 88%);
}
.theme-dark .pb-nested-select-list__cell--selected,
.theme-dark .pb-nested-select-list__cell--selected .pb-nested-select-list__item-text {
  background-color: hsl(203, 32%, 29%);
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-nested-select-list__cell--selected,
.theme-legacy .pb-nested-select-list__cell--selected .pb-nested-select-list__item-text {
  background-color: #d7ddf4;
  color: #000000;
}

.pb-nested-select-list__cell--auto {
  cursor: pointer;
}

/* -------------------------------------------------------------------------
 * Hover and Focus Visual States
 * ------------------------------------------------------------------------- */
.pb-nested-select-list__cell--hover,
.pb-nested-select-list__cell--hover .pb-nested-select-list__item-text {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-nested-select-list__cell--hover,
.theme-dark .pb-nested-select-list__cell--hover .pb-nested-select-list__item-text {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-nested-select-list__cell--hover,
.theme-legacy .pb-nested-select-list__cell--hover .pb-nested-select-list__item-text {
  background-color: #eeeeee;
}

.pb-nested-select-list__cell--action:focus,
.pb-nested-select-list__cell--action:hover,
.pb-nested-select-list__expand:focus,
.pb-nested-select-list__expand:hover,
.pb-nested-select-list__cell--quick:focus,
.pb-nested-select-list__cell--quick:hover {
  outline: none;
}
.pb-nested-select-list__cell--action:focus,
.pb-nested-select-list__cell--action:hover,
.pb-nested-select-list__expand:focus,
.pb-nested-select-list__expand:hover,
.pb-nested-select-list__cell--quick:focus,
.pb-nested-select-list__cell--quick:hover {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-nested-select-list__cell--action:focus,
.theme-dark .pb-nested-select-list__cell--action:hover,
.theme-dark .pb-nested-select-list__expand:focus,
.theme-dark .pb-nested-select-list__expand:hover,
.theme-dark .pb-nested-select-list__cell--quick:focus,
.theme-dark .pb-nested-select-list__cell--quick:hover {
  color: hsl(198, 0%, 100%);
}
.theme-legacy .pb-nested-select-list__cell--action:focus,
.theme-legacy .pb-nested-select-list__cell--action:hover,
.theme-legacy .pb-nested-select-list__expand:focus,
.theme-legacy .pb-nested-select-list__expand:hover,
.theme-legacy .pb-nested-select-list__cell--quick:focus,
.theme-legacy .pb-nested-select-list__cell--quick:hover {
  color: #000000;
}

/* -------------------------------------------------------------------------
 * Filtered and Disabled Visual States
 * ------------------------------------------------------------------------- */
.pb-nested-select-list__cell--filtered .pb-nested-select-list__item-text,
.pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text,
.pb-nested-select-list__cell--filtered.pb-nested-select-list__item-text,
.pb-nested-select-list__cell--disabled.pb-nested-select-list__item-text {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-nested-select-list__cell--filtered .pb-nested-select-list__item-text,
.theme-dark .pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text,
.theme-dark .pb-nested-select-list__cell--filtered.pb-nested-select-list__item-text,
.theme-dark .pb-nested-select-list__cell--disabled.pb-nested-select-list__item-text {
  color: hsl(198, 10%, 46%);
}
.theme-legacy .pb-nested-select-list__cell--filtered .pb-nested-select-list__item-text,
.theme-legacy .pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text,
.theme-legacy .pb-nested-select-list__cell--filtered.pb-nested-select-list__item-text,
.theme-legacy .pb-nested-select-list__cell--disabled.pb-nested-select-list__item-text {
  color: rgba(0, 0, 0, 0.54);
}

.pb-nested-select-list__cell--disabled,
.pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text {
  background-color: transparent;
}
.theme-dark .pb-nested-select-list__cell--disabled,
.theme-dark .pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text {
  background-color: transparent;
}
.theme-legacy .pb-nested-select-list__cell--disabled,
.theme-legacy .pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text {
  background-color: transparent;
}

.pb-nested-select-list__cell--filtered .pb-nested-select-list__item-text,
.pb-nested-select-list__cell--filtered.pb-nested-select-list__item-text {
  font: var(--nested-select-list-font-filtered);
  line-height: 28px;
}

.pb-nested-select-list__cell--filtered .pb-nested-select-list__item-note {
  font: var(--nested-select-list-font-note-filtered);
}

.pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text,
.pb-nested-select-list__cell--disabled.pb-nested-select-list__item-text,
.pb-nested-select-list__cell--disabled.pb-nested-select-list__cell--auto {
  cursor: default;
}

.pb-nested-select-list__cell--selected.pb-nested-select-list__cell--filtered,
.pb-nested-select-list__cell--selected.pb-nested-select-list__cell--disabled {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-nested-select-list__cell--selected.pb-nested-select-list__cell--filtered,
.theme-dark .pb-nested-select-list__cell--selected.pb-nested-select-list__cell--disabled {
  color: hsl(198, 10%, 46%);
}
.theme-legacy .pb-nested-select-list__cell--selected.pb-nested-select-list__cell--filtered,
.theme-legacy .pb-nested-select-list__cell--selected.pb-nested-select-list__cell--disabled {
  color: rgba(0, 0, 0, 0.54);
}

.pb-nested-select-list__cell--selected.pb-nested-select-list__cell--disabled,
.pb-nested-select-list__cell--selected.pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text {
  background-color: hsl(203, 3%, 96%);
}
.theme-dark .pb-nested-select-list__cell--selected.pb-nested-select-list__cell--disabled,
.theme-dark .pb-nested-select-list__cell--selected.pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text {
  background-color: hsl(198, 18%, 26%);
}
.theme-legacy .pb-nested-select-list__cell--selected.pb-nested-select-list__cell--disabled,
.theme-legacy .pb-nested-select-list__cell--selected.pb-nested-select-list__cell--disabled .pb-nested-select-list__item-text {
  background-color: #eeeeee;
}

.pb-nested-select-list__cell.pb-nested-select-list__cell--first {
  background-color: transparent;
}
.theme-dark .pb-nested-select-list__cell.pb-nested-select-list__cell--first {
  background-color: transparent;
}
.theme-legacy .pb-nested-select-list__cell.pb-nested-select-list__cell--first {
  background-color: transparent;
}

.pb-panel {
  --dialog-transform: translateY(-10%);
}

.material .pb-panel {
  --dialog-transform: translateY(20%) scale(0.5);
}

.pb-panel__backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}
.theme-dark .pb-panel__backdrop {
  background-color: hsla(0, 0%, 0%, 0.85);
}
.theme-legacy .pb-panel__backdrop {
  background-color: rgba(33, 33, 33, 0.48);
}

.pb-panel__sticker-wrap {
  display: grid;
  grid-template: minmax(0, 1fr)/minmax(0, 1fr);
  grid-area: 2/2/3/3;
  position: sticky;
  pointer-events: all;
  outline: none;
}

.pb-panel__sticker-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: var(--panel-sticker-far);
  bottom: var(--panel-sticker-far);
}

.pb-panel__sentinel {
  position: absolute;
}

.pb-panel__grid {
  display: grid;
  position: relative;
  box-sizing: border-box;
}

.pb-panel__glass,
.pb-panel__backdrop {
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pb-panel__glass {
  overflow: clip;
}

.pb-percentile-gating-dialog {
  width: 75vw;
  height: 75vh;
  font-size: var(--font-size);
}

.pb-percentile-gating-dialog__body {
  align-items: baseline;
  display: grid;
  grid-template-columns: auto 1fr;
  height: 100%;
}

.pb-percentile-gating-dialog__label {
  font-size: var(--font-h4-size);
  text-align: right;
  margin-right: 1em;
  white-space: nowrap;
  width: 5rem;
}

.pb-percentile-gating-dialog__files {
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
  min-width: 0;
  height: 100%;
}

.pb-percentile-gating-dialog__label--bottom {
  line-height: 2.15rem;
}

.pb-percentile-gating-dialog__table-footer {
  display: flex;
  grid-area: auto/2;
  justify-content: end;
  margin-top: 0.5rem;
  padding: 0 0.25rem;
  white-space: nowrap;
}

.pb-percentile-gating-dialog__tailor-by-select {
  max-width: 10rem;
}

.pb-percentile-gating-dialog__control-specifiers {
  align-items: baseline;
  display: flex;
}

.pb-percentile-gating-dialog__control-specifier-select {
  max-width: 6rem;
}

.pb-percentile-gating-dialog__control-specifier-and {
  margin: 0 0.5rem;
}

.pb-percentile-gating-dialog__percentile-input {
  max-width: 2rem;
}

.pb-percentile-gating-dialog__alert {
  grid-area: auto/2;
  margin-top: 1rem;
}

.pb-personal-access-token-dialog__row.pb-input {
  margin: 0.5rem 0 0.75rem 0;
  display: grid;
}

.pb-personal-access-token-dialog__scope-permission {
  margin: 0.5rem 0 0.25rem;
  text-transform: capitalize;
}

.pb-personal-access-token-dialog__action-permission {
  margin-bottom: 0.375rem;
  margin-left: 0.75rem;
  margin-top: 0.125rem;
}

.pb-personal-access-token-dialog__expiration-date-row .pb-input__input {
  /* restore bottom border despite being [readonly] */
  border-bottom-width: 1px;
}

/* override DataPicker styles */
.pb-personal-access-token-dialog .mx-datepicker {
  position: absolute;
}

.pb-personal-access-token-dialog .mx-input-wrapper {
  display: none;
}

/* TODO the rest of these are copied from DatatableDateRange.vue. vue2-datepicker */
/* TODO vue2-datepicker now has an inline mode, might be less awkward to use */
.pb-personal-access-token-dialog-popup.mx-datepicker-popup {
  transform: translateY(0.125rem);
}
.pb-personal-access-token-dialog-popup.mx-datepicker-popup {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-personal-access-token-dialog-popup.mx-datepicker-popup {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-personal-access-token-dialog-popup.mx-datepicker-popup {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-personal-access-token-dialog-popup .mx-btn-shortcut {
  font-family: var(--font-stack);
  font-weight: normal;
}
.pb-personal-access-token-dialog-popup .mx-btn-shortcut {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-btn-shortcut {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-btn-shortcut {
  color: #212121;
}

.pb-personal-access-token-dialog-popup .mx-btn-shortcut:focus,
.pb-personal-access-token-dialog-popup .mx-btn-shortcut:hover {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-btn-shortcut:focus,
.theme-dark .pb-personal-access-token-dialog-popup .mx-btn-shortcut:hover {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-btn-shortcut:focus,
.theme-legacy .pb-personal-access-token-dialog-popup .mx-btn-shortcut:hover {
  color: #3f51b5;
}

.pb-personal-access-token-dialog-popup .mx-calendar .mx-btn,
.pb-personal-access-token-dialog-popup .mx-calendar .cell {
  font-family: var(--font-stack);
}
.pb-personal-access-token-dialog-popup .mx-calendar .mx-btn,
.pb-personal-access-token-dialog-popup .mx-calendar .cell {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar .mx-btn,
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar .cell {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar .mx-btn,
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar .cell {
  color: #212121;
}

.pb-personal-access-token-dialog-popup .mx-calendar-header > .mx-btn:hover {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar-header > .mx-btn:hover {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar-header > .mx-btn:hover {
  color: #3f51b5;
}

.pb-personal-access-token-dialog-popup .mx-calendar-content .cell:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar-content .cell:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar-content .cell:hover {
  background-color: #eeeeee;
}

.pb-personal-access-token-dialog-popup .mx-calendar-content .cell.active {
  background-color: hsl(198, 100%, 38%);
  color: hsl(198, 0%, 100%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar-content .cell.active {
  background-color: hsl(198, 65%, 57%);
  color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar-content .cell.active {
  background-color: #3f51b5;
  color: #ffffff;
}

.pb-personal-access-token-dialog-popup .mx-calendar-content .cell.in-range,
.pb-personal-access-token-dialog-popup .mx-calendar-content .cell.hover-in-range {
  background-color: hsl(201, 29%, 88%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar-content .cell.in-range,
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar-content .cell.hover-in-range {
  background-color: hsl(203, 32%, 29%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar-content .cell.in-range,
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar-content .cell.hover-in-range {
  background-color: #d7ddf4;
  color: #000000;
}

.pb-personal-access-token-dialog-popup .mx-calendar-content .cell.not-current-month {
  background-color: hsl(198, 0%, 98%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar-content .cell.not-current-month {
  background-color: hsl(201, 30%, 15%);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar-content .cell.not-current-month {
  background-color: #fafafa;
  color: #bdbdbd;
}

.pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.today {
  font-weight: bold;
}
.pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.today {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.today {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.today {
  color: #000000;
}

.pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.last-month,
.pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.next-month {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.last-month,
.theme-dark .pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.next-month {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.last-month,
.theme-legacy .pb-personal-access-token-dialog-popup .mx-calendar-panel-date td.next-month {
  color: #9e9e9e;
}

.pb-personal-access-token-secret-dialog__input-row {
  display: flex;
  margin-top: 1rem;
}

.pb-personal-access-token-secret-dialog__input {
  flex-grow: 1;
  font-family: monospace;
  outline: none;
}

.pb-plot-controls__item {
  margin: 0.5rem 0;
}

.pb-plot-controls__item--block,
.pb-plot-controls__item--block.pb-toggle {
  display: block;
}

.pb-plot-controls__item:first-child {
  margin-top: 0;
}

.pb-plot-controls__item:last-child {
  margin-bottom: 0;
}

.pb-plot-controls--has-after .pb-plot-controls__item:last-child {
  margin-bottom: 0.5rem;
}

.pb-plot-controls__compensation-item {
  display: flex;
  align-items: baseline;
}

.pb-plot-controls__compensation-select {
  flex: auto;
}

.pb-plot-controls__compensation-edit {
  flex: none;
  padding: 0 0.25rem;
  min-width: 0;
  margin-left: 0.25rem;
}

.pb-plot-controls__deletecomp {
  min-width: 0;
  padding: 0;
  height: auto;
  color: inherit;
}

@keyframes pb-progress--loop {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.pb-progress {
  height: 2px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.pb-progress {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-progress {
  background-color: hsl(200, 23%, 25%);
}
.theme-legacy .pb-progress {
  background-color: #eeeeee;
}

.pb-progress::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: var(--transition-duration-fast);
  transition-property: width;
  transition-timing-function: linear;
  width: var(--progress-percent, 0);
}
.pb-progress::after {
  background-color: hsl(198, 100%, 38%);
}
.theme-dark .pb-progress::after {
  background-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-progress::after {
  background-color: #3f51b5;
}

.pb-progress--loop::after {
  animation: pb-progress--loop 2s ease-in-out infinite;
  width: 75%;
}

.pb-progress--danger::after {
  width: 100%;
}
.pb-progress--danger::after {
  background-color: hsl(9, 100%, 38%);
}
.theme-dark .pb-progress--danger::after {
  background-color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-progress--danger::after {
  background-color: #ff5722;
}

.pb-query-dialog__input {
  /* Avoid scrollbars showing up. */
  padding: 3px 0;
}

.pb-query-dialog__validation,
.pb-query-dialog__warning {
  font-size: var(--font-size-small);
  margin: 0;
}

.pb-query-dialog__validation {
  color: hsl(9, 100%, 44%);
}
.theme-dark .pb-query-dialog__validation {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-query-dialog__validation {
  color: #d50000;
}

.pb-query-dialog__warning {
  color: hsl(38, 100%, 38%);
}
.theme-dark .pb-query-dialog__warning {
  color: hsl(49, 98%, 51%);
}
.theme-legacy .pb-query-dialog__warning {
  color: #ffab00;
}

.material .pb-query-dialog__validation,
.material .pb-query-dialog__warning {
  padding: 0 2px;
}

.pb-query-dialog__body-text {
  margin-top: 0;
  white-space: pre-wrap;
}

.pb-query-dialog__spinner {
  position: absolute;
  display: flex;
  justify-content: center;
  right: 0;
  left: 0;
}

@keyframes pb-radial-progress-loop {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pb-radial-progress {
  --pb-radial-progress-fg-color: var(--radial-progress-color, hsl(198, 100%, 38%));
  --pb-radial-progress-bg-color: var(--radial-progress-bg-color, rgba(0, 0, 0, 0.15));
}
.theme-dark .pb-radial-progress {
  --pb-radial-progress-fg-color: var(--radial-progress-color, hsl(198, 65%, 57%));
  --pb-radial-progress-bg-color: var(--radial-progress-bg-color, hsl(200, 23%, 25%));
}
.theme-legacy .pb-radial-progress {
  --pb-radial-progress-fg-color: var(--radial-progress-color, #3f51b5);
  --pb-radial-progress-bg-color: var(--radial-progress-bg-color, rgba(0, 0, 0, 0.15));
}

.pb-radial-progress--danger {
  --pb-radial-progress-fg-color: var(--radial-progress-color, hsl(9, 100%, 38%));
}
.theme-dark .pb-radial-progress--danger {
  --pb-radial-progress-fg-color: var(--radial-progress-color, hsl(3, 90%, 62%));
}
.theme-legacy .pb-radial-progress--danger {
  --pb-radial-progress-fg-color: var(--radial-progress-color, #d50000);
}

.pb-radial-progress--success {
  --pb-radial-progress-fg-color: var(--radial-progress-color, hsl(93, 79%, 40%));
}
.theme-dark .pb-radial-progress--success {
  --pb-radial-progress-fg-color: var(--radial-progress-color, hsl(92, 79%, 40%));
}
.theme-legacy .pb-radial-progress--success {
  --pb-radial-progress-fg-color: var(--radial-progress-color, #388e3c);
}

.pb-radial-progress--inverse {
  --pb-radial-progress-fg-color: var(--radial-progress-color, hsl(198, 65%, 57%));
  --pb-radial-progress-bg-color: var(--radial-progress-color, rgba(255, 255, 255, 0.15));
}
.theme-dark .pb-radial-progress--inverse {
  --pb-radial-progress-fg-color: var(--radial-progress-color, hsl(198, 100%, 38%));
  --pb-radial-progress-bg-color: var(--radial-progress-color, rgba(0, 0, 0, 0.15));
}
.theme-legacy .pb-radial-progress--inverse {
  --pb-radial-progress-fg-color: var(--radial-progress-color, #9fa8da);
  --pb-radial-progress-bg-color: var(--radial-progress-color, rgba(255, 255, 255, 0.15));
}

.pb-radial-progress { /* stylelint-disable-line no-duplicate-selectors */
  align-items: center;
  display: inline-flex;
  font-size: 3rem;
  height: 1em;
  justify-content: center;
  position: relative;
  transform: translateZ(0);
  width: 1em;
}

.pb-radial-progress__svg {
  --radial-progress-stroke-width: calc((6 / 72) * 1em);
  /*
  Must be 1em (.pb-radial-progress width/height) and not 100% because of a
  Safari bug.
  */
  --mid-circumference: calc((1em - var(--radial-progress-stroke-width)) * 3.141592);
  /*
  These should be the same, but they're not in Safari and they need to be
  used in specific scenarios.
  */
  --mid-circumference-pct: calc((100% - var(--radial-progress-stroke-width)) * 3.141592);
  width: 100%;
  height: 100%;
  position: absolute;
  /*
  Safari doesn't calculate the transform origin properly inside SVG when
  zoomed. Rotate the SVG instead of the circle.
  */
  transform: rotate(-90deg);
}

.pb-radial-progress--indeterminate .pb-radial-progress__svg {
  animation: pb-radial-progress-loop 1.5s linear infinite;
  /* transform-origin: center; // https://bugs.webkit.org/show_bug.cgi?id=218300 */
}

.pb-radial-progress circle {
  stroke-width: var(--radial-progress-stroke-width);
  fill: transparent;
  cx: 50%;
  cy: 50%;
  /* Must be 50% and not 0.5em because of a Safari bug. */
  r: calc(50% - var(--radial-progress-stroke-width) / 2);
}

.pb-radial-progress__background {
  stroke: var(--pb-radial-progress-bg-color);
}

.pb-radial-progress__foreground {
  stroke: var(--pb-radial-progress-fg-color);
  transition: stroke-dashoffset var(--transition-duration-fast);
  stroke-dasharray: var(--mid-circumference);
  /* See comment about --mid-circumference vs --mid-circumference-pct. */
  stroke-dashoffset: calc(var(--mid-circumference) - var(--pb-radial-progress-value) / 100 * var(--mid-circumference-pct));
}

.pb-radial-progress--success .pb-radial-progress__foreground,
.pb-radial-progress--danger .pb-radial-progress__foreground {
  stroke-dashoffset: 0;
}

.pb-radial-progress__label {
  display: inline-flex;
  font-size: 0.3888888889em; /* avoid sub-pixel values */
}

.pb-radial-progress__icon,
.pb-radial-progress__label {
  color: var(--pb-radial-progress-fg-color);
}

.pb-radial-progress__percent {
  font-size: 0.7142857143em; /* avoid sub-pixel values */
  font-weight: bold;
}

.pb-radial-progress__bang {
  font-size: 1.2857142857em; /* avoid sub-pixel values */
}

.pb-radial-progress--medium {
  font-size: 1.5rem;
}

.pb-radial-progress--small,
.pb-radial-progress--inline {
  font-size: 0.75rem;
}

.pb-radial-progress--inline {
  vertical-align: middle;
}

/* theme customizations */
.pb-radio {
  --radio-circle-padding: 6px;
  --radio-circle-diameter: 16px;
}

.pb-radio { /* stylelint-disable-line no-duplicate-selectors */
  display: inline-block;
  text-align: left;
  padding-left: var(--radio-circle-diameter);
  position: relative;
  cursor: pointer;
}

.pb-radio:focus-visible {
  outline: 2px auto Highlight;
  outline: 2px auto -webkit-focus-ring-color;
}

.pb-radio--with-label {
  padding-left: calc(var(--radio-circle-diameter) + var(--radio-circle-padding));
}

.pb-radio--disabled {
  cursor: default;
}

.pb-radio__label {
  cursor: inherit;
}
.pb-radio__label {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-radio__label {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-radio__label {
  color: rgba(0, 0, 0, 0.87);
}

.pb-radio--disabled .pb-radio__label {
  color: hsl(198, 10%, 71%);
}
.theme-dark .pb-radio--disabled .pb-radio__label {
  color: hsl(198, 14%, 36%);
}
.theme-legacy .pb-radio--disabled .pb-radio__label {
  color: rgba(0, 0, 0, 0.54);
}

.pb-radio__circle {
  display: inline-block;
  width: 0;
  vertical-align: calc(var(--font-cap-height) / 2 - var(--radio-circle-diameter) / 2);
  height: var(--radio-circle-diameter);
  position: relative;
}

/* simulate the radio visually using a pseudo-element */
.pb-radio__circle::before {
  border-style: solid;
  border-width: var(--border-width);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: var(--radio-circle-diameter);
  right: 0;
  position: absolute;
  top: 0;
  width: var(--radio-circle-diameter);
}
.pb-radio__circle::before {
  background-color: transparent;
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-radio__circle::before {
  background-color: transparent;
  border-color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-radio__circle::before {
  background-color: #ffffff;
  border-color: #757575;
}

.pb-radio--with-label .pb-radio__circle::before {
  right: var(--radio-circle-padding);
}

.pb-radio--hidden .pb-radio__circle {
  display: none;
}

.pb-radio--disabled .pb-radio__circle::before {
  border-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-radio--disabled .pb-radio__circle::before {
  border-color: hsl(198, 14%, 36%);
}
.theme-legacy .pb-radio--disabled .pb-radio__circle::before {
  border-color: #e0e0e0;
}

/* when the radio is checked, use a box shadow to fill with primary color */
.pb-radio--checked .pb-radio__circle::before {
  border-width: 0;
  padding: var(--border-width);
}
.pb-radio--checked .pb-radio__circle::before {
  box-shadow: inset 0 0 0 0.25rem hsl(198, 100%, 38%);
}
.theme-dark .pb-radio--checked .pb-radio__circle::before {
  box-shadow: inset 0 0 0 0.25rem hsl(198, 65%, 57%);
}
.theme-legacy .pb-radio--checked .pb-radio__circle::before {
  box-shadow: inset 0 0 0 0.25rem #3f51b5;
}

.pb-radio--checked.pb-radio--disabled .pb-radio__circle::before {
  border-width: 0;
  padding: var(--border-width);
}
.pb-radio--checked.pb-radio--disabled .pb-radio__circle::before {
  box-shadow: inset 0 0 0 0.25rem hsl(198, 0%, 80%);
}
.theme-dark .pb-radio--checked.pb-radio--disabled .pb-radio__circle::before {
  box-shadow: inset 0 0 0 0.25rem hsl(198, 14%, 36%);
}
.theme-legacy .pb-radio--checked.pb-radio--disabled .pb-radio__circle::before {
  box-shadow: inset 0 0 0 0.25rem #e0e0e0;
}

/*
 * the actual `<input>` element is hidden by setting its
 * opacity to zero
 */
.pb-radio__input {
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  cursor: inherit;
}

.pb-reorderable-controls {
  padding: 0.5rem;
  border: 1px solid;
  border-radius: 3px;
  margin: 16px 12px;
}
.pb-reorderable-controls {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 87%);
}
.theme-dark .pb-reorderable-controls {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(203, 30%, 8%);
}
.theme-legacy .pb-reorderable-controls {
  background-color: #ffffff;
  border-color: #cfcfcf;
}

.pb-reorderable-controls > :last-child {
  margin-bottom: 0;
}

.pb-reorderable-controls__header {
  align-items: baseline;
  display: grid;
  font-size: 14px;
  font-weight: 500;
  grid-template-columns: [text] 1fr [move-down] 20px [move-up] 20px [remove] 20px;
  letter-spacing: 0.01em;
  line-height: 1.2em;
  margin-bottom: 8px;
}
.pb-reorderable-controls__header {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-reorderable-controls__header {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-reorderable-controls__header {
  color: #424242;
}

.pb-reorderable-controls__header-text {
  margin-right: auto;
}

.pb-reorderable-controls__button.pb-button {
  border-color: transparent;
}
.theme-dark .pb-reorderable-controls__button.pb-button {
  border-color: transparent;
}
.theme-legacy .pb-reorderable-controls__button.pb-button {
  border-color: transparent;
}

.pb-reorderable-controls__move-down {
  grid-column-start: move-down;
}

.pb-reorderable-controls__move-up {
  grid-column-start: move-up;
}

.pb-reorderable-controls__remove {
  grid-column-start: remove;
}

.pb-reorderable-controls__row {
  font: inherit;
  margin: 8px 0;
}

.pb-reset-password {
  background-position: 23rem 0, 0 0;
  background-repeat: no-repeat;
  background-size: cover, calc(23rem + 1px);
  height: 100%;
}
.pb-reset-password {
  background-color: hsl(198, 0%, 95%);
  background-image: url("banner4-light.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, hsla(198, 0%, 0%, 0.1) 23rem);
}
.theme-dark .pb-reset-password {
  background-color: hsl(203, 32%, 19%);
  background-image: url("banner4-dark.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, hsla(203, 32%, 19%, 0.1) 23rem);
}
.theme-legacy .pb-reset-password {
  background-color: #f5f5f5;
  background-image: url("banner4-legacy.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, rgba(0, 0, 0, 0.12) 23rem);
}

.pb-reset-password__content {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  padding: 1rem 2.5rem;
  padding-top: calc((100vh - 20rem) / 2);
  width: 23rem;
}
.pb-reset-password__content {
  background: hsl(198, 0%, 98%);
}
.theme-dark .pb-reset-password__content {
  background: hsl(201, 30%, 15%);
}
.theme-legacy .pb-reset-password__content {
  background: #ffffff;
}

.pb-reset-password__loading {
  align-items: center;
  display: flex;
}

.pb-spinner.pb-reset-password__spinner {
  margin-right: 1rem;
}

.pb-h3.pb-reset-password__subtitle {
  line-height: 1em;
  margin: 0.25rem 0 1rem;
}

.pb-reset-password__form {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}

.pb-reset-password__control {
  margin: 0.25rem 0 0.75rem;
}

.pb-reset-password__control--link {
  margin: 0.25rem auto 0.75rem;
}

@media screen and (max-width: 768px) {
  .pb-reset-password {
    grid: 1fr/1fr;
  }
  .pb-reset-password {
    background: hsl(198, 0%, 95%);
  }
  .theme-dark .pb-reset-password {
    background: hsl(203, 32%, 19%);
  }
  .theme-legacy .pb-reset-password {
    background: #f5f5f5;
  }
  .pb-reset-password__content {
    grid-area: 1/1;
    width: auto;
    padding: 1rem 20%;
  }
}
.pb-retention-policy-dialog__fieldset.pb-form__row {
  font-size: var(--font-size);
}

.pb-retention-policy-dialog__fieldset.pb-form__row > *:not(:first-child) {
  margin-left: 0.5rem;
}

.pb-retention-policy-dialog__fieldset.pb-form__row + p {
  margin-top: 0.5rem;
}

.pb-revision-dialog__add-signature {
  margin-top: 1rem;
}

.pb-revision-dialog__fieldset-label {
  width: 3rem;
}

.pb-revision-dialog__fieldset.pb-form__row {
  font-size: var(--font-size);
}

.pb-revision-dialog__fieldset.pb-form__row + p {
  margin-top: 0.5rem;
}

.pb-revision-dialog__meaning-select {
  max-width: 140px;
}

.pb-revision-dialog__custom-meaning {
  margin-left: 0.5rem;
}

.pb-revision-dialog__alert {
  margin: 1rem 0 0 0;
}

.pb-revision-dialog__set-password-wrap {
  text-align: center;
}

.pb-role-dialog__input {
  margin-bottom: 0.75rem;
  margin-top: 0.5rem;
}

.pb-role-dialog__primary-permission {
  margin: 0.5rem 0 0.25rem;
  text-transform: capitalize;
}

.pb-role-dialog__secondary-permission {
  margin-bottom: 0.375rem;
  margin-left: 0.75rem;
  margin-top: 0.125rem;
}

.pb-run-algorithms {
  width: 485px;
  padding: 1rem;
  font-size: var(--font-size);
}

.pb-run-algorithms__fieldset.pb-form__fieldset {
  margin: var(--content-vertical-margin) 0;
  padding: 0.5rem 0.75rem;
}

.pb-run-algorithms__field {
  margin-top: 0.5rem;
}

.pb-run-algorithms__field:last-child {
  margin-bottom: 0.5rem;
}

.pb-run-algorithms__field--combo {
  display: flex;
  align-items: end;
}

button.pb-run-algorithms__button--error {
  border: none;
  cursor: pointer;
  margin: 0 0 0.125rem 0.25rem;
  padding: 0;
}
button.pb-run-algorithms__button--error {
  background-color: transparent;
  color: hsl(9, 100%, 44%);
}
.theme-dark button.pb-run-algorithms__button--error {
  background-color: transparent;
  color: hsl(3, 90%, 62%);
}
.theme-legacy button.pb-run-algorithms__button--error {
  background-color: transparent;
  color: #d50000;
}

.pb-run-algorithms__help-details {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.pb-run-algorithms__help-details summary {
  cursor: pointer;
}

.pb-run-algorithms__help-details summary:focus {
  /* #4390 outline is excessive, remove for now */
  outline: none;
}

.pb-run-algorithms__radio-container {
  padding: 4px 16px 4px 0;
}

.pb-run-algorithms__which-algorithm-radio .pb-radio__label {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.pb-run-algorithms__2-col-grid,
.pb-run-algorithms__3-col-grid {
  margin-top: 0.5rem;
  display: grid;
  grid-gap: 0.5rem 10px; /* safari 10.1 */
  gap: 0.5rem 10px;
}

.pb-run-algorithms__2-col-grid {
  grid-template-columns: 1fr 1fr;
}

.pb-run-algorithms__3-col-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.pb-run-algorithms__actions {
  margin-top: var(--content-vertical-margin);
  display: flex;
  align-items: baseline;
}

.pb-run-algorithms__estimated-runtime {
  margin-left: 12px;
}

.pb-run-algorithms__status-info {
  margin-top: var(--content-vertical-margin);
}

.material .pb-subsampling-controls .pb-subsampling-controls__group {
  height: unset;
}

.pb-scale-editor__input {
  min-width: 0;
  flex: auto;
}

.pb-scale-editor-dialog .pb-dialog__body {
  display: flex;
}

.pb-scale-editor-dialog__body {
  display: grid;
  gap: 0 1rem;
  grid-template-columns: min-content min-content;
}

.pb-scale-editor-dialog__plot-area {
  overflow: auto;
  width: 400px;
  grid-area: 1/1/4/2;
}

.pb-scale-editor-dialog__card {
  margin-bottom: 1rem;
}

.pb-scale-editor-dialog__plot {
  background-color: white;
}

.pb-scale-editor-dialog__datatable-wrap {
  grid-area: 1/2;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.pb-scale-editor__text-cell {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pb-scale-editor-dialog__bulk {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-area: 2/2;
}

.pb-scale-editor-dialog__bulk-select.pb-select {
  width: 4rem;
  flex: auto;
  max-width: 5rem;
}

.pb-scale-editor-dialog__bulk-input {
  margin-left: 0.5rem;
  width: 4rem;
  flex: auto;
  max-width: 5rem;
}

.pb-scale-editor-dialog__bulk-submit,
.pb-scale-editor-dialog__autoscale-selected {
  align-self: flex-end;
  margin-left: 0.5rem;
}

.pb-scale-editor-dialog__alert {
  grid-area: 3/2;
  margin-top: 1rem;
}

.pb-search-bar {
  cursor: grab;
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
  margin: 0.25rem;
}
.pb-search-bar {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-search-bar {
  background-color: hsl(201, 30%, 13%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-search-bar {
  background-color: #ffffff;
  color: #212121;
}

.pb-search-bar__section {
  display: flex;
  align-items: center;
}

.pb-search-bar__message {
  min-width: 7em;
}

.pb-search-bar__control {
  margin-inline: 12px;
}

/* theme customizations */
.pb-select,
.pb-select__sticker {
  --select-sticker-border-width: 1px;
}

.material .pb-select,
.material .pb-select__sticker {
  --select-sticker-border-width: 0;
}

.pb-select { /* stylelint-disable-line no-descending-specificity */
  flex: auto;
}

.pb-select--fixed-width {
  display: flex;
}

.pb-select--toolbar {
  margin: 0 4px;
  flex: none;
}

.pb-select__trigger--fixed-width {
  width: calc(var(--select-text-width) + 1rem);
}

.pb-select__sticker { /* stylelint-disable-line no-descending-specificity */
  border-style: solid;
  border-width: var(--select-sticker-border-width);
  outline: none;
}
.pb-select__sticker {
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-select__sticker {
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-select__sticker {
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pb-select__sticker.pb-select-list {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-select__sticker.pb-select-list {
  background-color: hsl(198, 28%, 18%);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-select__sticker.pb-select-list {
  background-color: #ffffff;
  color: #212121;
}

.pb-select__sticker .pb-select-list__search-input {
  padding: 0 0.25rem;
}

.pb-select-folder {
  display: flex;
  flex-direction: column;
  height: 50vh;
}

.pb-select-folder--consent {
  height: 60vh;
}

.pb-select-folder__input.pb-input {
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 0.5rem;
}

.pb-select-folder__list:not(:last-child) {
  margin-bottom: 1rem;
}

.pb-select-folder__consent {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: auto;
  padding: 0.5rem 0.5rem 0;
}
.pb-select-folder__consent {
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-select-folder__consent {
  border-color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-select-folder__consent {
  border-color: rgba(0, 0, 0, 0.12);
}

.pb-select-folder__consent-checkbox {
  margin-top: 0.125rem;
}

.pb-select-folder__consent-content {
  margin-left: 0.5rem;
}

.pb-p.pb-select-folder__consent-content-text {
  line-height: initial;
}

.pb-ul.pb-select-folder__consent-content-list {
  line-height: initial;
  margin-bottom: 0.5rem;
}

.pb-li.pb-select-folder__consent-content-item {
  margin-bottom: 0.25rem;
}

/* theme customizations */
.pb-select-list {
  --input-transition-duration: var(--transition-duration-fast);
  --select-list-option-padding: 1rem;
}

.material .pb-select-list {
  --input-transition-duration: 0s;
  --select-list-option-padding: 12px;
}

.pb-select-list { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: flex;
  flex-flow: column nowrap;
}
.pb-select-list {
  background-color: transparent;
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-select-list {
  background-color: transparent;
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-select-list {
  background-color: transparent;
  color: #212121;
}

.pb-select-list__search {
  background-repeat: no-repeat;
  background-size: 0 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex: none;
  font-size: var(--font-size);
  transition: background-size var(--input-transition-duration) ease;
}
.pb-select-list__search {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(198, 80%, 46%) 1px, transparent 0);
  border-bottom-color: hsl(198, 0%, 70%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-select-list__search {
  background-color: transparent;
  background-image: linear-gradient(0deg, hsl(198, 65%, 57%) 1px, transparent 0);
  border-bottom-color: hsl(203, 16%, 72%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-select-list__search {
  background-color: transparent;
  background-image: linear-gradient(0deg, #3f51b5 1px, transparent 0);
  border-bottom-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

.pb-select-list__search:focus-within {
  background-size: 100% 100%;
  outline-style: none;
}
.pb-select-list__search:focus-within {
  border-bottom-color: hsl(198, 80%, 46%);
}
.theme-dark .pb-select-list__search:focus-within {
  border-bottom-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-select-list__search:focus-within {
  border-bottom-color: #3f51b5;
}

.pb-select-list__search--flipped {
  order: 1;
  border-bottom: 0;
  border-top-style: solid;
  border-top-width: 1px;
}
.pb-select-list__search--flipped {
  border-top-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-select-list__search--flipped {
  border-top-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-select-list__search--flipped {
  border-top-color: #eeeeee;
}

.pb-select-list__search-input {
  border: 0;
  border-radius: 0;
  cursor: text;
  flex: auto;
  font: inherit;
  margin: var(--select-list-search-input-margin);
  min-width: 0;
  outline: none;
  padding: 0;
}
.pb-select-list__search-input {
  background-color: transparent;
}
.theme-dark .pb-select-list__search-input {
  background-color: transparent;
}
.theme-legacy .pb-select-list__search-input {
  background-color: transparent;
}

.pb-select-list__all,
.pb-select-list__clear,
.pb-select-list__search-input {
  line-height: 30px;
}

.pb-select-list__all,
.pb-select-list__clear {
  padding: 0 0.25rem;
}

.pb-select-list__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  overflow: auto;
  overflow-anchor: none;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  outline: none;
}

.pb-select-list--no-padding .pb-select-list__list {
  padding: 0;
}

.pb-select-list__option {
  box-sizing: border-box;
  align-items: center; /* for checkboxes */
  cursor: pointer;
  display: flex;
  position: relative;
  line-height: var(--select-list-option-line-height);
  padding: 0;
  white-space: nowrap;
}

.pb-select-list__display_text {
  white-space: pre;
}

.pb-select-list__option--with-secondary-text {
  padding: 0.25em 0;
}

.pb-select-list__option--empty-secondary-text {
  line-height: calc(var(--select-list-option-line-height) * 2);
}

.pb-select-list__option:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-select-list__option:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-select-list__option:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.pb-select-list__list:focus-visible .pb-select-list__option--focus,
.pb-select-list__list--focus-visible:focus .pb-select-list__option--focus {
  outline: 2px auto Highlight;
  outline: 2px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.pb-select-list__option--disabled {
  cursor: default;
}
.pb-select-list__option--disabled {
  background-color: transparent;
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-select-list__option--disabled {
  background-color: transparent;
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-select-list__option--disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.54);
}

.pb-select-list__option--divider::after {
  border-top-style: solid;
  border-top-width: 1px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.pb-select-list__option--divider::after {
  border-top-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-select-list__option--divider::after {
  border-top-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-select-list__option--divider::after {
  border-top-color: #eeeeee;
}

.pb-select-list__option--divider,
.pb-select-list__option--divider:hover {
  cursor: default;
}
.pb-select-list__option--divider,
.pb-select-list__option--divider:hover {
  background-color: transparent;
  color: inherit;
}
.theme-dark .pb-select-list__option--divider,
.theme-dark .pb-select-list__option--divider:hover {
  background-color: transparent;
  color: inherit;
}
.theme-legacy .pb-select-list__option--divider,
.theme-legacy .pb-select-list__option--divider:hover {
  background-color: transparent;
  color: inherit;
}

.pb-select-list__option--header,
.pb-select-list__option--header:hover {
  cursor: default;
  font-weight: 700;
}
.pb-select-list__option--header,
.pb-select-list__option--header:hover {
  background-color: transparent;
  color: hsl(198, 0%, 20%);
}
.theme-dark .pb-select-list__option--header,
.theme-dark .pb-select-list__option--header:hover {
  background-color: transparent;
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-select-list__option--header,
.theme-legacy .pb-select-list__option--header:hover {
  background-color: transparent;
  color: #000000;
}

.pb-select-list__option--selected,
.pb-select-list__option--selected:hover,
.pb-select-list__option--selected:focus-within {
  background-color: hsl(201, 29%, 88%);
}
.theme-dark .pb-select-list__option--selected,
.theme-dark .pb-select-list__option--selected:hover,
.theme-dark .pb-select-list__option--selected:focus-within {
  background-color: hsl(203, 32%, 29%);
}
.theme-legacy .pb-select-list__option--selected,
.theme-legacy .pb-select-list__option--selected:hover,
.theme-legacy .pb-select-list__option--selected:focus-within {
  background-color: #d7ddf4;
}

.pb-select-list__option--disabled:hover {
  background-color: transparent;
}
.theme-dark .pb-select-list__option--disabled:hover {
  background-color: transparent;
}
.theme-legacy .pb-select-list__option--disabled:hover {
  background-color: transparent;
}

.pb-select-list__option--disabled.pb-select-list__option--selected {
  background-color: hsl(203, 3%, 96%);
}
.theme-dark .pb-select-list__option--disabled.pb-select-list__option--selected {
  background-color: hsl(198, 18%, 26%);
}
.theme-legacy .pb-select-list__option--disabled.pb-select-list__option--selected {
  background-color: #eeeeee;
}

.pb-select-list__option--empty,
.pb-select-list__option--empty:hover {
  font-style: italic;
  cursor: default;
}
.pb-select-list__option--empty,
.pb-select-list__option--empty:hover {
  background-color: transparent;
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-select-list__option--empty,
.theme-dark .pb-select-list__option--empty:hover {
  background-color: transparent;
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-select-list__option--empty,
.theme-legacy .pb-select-list__option--empty:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.54);
}

.pb-select-list__secondary-text {
  font-size: var(--font-size-small);
  overflow: hidden;
  text-overflow: ellipsis;
}
.pb-select-list__secondary-text {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-select-list__secondary-text {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-select-list__secondary-text {
  color: #bdbdbd;
}

.pb-select-list__checkbox {
  flex: none;
  margin-left: var(--select-list-option-padding);
}

.pb-select-list__button {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  padding: 0 var(--select-list-option-padding);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(var(--select-list-text-width) + var(--select-list-scrollbar-adjust));
}

.pb-select-list__static {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  padding: 0 var(--select-list-option-padding);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(var(--extra-option-width) + var(--select-list-text-width) + var(--select-list-scrollbar-adjust));
}

.pb-select-list__option-actions {
  margin-right: 0.5rem;
  flex: none;
}

/* theme customizations */
.pb-select-main {
  --select-main-button-background-size: 16px 6px;
  --select-main-button-border-width: 1px;
  --select-main-button-padding: 0 calc(0.5rem + 10px) 0 0;
  --select-main-button-padding-invisible: 0 0.25rem;
  --select-main-button-line-height: 1rem;
  --select-main-label-font-size: var(--font-size-small-plus);
  --select-main-label-font-weight: 600;
  --select-main-label-line-height: 0.75rem;
  --select-main-min-width: calc(1em + 0.5rem + 10px); /* 1 char + right padding */
}

.material .pb-select-main {
  --select-main-button-background-size: 16px 5px;
  --select-main-button-line-height: 23px;
  --select-main-button-padding: 0 16px 0 0;
  --select-main-button-padding-invisible: 0;
  --select-main-label-font-size: 11px;
  --select-main-label-font-weight: normal;
  --select-main-label-line-height: 14px;
  --select-main-min-width: calc(1em + 16px); /* 1 char + right padding */
}

.pb-select-main { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: grid;
  grid: auto/auto 1fr auto;
  flex: auto;
  min-width: var(--select-main-min-width);
  position: relative;
}

.pb-select-main--has-label {
  padding-top: var(--select-main-label-line-height);
}

/* the label is positioned absolutely so that the dominant baseline of the */
/* grid is computed from the main text */
.pb-select-main__label {
  font-size: var(--select-main-label-font-size);
  font-weight: var(--select-main-label-font-weight);
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--select-main-label-line-height);
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.pb-select-main__label {
  color: hsl(198, 0%, 27%);
}
.theme-dark .pb-select-main__label {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-select-main__label {
  color: rgba(0, 0, 0, 0.72);
}

.pb-select-main--disabled .pb-select-main__label {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-select-main--disabled .pb-select-main__label {
  color: hsl(198, 10%, 46%);
}
.theme-legacy .pb-select-main--disabled .pb-select-main__label {
  color: rgba(0, 0, 0, 0.54);
}

.pb-select-main__before {
  margin-right: 0.5rem;
  grid-area: 1/1;
}

.pb-select-main__after {
  margin-left: 0.5rem;
  grid-area: 1/3;
}

.pb-select-main__label--error {
  color: hsl(9, 100%, 38%);
}
.theme-dark .pb-select-main__label--error {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-select-main__label--error {
  color: #ff5722;
}

.pb-select-main__button {
  background-color: transparent;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: var(--select-main-button-background-size);
  border-bottom-style: solid;
  border-bottom-width: var(--select-main-button-border-width);
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  font-family: var(--font-stack);
  font-size: var(--font-size);
  grid-area: 1/2;
  overflow: hidden;
  padding: var(--select-main-button-padding);
  line-height: var(--select-main-button-line-height);
  margin: 0;
  outline-style: none;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pb-select-main__button {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 0 1 .217.193a.723.723 0 0 1 1.002.018l3.779 3.807L8.781.211A.723.723 0 0 1 9.783.193c.282.264.29.701.019.975h-.004z' fill='%23b3b3b3'/%3E%3C/svg%3E");
  border-bottom-color: hsl(198, 0%, 70%);
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-select-main__button {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 0 1 .217.193a.723.723 0 0 1 1.002.018l3.779 3.807L8.781.211A.723.723 0 0 1 9.783.193c.282.264.29.701.019.975h-.004z' fill='%23999999'/%3E%3C/svg%3E");
  border-bottom-color: hsl(203, 16%, 72%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-select-main__button {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M0 0l5 5 5-5H0z' fill='rgba(0, 0, 0, 0.54)'/%3E%3C/svg%3E");
  border-bottom-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

.pb-select-main__button--center {
  text-align: center;
}

.pb-select--toolbar .pb-select-main__button {
  margin-top: 0;
  margin-bottom: 0;
}

.pb-select-main--is-button .pb-select-main__button {
  cursor: pointer;
}

.pb-select-main .pb-select-main__button--error {
  border-bottom-color: hsl(9, 100%, 44%);
}
.theme-dark .pb-select-main .pb-select-main__button--error {
  border-bottom-color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-select-main .pb-select-main__button--error {
  border-bottom-color: #d50000;
}

.pb-select-main--placeholder .pb-select-main__button {
  font-style: italic;
  text-indent: 0.1em; /* italic ink often extends before glyph origin */
}
.pb-select-main--placeholder .pb-select-main__button {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-select-main--placeholder .pb-select-main__button {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-select-main--placeholder .pb-select-main__button {
  color: #424242;
}

.pb-select-main--is-button .pb-select-main__button:focus,
.pb-select-main--focused.pb-select-main--is-button .pb-select-main__button {
  background-color: transparent;
  border-bottom-color: hsl(198, 80%, 46%);
}
.theme-dark .pb-select-main--is-button .pb-select-main__button:focus,
.theme-dark .pb-select-main--focused.pb-select-main--is-button .pb-select-main__button {
  background-color: transparent;
  border-bottom-color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-select-main--is-button .pb-select-main__button:focus,
.theme-legacy .pb-select-main--focused.pb-select-main--is-button .pb-select-main__button {
  background-color: transparent;
  border-bottom-color: #3f51b5;
}

.pb-select-main--is-button .pb-select-main__button:hover {
  background-color: hsla(198, 0%, 87%, 0.5);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 0 1 .217.193a.723.723 0 0 1 1.002.018l3.779 3.807L8.781.211A.723.723 0 0 1 9.783.193c.282.264.29.701.019.975h-.004z' fill='%238c8c8c'/%3E%3C/svg%3E");
}
.theme-dark .pb-select-main--is-button .pb-select-main__button:hover {
  background-color: hsl(201, 31%, 23%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 0 1 .217.193a.723.723 0 0 1 1.002.018l3.779 3.807L8.781.211A.723.723 0 0 1 9.783.193c.282.264.29.701.019.975h-.004z' fill='%238c8c8c'/%3E%3C/svg%3E");
}
.theme-legacy .pb-select-main--is-button .pb-select-main__button:hover {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M0 0l5 5 5-5H0z' fill='rgba(0, 0, 0, 0.54)'/%3E%3C/svg%3E");
}

.pb-select-main .pb-select-main__button[disabled] {
  cursor: default;
}
.pb-select-main .pb-select-main__button[disabled] {
  color: hsl(198, 0%, 70%);
  border-bottom-color: hsl(198, 0%, 70%);
  background-color: transparent;
}
.theme-dark .pb-select-main .pb-select-main__button[disabled] {
  color: hsl(198, 10%, 46%);
  border-bottom-color: hsl(203, 16%, 72%);
  background-color: transparent;
}
.theme-legacy .pb-select-main .pb-select-main__button[disabled] {
  color: rgba(0, 0, 0, 0.54);
  border-bottom-color: rgba(0, 0, 0, 0.12);
  background-color: transparent;
}

.pb-select-main.pb-select-main--invisible .pb-select-main__button {
  padding: var(--select-main-button-padding-invisible);
}
.pb-select-main.pb-select-main--invisible .pb-select-main__button {
  background-color: transparent;
  border-bottom-color: transparent;
  background-image: none;
}
.theme-dark .pb-select-main.pb-select-main--invisible .pb-select-main__button {
  background-color: transparent;
  border-bottom-color: transparent;
  background-image: none;
}
.theme-legacy .pb-select-main.pb-select-main--invisible .pb-select-main__button {
  background-color: transparent;
  border-bottom-color: transparent;
  background-image: none;
}

/* theme customizations */
.pb-sharedialog {
  --sharedialog-label-margin: 1rem;
}

.material .pb-sharedialog {
  --sharedialog-label-margin: 0.5rem;
}

.pb-sharedialog__section {
  border-width: 0;
  margin: 0.75rem 0 0;
  padding: 0;
}

.pb-sharedialog__sectionlabel {
  display: block;
  margin: 0.25rem 0;
}

.pb-sharedialog__spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem;
}

.pb-sharedialog__link {
  display: flex;
  margin: 0.5rem 0;
}

.pb-sharedialog__linkurl {
  flex-grow: 1;
  font: inherit;
  margin-left: 1rem;
}
.pb-sharedialog__linkurl {
  background-color: transparent;
}
.theme-dark .pb-sharedialog__linkurl {
  background-color: transparent;
}
.theme-legacy .pb-sharedialog__linkurl {
  background-color: transparent;
}

.pb-sharedialog__permission-select {
  width: 200px;
}

.pb-sharedialog__userlist {
  margin: 0;
  padding-left: 1rem;
}

.pb-sharedialog__useritem {
  align-items: center;
  display: flex;
  justify-content: space-between;
  list-style: none;
  min-height: 2rem;
  position: relative;
}

.pb-sharedialog__inherited-info {
  margin-right: 0.5rem;
}

.pb-sharedialog__inherited-details {
  font-size: var(--font-size-small-plus);
  margin: 0.375rem 0;
}
.pb-sharedialog__inherited-details {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-sharedialog__inherited-details {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-sharedialog__inherited-details {
  color: #212121;
}

.pb-sharedialog__inherited-details:first-child {
  margin-top: 0;
}

.pb-sharedialog__inherited-details:last-child {
  margin-bottom: 0;
}

.pb-sharedialog__useralert {
  cursor: default;
  flex-grow: 0;
  flex-shrink: 0;
  left: -1rem;
  position: absolute;
  top: 0.625rem;
}
.pb-sharedialog__useralert {
  color: hsl(9, 100%, 44%);
}
.theme-dark .pb-sharedialog__useralert {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-sharedialog__useralert {
  color: #ff5722;
}

.pb-sharedialog__usernote {
  cursor: default;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.pb-sharedialog__usernote {
  color: hsl(38, 100%, 38%);
}
.theme-dark .pb-sharedialog__usernote {
  color: hsl(49, 98%, 51%);
}
.theme-legacy .pb-sharedialog__usernote {
  color: #e65100;
}

.pb-sharedialog__user {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.pb-sharedialog__user,
.pb-sharedialog__user-warning {
  flex-grow: 1;
  flex-shrink: 1;
}

.pb-sharedialog__usercontrols {
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
}

.pb-sharedialog__usercontrols .pb-select {
  margin-right: 0.5rem;
}

.pb-sharedialog__newuser {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-left: 1rem;
  min-height: 2rem;
}

.pb-sharedialog__userselect {
  display: flex;
  flex-grow: 1;
}

.pb-sharedialog__userselect > * {
  flex-grow: 0;
  flex-shrink: 0;
}

.pb-sharedialog__userselect > *:first-child {
  flex-grow: 1;
}

.pb-sharedialog__form {
  border: var(--border-width) solid rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  padding: 0 1rem 0.5rem 0.5rem;
}
.pb-sharedialog__form {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-sharedialog__form {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-sharedialog__form {
  background-color: #ffffff;
}

.pb-sharedialog__messagelabel {
  display: block;
  margin-left: 1rem;
  margin-top: 0.5rem;
}

.pb-sharedialog__message {
  font: inherit;
  margin-left: 1rem;
  margin-top: 0.25rem;
  width: calc(100% - 0.875rem);
}
.pb-sharedialog__message {
  background-color: transparent;
}
.theme-dark .pb-sharedialog__message {
  background-color: transparent;
}
.theme-legacy .pb-sharedialog__message {
  background-color: transparent;
}

.pb-sidenav {
  display: flex;
  height: 100%;
  min-height: 0;
}

.pb-sidenav__nav {
  border-right-style: solid;
  border-right-width: var(--border-width);
  display: flex;
  flex: none;
  flex-direction: column;
  line-height: 1rem;
  margin-bottom: 0;
  max-width: 50vw;
  min-width: 11rem;
  width: var(--sidenav-nav-width);
}
.pb-sidenav__nav {
  border-right-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-sidenav__nav {
  border-right-color: hsl(200, 30%, 12%);
}
.theme-legacy .pb-sidenav__nav {
  border-right-color: #eeeeee;
}

.pb-sidenav__list {
  margin: 0;
  list-style: none;
  padding: 0;
}

.pb-sidenav__item {
  margin: 1rem 0 0 1.25rem;
  padding: 0 0 0 0.5rem;
}

.pb-sidenav__itembutton {
  background-color: transparent;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  border-width: 0;
  display: block;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.583333rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1rem;
  margin: 0;
  overflow-x: hidden;
  padding: 0 0 0 0.5rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.pb-sidenav__itembutton {
  color: hsl(198, 0%, 27%);
}
.theme-dark .pb-sidenav__itembutton {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-sidenav__itembutton {
  color: #000000;
}

.pb-sidenav__itembutton:hover {
  background-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-sidenav__itembutton:hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-sidenav__itembutton:hover {
  background-color: #eeeeee;
}

.pb-sidenav__item--selected .pb-sidenav__itembutton {
  cursor: default;
  pointer-events: none;
}
.pb-sidenav__item--selected .pb-sidenav__itembutton {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-sidenav__item--selected .pb-sidenav__itembutton {
  background-color: hsl(203, 32%, 29%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-sidenav__item--selected .pb-sidenav__itembutton {
  background-color: #d7ddf4;
  color: #000000;
}

.pb-sidenav__action {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.pb-sidenav__grip-container {
  position: relative;
  z-index: 1;
}

.pb-sidenav__grip {
  position: absolute;
  left: -2px;
  top: 0;
  width: 4px;
  height: 100%;
  cursor: col-resize;
}

.pb-sidenav__grip-container + * {
  z-index: 0;
  position: relative;
}

.pb-signin {
  display: grid;
  grid: calc((100% - 20rem) / 2)/23rem;
  height: 100%;
}

.pb-signin--hero {
  grid-template-columns: min(35%, 23rem) 1fr;
}

.pb-signin__content {
  grid-area: 2/1;
  overflow: auto;
  padding: 1rem 2.5rem;
}
.pb-signin__content {
  background: hsl(198, 0%, 98%);
}
.theme-dark .pb-signin__content {
  background: hsl(201, 30%, 15%);
}
.theme-legacy .pb-signin__content {
  background: #ffffff;
}

.pb-signin__title {
  margin-top: 0.25rem;
  width: 10rem;
}

.pb-signin__form {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}

.pb-signin__control {
  margin: 0.25rem 0 0.75rem;
}

.pb-signin__control--with-transition-mask {
  border-bottom: 10px solid;
  border-image-slice: 100% 0;
  border-image-outset: 10px;
}
.pb-signin__control--with-transition-mask {
  background: hsl(198, 0%, 98%);
  border-image-source: linear-gradient(hsl(198, 0%, 98%), rgba(250, 250, 250, 0));
}
.theme-dark .pb-signin__control--with-transition-mask {
  background: hsl(201, 30%, 15%);
  border-image-source: linear-gradient(hsl(201, 30%, 15%), hsla(201, 30%, 15%, 0));
}
.theme-legacy .pb-signin__control--with-transition-mask {
  background: #ffffff;
  border-image-source: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}

.pb-signin__control--link {
  margin: 0.25rem auto 0.75rem;
}

.pb-signin__control--newuser {
  margin: 0.25rem auto 3rem;
}

.pb-signin__control.v-enter {
  opacity: 0;
  margin-top: -56px;
}

.pb-signin__control.v-enter-active {
  transition-property: opacity, margin;
  transition-duration: 0.2s;
}

.pb-signin__background {
  grid-area: 1/2/3/3;
  min-height: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 2.5rem;
}
.pb-signin__background {
  background-color: hsl(198, 0%, 95%);
  background-image: url("banner3-light.svg");
  background-position: 0 0;
  background-size: cover;
  border-left: 1px solid hsla(198, 0%, 0%, 0.1);
}
.theme-dark .pb-signin__background {
  background-color: hsl(203, 32%, 19%);
  background-image: url("banner3-dark.svg");
  background-position: 0 0;
  background-size: cover;
  border-left: 1px solid hsla(203, 32%, 19%, 0.1);
}
.theme-legacy .pb-signin__background {
  background-color: #f5f5f5;
  background-image: url("banner3-legacy.svg");
  background-position: 0 0;
  background-size: cover;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

/* Used by app/views/verified.pug */
.pb-signin---verified .pb-signin__background {
  background-image: url("banner5-light.svg");
}
.theme-dark .pb-signin---verified .pb-signin__background {
  background-image: url("banner5-dark.svg");
}
.theme-legacy .pb-signin---verified .pb-signin__background {
  background-image: url("banner5-legacy.svg");
}

@media screen and (max-width: 768px) {
  .pb-signin {
    grid: 1fr/1fr;
  }
  .pb-signin {
    background: hsl(198, 0%, 95%);
  }
  .theme-dark .pb-signin {
    background: hsl(203, 32%, 19%);
  }
  .theme-legacy .pb-signin {
    background: #f5f5f5;
  }
  .pb-signin__content {
    grid-area: 1/1;
    width: auto;
    padding: 1rem 20%;
  }
  .pb-signin__background {
    display: none;
  }
}
.pb-signpost {
  display: flex;
  position: relative;
  width: 1rem;
}

.pb-signpost__trigger {
  background-color: transparent;
  border-width: 0;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.pb-signpost__trigger {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-signpost__trigger {
  color: hsl(210, 16%, 93%);
}
.pb-signpost--visible .pb-signpost__trigger,
.pb-signpost__trigger:hover {
  color: hsl(198, 100%, 34%);
}
.theme-dark .pb-signpost--visible .pb-signpost__trigger,
.theme-dark .pb-signpost__trigger:hover {
  color: hsl(198, 65%, 57%);
}
.pb-signpost__trigger:active,
.pb-signpost__trigger:focus {
  outline: none;
}

.pb-signpost__trigger.pb-signpost__trigger--warning {
  color: hsl(38, 100%, 38%);
}
.theme-dark .pb-signpost__trigger.pb-signpost__trigger--warning {
  color: hsl(49, 98%, 51%);
}
.theme-legacy .pb-signpost__trigger.pb-signpost__trigger--warning {
  color: #ffab00;
}

.pb-signpost__content {
  width: 10rem;
  position: relative; /* for child positioning */
  margin-top: 1.5rem;
  outline: none;
}
.pb-signpost__content {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-signpost__content {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-signpost__content {
  color: #212121;
}

.pb-signpost__content--wide {
  width: 18rem;
}

.pb-signpost__content--left {
  left: 0.5rem;
}

.pb-signpost__content--right {
  right: 0.5rem;
}

.pb-signpost__content::after,
.pb-signpost__content::before {
  border-bottom-style: solid;
  border-bottom-width: 14px;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}

.pb-signpost__content::after {
  top: -11px;
}
.pb-signpost__content::after {
  border-bottom-color: hsl(198, 0%, 100%);
}
.theme-dark .pb-signpost__content::after {
  border-bottom-color: hsl(198, 28%, 18%);
}
.pb-signpost__content::before {
  top: -13px;
}
.pb-signpost__content::before {
  border-bottom-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-signpost__content::before {
  border-bottom-color: hsl(0, 0%, 0%);
}
.pb-signpost__content--left::after {
  border-right: 14px solid transparent;
  left: 1px;
}

.pb-signpost__content--left::before {
  border-right: 14px solid transparent;
  left: 0;
}

.pb-signpost__content--right::after {
  border-left: 14px solid transparent;
  right: 1px;
}

.pb-signpost__content--right::before {
  border-left: 14px solid transparent;
  right: 0;
}

.pb-signpost__body {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  padding: 0.5rem;
}
.pb-signpost__body {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-signpost__body {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
}
.pb-signpost__content--left .pb-signpost__body {
  border-top-left-radius: 0;
}

.pb-signpost__content--right .pb-signpost__body {
  border-top-right-radius: 0;
}

.pb-signup {
  background-position: 23rem 0, 0 0;
  background-repeat: no-repeat;
  background-size: cover, calc(23rem + 1px);
  height: 100%;
}
.pb-signup {
  background-color: hsl(198, 0%, 95%);
  background-image: url("banner1-light.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, hsla(198, 0%, 0%, 0.1) 23rem);
}
.theme-dark .pb-signup {
  background-color: hsl(203, 32%, 19%);
  background-image: url("banner1-dark.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, hsla(203, 32%, 19%, 0.1) 23rem);
}
.theme-legacy .pb-signup {
  background-color: #f5f5f5;
  background-image: url("banner1-legacy.svg"), linear-gradient(90deg, #fff 0, #fff 23rem, rgba(0, 0, 0, 0.12) 23rem);
}

.pb-signup__content {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  padding: 1rem 2.5rem;
  padding-top: calc((100vh - 32rem) / 2);
  width: 23rem;
}
.pb-signup__content {
  background: hsl(198, 0%, 98%);
}
.theme-dark .pb-signup__content {
  background: hsl(201, 30%, 15%);
}
.theme-legacy .pb-signup__content {
  background: #ffffff;
}

.pb-signup__title {
  line-height: 1em;
  margin-top: 0.25rem;
}

.pb-signup__form {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}

.pb-signup__control {
  margin: 0.25rem 0 0.75rem;
}

.pb-signup__control--checkbox {
  padding-left: 0.125rem;
}

.pb-signup__control--link {
  margin: 0.25rem auto 0.75rem;
}

.pb-signup__control--olduser {
  margin: 0.25rem auto 3rem;
}

@media screen and (max-width: 768px) {
  .pb-signup {
    grid: 1fr/1fr;
  }
  .pb-signup {
    background: hsl(198, 0%, 95%);
  }
  .theme-dark .pb-signup {
    background: hsl(203, 32%, 19%);
  }
  .theme-legacy .pb-signup {
    background: #f5f5f5;
  }
  .pb-signup__content {
    grid-area: 1/1;
    width: auto;
    padding: 1rem 20%;
  }
}
@keyframes pb-spinner--spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pb-spinner {
  animation: pb-spinner--spin 1s linear infinite;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.08em;
  box-sizing: border-box;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 3rem;
  height: 1em;
  transform: translateZ(0);
  width: 1em;
}
.pb-spinner {
  border-bottom-color: var(--spinner-color, hsl(198, 100%, 38%));
  border-left-color: var(--spinner-bg-color, rgba(0, 0, 0, 0.15));
  border-right-color: var(--spinner-bg-color, rgba(0, 0, 0, 0.15));
  border-top-color: var(--spinner-bg-color, rgba(0, 0, 0, 0.15));
}
.theme-dark .pb-spinner {
  border-bottom-color: var(--spinner-color, hsl(198, 65%, 57%));
  border-left-color: var(--spinner-bg-color, hsl(200, 23%, 25%));
  border-right-color: var(--spinner-bg-color, hsl(200, 23%, 25%));
  border-top-color: var(--spinner-bg-color, hsl(200, 23%, 25%));
}
.theme-legacy .pb-spinner {
  border-bottom-color: var(--spinner-color, #3f51b5);
  border-left-color: var(--spinner-bg-color, rgba(0, 0, 0, 0.15));
  border-right-color: var(--spinner-bg-color, rgba(0, 0, 0, 0.15));
  border-top-color: var(--spinner-bg-color, rgba(0, 0, 0, 0.15));
}

.pb-spinner--inverse {
  border-bottom-color: var(--spinner-color, hsl(198, 65%, 57%));
  border-left-color: var(--spinner-bg-color, rgba(255, 255, 255, 0.15));
  border-right-color: var(--spinner-bg-color, rgba(255, 255, 255, 0.15));
  border-top-color: var(--spinner-bg-color, rgba(255, 255, 255, 0.15));
}
.theme-dark .pb-spinner--inverse {
  border-bottom-color: var(--spinner-color, hsl(198, 100%, 38%));
  border-left-color: var(--spinner-bg-color, rgba(0, 0, 0, 0.15));
  border-right-color: var(--spinner-bg-color, rgba(0, 0, 0, 0.15));
  border-top-color: var(--spinner-bg-color, rgba(0, 0, 0, 0.15));
}
.theme-legacy .pb-spinner--inverse {
  border-bottom-color: var(--spinner-color, #9fa8da);
  border-left-color: var(--spinner-bg-color, rgba(255, 255, 255, 0.15));
  border-right-color: var(--spinner-bg-color, rgba(255, 255, 255, 0.15));
  border-top-color: var(--spinner-bg-color, rgba(255, 255, 255, 0.15));
}

.pb-spinner--medium {
  font-size: 1.5rem;
}

.pb-spinner--small,
.pb-spinner--inline {
  font-size: 0.75rem;
}

.pb-spinner--inline {
  vertical-align: middle;
}

.pb-stepper {
  --stepper-label-background-size-with-listener: 16px 6px;
  --stepper-label-padding: 0.25rem 0.5rem 0.25rem 0;
  --stepper-label-padding-with-listener: 0.25rem calc(0.5rem + 10px) 0.25rem 0;
  --stepper-label-line-height: 1rem;
  --stepper-padding: 0;
}

.material .pb-stepper {
  --stepper-label-background-size-with-listener: 16px 5px;
  --stepper-label-padding: 2px 2px 1px;
  --stepper-label-padding-with-listener: 2px 16px 2px 0;
  --stepper-label-line-height: 24px;
}

.pb-stepper { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  display: flex;
  flex-direction: column;
  padding: var(--stepper-padding);
}

.pb-stepper:focus,
.pb-stepper:focus-within {
  /* mimic native focus styles */
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

.pb-stepper__group {
  align-items: center;
  display: flex;
}

.pb-stepper--expanded .pb-stepper__group {
  flex-wrap: wrap;
}

.pb-stepper__button {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  white-space: nowrap;
  width: 24px;
}
.pb-stepper__button {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-stepper__button {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-stepper__button {
  color: #000000;
}

.pb-stepper__button:hover {
  background-color: hsl(198, 0%, 91%);
  color: hsl(198, 100%, 27%);
}
.theme-dark .pb-stepper__button:hover {
  background-color: hsl(201, 31%, 23%);
  color: hsl(194, 78%, 63%);
}
.theme-legacy .pb-stepper__button:hover {
  background-color: #eeeeee;
  color: #3f51b5;
}

.pb-stepper__button--disabled,
.pb-stepper__button--disabled:hover {
  background-color: transparent;
  pointer-events: none;
}
.pb-stepper__button--disabled,
.pb-stepper__button--disabled:hover {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-stepper__button--disabled,
.theme-dark .pb-stepper__button--disabled:hover {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-stepper__button--disabled,
.theme-legacy .pb-stepper__button--disabled:hover {
  color: #bdbdbd;
}

.pb-stepper__button--prev,
.pb-stepper__button--next {
  margin: 0 0.25rem;
}

.pb-stepper__label {
  align-items: center;
  background-color: transparent;
  border-width: 0;
  box-sizing: border-box;
  display: flex;
  flex: auto;
  font-family: inherit;
  font-size: var(--font-size);
  margin: 0;
  min-width: 0;
  padding: var(--stepper-label-padding);
  cursor: pointer;
}
.pb-stepper__label {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-stepper__label {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-stepper__label {
  color: #000000;
}

.pb-stepper__label--with-listener {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: var(--stepper-label-background-size-with-listener);
  padding: var(--stepper-label-padding-with-listener);
}
.pb-stepper__label--with-listener {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 0 1 .217.193a.723.723 0 0 1 1.002.018l3.779 3.807L8.781.211A.723.723 0 0 1 9.783.193c.282.264.29.701.019.975h-.004z' fill='%23b3b3b3'/%3E%3C/svg%3E");
}
.theme-dark .pb-stepper__label--with-listener {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 6'%3E%3Cpath d='M9.798 1.168L4.998 6l-4.8-4.832A.677.677 0 0 1 .217.193a.723.723 0 0 1 1.002.018l3.779 3.807L8.781.211A.723.723 0 0 1 9.783.193c.282.264.29.701.019.975h-.004z' fill='%23999999'/%3E%3C/svg%3E");
}
.theme-legacy .pb-stepper__label--with-listener {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M0 0l5 5 5-5H0z' fill='rgba(0, 0, 0, 0.54)'/%3E%3C/svg%3E");
}

.pb-stepper__label:focus {
  outline-style: none;
}

.pb-stepper__label:active {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-stepper__label:active {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-stepper__label:active {
  color: #000000;
}

.pb-stepper__details {
  display: flex;
  flex: auto;
  min-width: 0;
}

.pb-stepper--expanded .pb-stepper__details {
  order: -1;
  width: 100%;
  box-sizing: border-box;
}

.pb-stepper__spacer {
  flex-grow: 1;
}

.pb-stepper__text {
  flex-grow: 1;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* theme customizations */
.pb-subheader {
  --subheader-crumb-padding: calc(1px + 0.25em);
  --subheader-height: 1.5rem;
  --subheader-sidenav-padding: 0.375rem;
  --subheader-condensed-padding: calc(0.125rem + 1px);
}

.material .pb-subheader {
  --subheader-sidenav-padding: 12px;
}

.pb-subheader { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  height: var(--subheader-height);
  justify-content: space-between;
  padding: 0 1rem 0 1.25rem;
  white-space: nowrap;
}
.pb-subheader {
  background-color: hsl(198, 0%, 100%);
  border-bottom: 1px solid hsl(198, 0%, 80%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-subheader {
  background-color: hsl(201, 30%, 13%);
  border-bottom: 1px solid hsl(208, 16%, 34%);
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-subheader {
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  color: #212121;
}

.pb-subheader--sidenav {
  padding-left: var(--subheader-sidenav-padding);
}

.pb-subheader--condensed {
  padding-left: var(--subheader-condensed-padding);
}

.pb-subheader__nav {
  display: flex;
  flex-shrink: 1;
  height: var(--subheader-height);
  min-width: 0;
  overflow: hidden;
}

.pb-subheader__ul {
  align-items: center;
  display: flex;
  flex-shrink: 1;
  list-style: none;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0;
}

.pb-subheader__li {
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
}

.pb-subheader__li:first-child,
.pb-subheader__li:last-child,
.pb-subheader__li--editing {
  flex-shrink: 0;
}

.pb-subheader__crumb {
  align-items: center;
  background: inherit;
  border-width: 0;
  color: inherit;
  display: flex;
  font: inherit;
  height: var(--subheader-height);
  margin: 0 0.5rem 0 0;
  min-width: 0;
  padding: 0;
}

.pb-subheader__li:last-child .pb-subheader__crumb {
  margin-right: 0;
}

.pb-subheader__crumb::after {
  content: "/";
  display: inline-block;
  position: relative;
  left: 0.25rem;
}
.pb-subheader__crumb::after {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-subheader__crumb::after {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-subheader__crumb::after {
  color: #212121;
}

.pb-subheader__li:last-child .pb-subheader__crumb::after {
  content: none;
}

.pb-subheader__crumb--clickable {
  cursor: pointer;
}

.pb-subheader__crumb--clickable:focus::after,
.pb-subheader__crumb--clickable:hover::after {
  text-decoration: none;
}
.pb-subheader__crumb--clickable:focus::after,
.pb-subheader__crumb--clickable:hover::after {
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-subheader__crumb--clickable:focus::after,
.theme-dark .pb-subheader__crumb--clickable:hover::after {
  color: hsl(210, 16%, 93%);
}
.theme-legacy .pb-subheader__crumb--clickable:focus::after,
.theme-legacy .pb-subheader__crumb--clickable:hover::after {
  color: #212121;
}

.pb-subheader__crumb-icon {
  margin-left: 0.125rem;
}

.pb-subheader__crumb-name {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  overflow: hidden;
  padding: 0 var(--subheader-crumb-padding);
  text-overflow: ellipsis;
}

.pb-subheader__crumb--clickable:focus .pb-subheader__crumb-icon,
.pb-subheader__crumb--clickable:hover .pb-subheader__crumb-icon {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-subheader__crumb--clickable:focus .pb-subheader__crumb-icon,
.theme-dark .pb-subheader__crumb--clickable:hover .pb-subheader__crumb-icon {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-subheader__crumb--clickable:focus .pb-subheader__crumb-icon,
.theme-legacy .pb-subheader__crumb--clickable:hover .pb-subheader__crumb-icon {
  color: #3f51b5;
}

.pb-subheader__crumb--clickable:focus .pb-subheader__crumb-name,
.pb-subheader__crumb--clickable:hover .pb-subheader__crumb-name {
  text-decoration: underline;
}
.pb-subheader__crumb--clickable:focus .pb-subheader__crumb-name,
.pb-subheader__crumb--clickable:hover .pb-subheader__crumb-name {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-subheader__crumb--clickable:focus .pb-subheader__crumb-name,
.theme-dark .pb-subheader__crumb--clickable:hover .pb-subheader__crumb-name {
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-subheader__crumb--clickable:focus .pb-subheader__crumb-name,
.theme-legacy .pb-subheader__crumb--clickable:hover .pb-subheader__crumb-name {
  color: #3f51b5;
}

.pb-subheader__controls {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--subheader-height);
  margin-left: 1rem;
}

.pb-subheader__controls-label {
  line-height: var(--subheader-height);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.pb-subheader__controls-button,
.pb-subheader__dropdown-trigger {
  align-items: center;
  background: inherit;
  border-width: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  font: inherit;
  height: var(--subheader-height);
  margin: 0 0.25rem 0 0.25rem;
  padding: 0;
}

.pb-subheader__controls-button:not(.pb-subheader__controls-button--disabled):hover,
.pb-subheader__dropdown-trigger:hover {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-subheader__controls-button:not(.pb-subheader__controls-button--disabled):hover,
.theme-dark .pb-subheader__dropdown-trigger:hover {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-subheader__controls-button:not(.pb-subheader__controls-button--disabled):hover,
.theme-legacy .pb-subheader__dropdown-trigger:hover {
  color: #000000;
}

.pb-subheader__controls-button--disabled,
.pb-subheader__controls-dropdown--disabled,
.pb-subheader__controls-select--disabled {
  cursor: default;
}
.pb-subheader__controls-button--disabled,
.pb-subheader__controls-dropdown--disabled,
.pb-subheader__controls-select--disabled {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-subheader__controls-button--disabled,
.theme-dark .pb-subheader__controls-dropdown--disabled,
.theme-dark .pb-subheader__controls-select--disabled {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-subheader__controls-button--disabled,
.theme-legacy .pb-subheader__controls-dropdown--disabled,
.theme-legacy .pb-subheader__controls-select--disabled {
  color: #bdbdbd;
}

.pb-subsampling-controls__explanation {
  font-size: var(--font-size-small-plus);
  margin: 16px 0;
}

.pb-subsampling-controls__group {
  margin: 16px 0;
}

.pb-subsampling-controls__input {
  margin: 16px 0;
}

/* includes label and radio buttons */
.pb-subsampling-controls__radio-group {
  display: grid;
  grid: auto/max-content minmax(0, 1fr);
  align-items: baseline;
  gap: 16px;
}

.pb-subsampling-controls__radio-label {
  margin-right: 0.25em;
}

.pb-subsampling-controls__radio {
  display: block;
}

.pb-subsampling-controls__radio + .pb-subsampling-controls__radio {
  margin-top: 8px;
}

.pb-table {
  border-collapse: separate;
  border-radius: var(--border-radius);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--border-width);
  padding: 0;
}
.pb-table {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-table {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(208, 16%, 34%);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-table {
  background-color: #ffffff;
  border-color: #e0e0e0;
  color: #212121;
}

.pb-table td,
.pb-table th {
  line-height: 0.583333rem;
  padding-bottom: 0.208334rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: calc(0.208334rem + var(--border-width));
}

.pb-table th {
  font-size: 0.458333rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: left;
}
.pb-table th {
  background-color: hsl(198, 0%, 98%);
}
.theme-dark .pb-table th {
  background-color: hsl(201, 30%, 15%);
}
.theme-legacy .pb-table th {
  background-color: #fafafa;
}

.pb-table td {
  font-size: 0.541667rem;
  border-top-style: solid;
  border-top-width: var(--border-width);
  vertical-align: top;
}
.pb-table td {
  /* normal cells get a top border */
  border-top-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-table td {
  /* normal cells get a top border */
  border-top-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-table td {
  /* normal cells get a top border */
  border-top-color: #f5f5f5;
}

.pb-table > thead > th {
  vertical-align: bottom;
  border-bottom-style: solid;
  border-bottom-width: var(--border-width);
  border-top-width: 0;
}
.pb-table > thead > th {
  /* header cells in header rows get a bottom border */
  border-bottom-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-table > thead > th {
  /* header cells in header rows get a bottom border */
  border-bottom-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-table > thead > th {
  /* header cells in header rows get a bottom border */
  border-bottom-color: #e0e0e0;
}

.pb-table td[align=center],
.pb-table th[align=center] {
  text-align: center;
}

.pb-table td[align=right],
.pb-table th[align=right] {
  text-align: right;
}

.pb-table > thead > th:first-child {
  border-radius: calc(var(--border-radius) - var(--border-width)) 0 0;
}

.pb-table > thead > th:last-child {
  border-radius: 0 calc(var(--border-radius) - var(--border-width)) 0 0;
}

/* first rows don't need a top border; either there's a header row (with
   its bottom border), or there's no header and the table itself has a
   top border. */
.pb-table > tr:first-child > td,
.pb-table > tbody > tr:first-child > td {
  border-top-width: 0;
}

.pb-table tfoot {
  font-weight: 600;
}

.pb-table > tbody > th:first-child,
.pb-table > tr > th:first-child,
.pb-table > tbody > th:first-child ~ td,
.pb-table > tr > th:first-child ~ td {
  padding-bottom: 0.458333rem;
  padding-top: 0.458333rem;
  vertical-align: top;
}

.pb-table > tr > th:first-child,
.pb-table > tbody > tr > th:first-child {
  border-right-style: solid;
  border-right-width: var(--border-width);
  border-top-style: solid;
  border-top-width: var(--border-width);
}
.pb-table > tr > th:first-child,
.pb-table > tbody > tr > th:first-child {
  border-right-color: hsl(198, 0%, 91%);
  border-top-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-table > tr > th:first-child,
.theme-dark .pb-table > tbody > tr > th:first-child {
  border-right-color: hsl(208, 16%, 34%);
  border-top-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-table > tr > th:first-child,
.theme-legacy .pb-table > tbody > tr > th:first-child {
  border-right-color: #f5f5f5;
  border-top-color: #f5f5f5;
}

.pb-table > tr > th:first-child ~ td,
.pb-table > tbody > tr > th:first-child ~ td {
  border-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-table > tr > th:first-child ~ td,
.theme-dark .pb-table > tbody > tr > th:first-child ~ td {
  border-color: hsl(208, 16%, 34%);
}
.theme-legacy .pb-table > tr > th:first-child ~ td,
.theme-legacy .pb-table > tbody > tr > th:first-child ~ td {
  border-color: #f5f5f5;
}

.pb-table td:first-child:not([align]),
.pb-table th:first-child:not([align]),
.pb-table td:first-child[align=left],
.pb-table th:first-child[align=left] {
  padding-left: 0.25rem;
}

.pb-table td:last-child[align=right],
.pb-table th:last-child[align=right] {
  padding-right: 0.25rem;
}

.pb-table > tr:first-child th:first-child,
.pb-table tbody tr:first-child th:first-child {
  border-radius: calc(var(--border-radius) - var(--border-width)) 0 0;
  border-top-width: 0;
}

/* tables with header columns don't need top borders on their first row
   since the table itself has a border */
.pb-table > tr:first-child > th:first-child ~ td,
.pb-table > tbody > tr:first-child > th:first-child ~ td {
  border-top-width: 0;
}

.pb-table > tr:first-child th:first-child ~ td:last-child,
.pb-table tbody tr:first-child th:first-child ~ td:last-child {
  border-radius: 0 calc(var(--border-radius) - var(--border-width)) 0 0;
}

.pb-tabs {
  display: flex;
  flex-direction: column;
}

.pb-tabs__tab-list {
  display: flex;
  flex-shrink: 0;
  height: 1.8rem;
  list-style-type: none;
  margin: 0 0 0.5rem 0;
  overflow: auto;
  padding-bottom: 0.05rem;
  padding-left: 0;
  white-space: nowrap;
}
.pb-tabs__tab-list {
  box-shadow: 0 -0.05rem 0 hsl(198, 0%, 80%) inset;
}
.theme-dark .pb-tabs__tab-list {
  box-shadow: 0 -0.05rem 0 hsl(208, 16%, 34%) inset;
}
.theme-legacy .pb-tabs__tab-list {
  box-shadow: 0 -0.05rem 0 #eeeeee inset;
}

.pb-tabs__tab-button {
  background-color: transparent;
  border-width: 0;
  box-shadow: none;
  font-family: inherit;
  font-size: 0.583rem;
  font-weight: 400;
  line-height: 1.8rem;
  padding: 0 0.5rem;
  cursor: pointer;
}
.pb-tabs__tab-button {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-tabs__tab-button {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-tabs__tab-button {
  color: #424242;
}

.pb-tabs__tab-button:active,
.pb-tabs__tab-button:focus,
.pb-tabs__tab-button:hover {
  transition: background-color 0.2s linear, box-shadow 0.2s ease-in;
}
.pb-tabs__tab-button:active,
.pb-tabs__tab-button:focus,
.pb-tabs__tab-button:hover {
  background-color: transparent;
  box-shadow: 0 -0.15rem 0 hsl(198, 100%, 38%) inset;
}
.theme-dark .pb-tabs__tab-button:active,
.theme-dark .pb-tabs__tab-button:focus,
.theme-dark .pb-tabs__tab-button:hover {
  background-color: transparent;
  box-shadow: 0 -0.15rem 0 hsl(198, 65%, 57%) inset;
}
.theme-legacy .pb-tabs__tab-button:active,
.theme-legacy .pb-tabs__tab-button:focus,
.theme-legacy .pb-tabs__tab-button:hover {
  background-color: rgba(98, 0, 238, 0.04);
  box-shadow: 0 -0.15rem 0 #3f51b5 inset;
}

.pb-tabs__tab-button[aria-selected=true] {
  font-weight: 400;
  transition: background-color 0.2s linear, box-shadow 0.2s ease-in;
}
.pb-tabs__tab-button[aria-selected=true] {
  box-shadow: 0 -0.15rem 0 hsl(198, 100%, 38%) inset;
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-tabs__tab-button[aria-selected=true] {
  box-shadow: 0 -0.15rem 0 hsl(198, 65%, 57%) inset;
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-tabs__tab-button[aria-selected=true] {
  box-shadow: 0 -0.15rem 0 #3f51b5 inset;
  color: #3f51b5;
}

.pb-tabs__tab-button[disabled] {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-tabs__tab-button[disabled] {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-tabs__tab-button[disabled] {
  color: #bdbdbd;
}

.pb-tabs__tab-button[disabled]:active,
.pb-tabs__tab-button[disabled]:focus,
.pb-tabs__tab-button[disabled]:hover {
  background-color: transparent;
  box-shadow: none;
}
.theme-dark .pb-tabs__tab-button[disabled]:active,
.theme-dark .pb-tabs__tab-button[disabled]:focus,
.theme-dark .pb-tabs__tab-button[disabled]:hover {
  background-color: transparent;
  box-shadow: none;
}
.theme-legacy .pb-tabs__tab-button[disabled]:active,
.theme-legacy .pb-tabs__tab-button[disabled]:focus,
.theme-legacy .pb-tabs__tab-button[disabled]:hover {
  background-color: transparent;
  box-shadow: none;
}

.pb-tabs__tab-panel {
  overflow: auto;
}

.pb-tag {
  align-items: center;
  border-radius: 0.5rem;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  font-size: var(--font-size-small);
  font-weight: 400;
  height: 0.6667rem;
  justify-content: center;
  letter-spacing: 0.03rem;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 0.25rem;
  margin-top: 0;
  padding: 0 0.5rem 1px;
  white-space: nowrap;
}
.pb-tag {
  background-color: transparent;
  border-color: hsl(198, 100%, 27%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-tag {
  background-color: transparent;
  border-color: hsl(201, 100%, 36%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-tag {
  background-color: #e0e0e0;
  border-color: #1a237e;
  color: #424242;
}

.pb-tag + .pb-tag {
  margin-left: 0;
}

.pb-tag--click {
  cursor: pointer;
}

.pb-tag--click:hover {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-tag--click:hover {
  background-color: hsl(0, 0%, 34%);
}
.theme-legacy .pb-tag--click:hover {
  background-color: #d5d5d5;
}

.pb-tag--info {
  background-color: hsl(198, 83%, 94%);
  border-color: hsl(198, 66%, 57%);
  color: hsl(198, 100%, 27%);
}
.theme-dark .pb-tag--info {
  background-color: hsl(198, 79%, 28%);
  border-color: hsl(198, 79%, 28%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-tag--info {
  background-color: #e0e0e0;
  border-color: #1a237e;
  color: #424242;
}

.pb-tag--click.pb-tag--info:hover {
  background-color: #cdedfa;
}
.theme-dark .pb-tag--click.pb-tag--info:hover {
  background-color: #178ec2;
}
.theme-legacy .pb-tag--click.pb-tag--info:hover {
  background-color: #d5d5d5;
}

.pb-tag--success {
  background-color: hsl(93, 52%, 88%);
  border-color: hsl(93, 79%, 40%);
  color: hsl(93, 100%, 21%);
}
.theme-dark .pb-tag--success {
  background-color: hsl(122, 45%, 23%);
  border-color: hsl(122, 45%, 23%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-tag--success {
  background-color: #c8e6c9;
  border-color: #2e7d32;
  color: #2e7d32;
}

.pb-tag--click.pb-tag--success:hover {
  background-color: #d3ebbf;
}
.theme-dark .pb-tag--click.pb-tag--success:hover {
  background-color: #368e39;
}
.theme-legacy .pb-tag--click.pb-tag--success:hover {
  background-color: #b9dfba;
}

.pb-tag--warning {
  background-color: hsl(48, 100%, 89%);
  border-color: hsl(48, 98%, 72%);
  color: hsl(198, 0%, 20%);
}
.theme-dark .pb-tag--warning {
  background-color: hsl(47, 87%, 27%);
  border-color: hsl(47, 87%, 27%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-tag--warning {
  background-color: #ffecb3;
  border-color: #ffb300;
  color: #ffb300;
}

.pb-tag--click.pb-tag--warning:hover {
  background-color: #ffefb0;
}
.theme-dark .pb-tag--click.pb-tag--warning:hover {
  background-color: #c69e0e;
}
.theme-legacy .pb-tag--click.pb-tag--warning:hover {
  background-color: #ffe79d;
}

.pb-tag--danger {
  background-color: hsl(9, 95%, 92%);
  border-color: hsl(48, 98%, 72%);
  color: hsl(9, 100%, 30%);
}
.theme-dark .pb-tag--danger {
  background-color: hsl(357, 50%, 35%);
  border-color: hsl(357, 50%, 35%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-tag--danger {
  background-color: #ffcdd2;
  border-color: #d50000;
  color: #d50000;
}

.pb-tag--click.pb-tag--danger:hover {
  background-color: #fdcac0;
}
.theme-dark .pb-tag--click.pb-tag--danger:hover {
  background-color: #b83d43;
}
.theme-legacy .pb-tag--click.pb-tag--danger:hover {
  background-color: #ffb6bd;
}

.pb-tag__badge,
.pb-tag__dismiss {
  transform: translateX(0.375rem);
  margin-left: -0.25rem;
}

.pb-tag__dismiss {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 1px 0 0;
}

.pb-tag__dismiss:active,
.pb-tag__dismiss:focus {
  outline: none;
}

.pb-tag__badge + .pb-tag__dismiss {
  margin-left: 0;
}

.pb-tag-select {
  --tag-select-border-width: var(--border-width);
}

.material .pb-tag-select {
  --tag-select-border-width: 0;
}

.pb-tag-select { /* stylelint-disable-line no-descending-specificity, no-duplicate-selectors */
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--tag-select-border-width);
  padding: 0 0.5rem;
  min-width: 7.5rem;
  line-height: normal;
  outline: none;
}
.pb-tag-select {
  background-color: hsl(198, 0%, 100%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-tag-select {
  background-color: hsl(198, 28%, 18%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-tag-select {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #212121;
}

.pb-tag-select__label {
  font-size: var(--font-size-small-plus);
  font-weight: 600;
  margin: 1em 0;
}

.pb-tag-select__label,
.pb-tag-select__action-buttons {
  margin: 0.5em 0;
}

.pb-tag-select__select-list {
  margin: 0 0.25rem;
  height: 7rem;
}

.pb-tag-select__action-buttons {
  display: flex;
  flex-direction: row;
}

.pb-tag-select__divider {
  border: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0 0.25rem;
}
.pb-tag-select__divider {
  border-bottom-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-tag-select__divider {
  border-bottom-color: hsl(0, 0%, 0%);
}
.theme-legacy .pb-tag-select__divider {
  border-bottom-color: #f5f5f5;
}

.pb-toasts {
  pointer-events: none;
}

.pb-toasts__content {
  display: flex;
  align-items: center;
}

.pb-toasts__text {
  flex: auto;
  overflow-wrap: break-word;
}

.pb-toasts__action {
  margin-left: 0.5rem;
  flex: none;
}

.pb-toasts__alert.pb-alert {
  pointer-events: all;
  max-width: 500px;
  position: relative; /* for z-index */
  box-shadow: var(--box-shadow);
  margin: 0.5rem 0 0 0;
}

.pb-toasts__alert--intrinsic.pb-alert {
  max-width: max-content;
}

.pb-toasts__alert.v-enter-active,
.pb-toasts__alert.v-leave-active {
  transition: opacity var(--transition-duration), transform var(--transition-duration);
}

.pb-toasts__alert.v-enter,
.pb-toasts__alert.v-leave-to {
  opacity: 0;
  transform: translateY(100%);
}

.pb-toolbar {
  border-bottom: 1px solid transparent;
  padding: 0 0.75rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.pb-toolbar {
  background: linear-gradient(hsl(198, 0%, 100%) 0, hsl(198, 0%, 100%) var(--toolbar-height), hsl(198, 0%, 80%) var(--toolbar-height)) repeat-y 0 0/100% calc(var(--toolbar-height) + 1px) border-box;
}
.theme-dark .pb-toolbar {
  background: linear-gradient(hsl(201, 30%, 13%) 0, hsl(201, 30%, 13%) var(--toolbar-height), hsl(208, 16%, 34%) var(--toolbar-height)) repeat-y 0 0/100% calc(var(--toolbar-height) + 1px) border-box;
}
.theme-legacy .pb-toolbar {
  background: linear-gradient(#ffffff 0, #ffffff var(--toolbar-height), #cccccc var(--toolbar-height)) repeat-y 0 0/100% calc(var(--toolbar-height) + 1px) border-box;
}

.pb-toolbar--top-menu {
  padding: 0 calc(0.75rem - 8px);
}

.pb-toolbar--subtoolbar {
  padding: 0 4px;
}
.pb-toolbar--subtoolbar {
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
}
.theme-dark .pb-toolbar--subtoolbar {
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
}
.theme-legacy .pb-toolbar--subtoolbar {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pb-toolbar__divider {
  align-self: stretch;
  margin: 0 6px;
  position: relative;
}
.pb-toolbar__divider {
  border-right: 1px solid hsl(198, 0%, 80%);
}
.theme-dark .pb-toolbar__divider {
  border-right: 1px solid hsl(208, 16%, 34%);
}
.theme-legacy .pb-toolbar__divider {
  border-right: 1px solid #cccccc;
}

.pb-toolbar__line-strut {
  line-height: 32px;
  width: 0;
}

.pb-toolbar__line-strut::after {
  content: " ";
  display: inline-block; /* not sure why this is needed */
}

.pb-two-factor-auth-dialog__authenticate {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-top: 0.5rem;
}

.pb-two-factor-auth-dialog__qrcode {
  background-color: white;
  border: 1px solid lightgray;
  display: block;
  margin: 1rem auto;
  padding: 1em;
}

.pb-two-factor-auth-dialog__test {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-top: 1rem;
}

.pb-two-factor-auth-dialog__test-input {
  width: 1rem;
}

.pb-two-factor-auth-dialog__test-input input {
  text-align: center;
  letter-spacing: 3px;
}

.pb-two-factor-auth-dialog__recovery-code-list {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: monospace;
  font-size: 20px;
  list-style: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  text-align: center;
}

.pb-two-factor-auth-dialog__recovery-code-list-item {
  margin: 10px 0;
}

.pb-two-factor-auth-dialog__recovery-code-buttons {
  text-align: center;
}

.pb-upload-handler__fade-enter-active,
.pb-upload-handler__fade-leave-active {
  transition: opacity 0.5s ease;
}

.pb-upload-handler__fade-enter-from,
.pb-upload-handler__fade-leave-to {
  opacity: 0;
}

@keyframes bouncesize {
  0%, 20%, 40%, 100% {
    transform: scale(1);
  }
  10%, 30% {
    transform: scale(1.05);
  }
}
.pb-upload-handler {
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  display: grid;
}

.pb-upload-handler img {
  margin: auto;
  animation: bouncesize 1.5s ease 1s 2;
}

.pb-user-profile {
  --user-profile-heading-shift-divider-width: 0;
  --user-profile-heading-shift-summary: 0;
  --user-profile-max-width: 25rem;
}

.material .pb-user-profile {
  --user-profile-heading-shift-divider-width: 1px;
  --user-profile-heading-shift-summary: 4px;
}

.pb-user-profile__fieldset {
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  margin: 1.5rem 0 1rem 0;
  padding: 0.5rem 0.75rem;
}
.pb-user-profile__fieldset {
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-user-profile__fieldset {
  border-color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-user-profile__fieldset {
  border-color: rgba(0, 0, 0, 0.12);
}

form.pb-user-profile__fieldset { /* TODO: remove `form` global rule */
  margin: 0;
}

.pb-user-profile__sso-alert {
  margin: 0.5rem 2px 0;
}

.pb-user-profile__list {
  list-style: none;
  margin: 0.5rem 0;
  padding: 0;
}

.pb-user-profile__list-item {
  align-items: center;
  display: inline-flex;
  margin: 0 0.75rem 0 0;
  padding: 0;
}

.pb-user-profile__list-text {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.pb-user-profile__row {
  margin: 0.5rem 0;
}

.pb-user-profile__select {
  max-width: var(--user-profile-max-width);
}

.pb-user-profile__input {
  max-width: var(--user-profile-max-width);
}

.pb-user-profile__input-row {
  display: flex;
  max-width: var(--user-profile-max-width);
}

.pb-user-profile__input-row .pb-user-profile__input {
  flex-grow: 1;
}

.pb-user-profile__input-status {
  font-size: var(--font-size-small);
  margin-top: 3px;
  max-width: var(--user-profile-max-width);
}

.pb-user-profile__input-status--error {
  color: hsl(9, 100%, 38%);
}
.theme-dark .pb-user-profile__input-status--error {
  color: hsl(3, 90%, 62%);
}
.theme-legacy .pb-user-profile__input-status--error {
  color: #ff5722;
}

.pb-user-profile__checkbox {
  margin-left: 0.75rem;
}

.pb-user-profile__checkbox:first-child {
  margin-left: 0;
}

.pb-user-profile__checkbox + .pb-user-profile__input-status {
  margin-top: 0.25rem; /* the checkbox is larger than its label, so increase spacing */
}

.pb-user-profile__two-factor-info {
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
}

.pb-user-profile__fieldset summary {
  border-width: 0;
  left: calc(-1 * var(--user-profile-heading-shift-summary));
  position: relative;
}

.pb-user-profile__fieldset summary ~ * {
  margin-left: var(--user-profile-heading-shift-summary);
}

.pb-user-profile__divider {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-style: solid;
  border-top-width: var(--user-profile-heading-shift-divider-width);
}
.pb-user-profile__divider {
  border-color: hsl(198, 0%, 70%);
}
.theme-dark .pb-user-profile__divider {
  border-color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-user-profile__divider {
  border-color: #bdbdbd;
}

.pb-user-profile__token-table {
  max-height: 23rem;
}

.pb-user-profile__token-table-row--disabled .pb-datatable__cell-content {
  font-style: italic;
}
.pb-user-profile__token-table-row--disabled .pb-datatable__cell-content {
  color: hsl(198, 0%, 70%);
}
.theme-dark .pb-user-profile__token-table-row--disabled .pb-datatable__cell-content {
  color: hsl(0, 0%, 60%);
}
.theme-legacy .pb-user-profile__token-table-row--disabled .pb-datatable__cell-content {
  color: #bdbdbd;
}

.pb-user-profile__sessions {
  display: table;
  list-style: none;
  margin: 0.5rem 0;
  padding: 0;
}

.pb-user-profile__session {
  display: table-row;
  height: 1.5em;
  white-space: nowrap;
}

.pb-user-profile__session-detail {
  display: table-cell;
}

.pb-user-profile__icon {
  margin-right: 0.375rem;
}

.pb-user-profile__session-text {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin-right: 0.75rem;
}

.pb-user-profile__actions {
  margin-top: 1.5rem;
}

.pb-user-profile__action {
  margin-right: 0.25rem;
}

.pb-user-profile__alert {
  margin: 0.5rem 0;
  max-width: var(--user-profile-max-width);
}

.pb-vertical-nav,
.pb-vertical-nav__list--floating {
  --vertical-nav-button-font-size: var(--font-size-small);
  --vertical-nav-child-padding: 1.67rem;
  --vertical-nav-item-height: 1.25rem;
  --vertical-nav-item-width: 1.67rem;
  --vertical-nav-minimize-transform: rotate(270deg);
  --vertical-nav-minimize-minimized-transform: rotate(90deg);
  --vertical-nav-expand-transform: rotate(90deg);
  --vertical-nav-expand-expanded-transform: rotate(180deg);
  --vertical-nav-expand-minimized-transform: scale(0.625) rotate(90deg);
  --vertical-nav-icon-shift: -0.6rem;
  --vertical-nav-icon-size: 16px;
}

.material .pb-vertical-nav,
.material .pb-vertical-nav__list--floating {
  --vertical-nav-button-font-size: 13px;
  --vertical-nav-child-padding: 48px;
  --vertical-nav-item-width: 48px;
  --vertical-nav-minimize-transform: rotate(180deg);
  --vertical-nav-minimize-minimized-transform: rotate(0deg);
  --vertical-nav-expand-transform: rotate(0deg);
  --vertical-nav-expand-expanded-transform: rotate(180deg);
  --vertical-nav-icon-shift: -12px;
  --vertical-nav-icon-size: 24px;
}

/* --- Overall component styling --- */
.pb-vertical-nav { /* stylelint-disable-line no-descending-specificity */
  border-right-style: solid;
  border-right-width: var(--border-width);
  display: flex;
  height: 100%;
}
.pb-vertical-nav {
  border-right-color: transparent;
  color: hsl(198, 0%, 27%);
}
.theme-dark .pb-vertical-nav {
  border-right-color: transparent;
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-vertical-nav {
  border-right-color: #eeeeee;
  color: #000000;
}

.pb-vertical-nav__wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-width: 50vw;
  min-width: 11rem;
  padding-top: 1rem;
  width: var(--vertical-nav-width);
}
.pb-vertical-nav__wrapper {
  background-color: hsl(198, 0%, 91%);
}
.theme-dark .pb-vertical-nav__wrapper {
  background-color: hsl(201, 30%, 13%);
}
.theme-legacy .pb-vertical-nav__wrapper {
  background-color: #ffffff;
}

.pb-vertical-nav-—minimized,
.pb-vertical-nav-—minimized .pb-vertical-nav__wrapper {
  min-width: var(--vertical-nav-item-width);
  width: var(--vertical-nav-item-width);
}

/* --- Minimize/maximize control --- */
.pb-vertical-nav__minimize {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: var(--vertical-nav-item-height);
  margin: 0;
  padding: 0;
}
.pb-vertical-nav__minimize {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-vertical-nav__minimize {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-vertical-nav__minimize {
  color: #000000;
}

.pb-vertical-nav__minimize-icon {
  margin-left: auto;
  margin-right: 0.5rem;
  transform: var(--vertical-nav-minimize-transform);
}

.pb-vertical-nav-—minimized .pb-vertical-nav__minimize-icon {
  margin-right: auto;
  transform: var(--vertical-nav-minimize-minimized-transform);
}

/* --- Content styling --- */
.pb-vertical-nav__content {
  border-bottom-style: solid;
  border-bottom-width: 0.05rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.pb-vertical-nav__content {
  border-bottom-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-vertical-nav__content {
  border-bottom-color: hsl(199, 19%, 17%);
}
.theme-legacy .pb-vertical-nav__content {
  border-bottom-color: #cfcfcf;
}

.pb-vertical-nav__list {
  align-self: start;
  flex-shrink: 1;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.pb-vertical-nav__content > .pb-vertical-nav__list {
  background-attachment: local, scroll;
}
.pb-vertical-nav__content > .pb-vertical-nav__list {
  background-image: linear-gradient(to top, rgb(232, 232, 232) 0, transparent 64px), linear-gradient(to top, rgba(69, 69, 69, 0.25) 0, transparent 16px);
}
.theme-dark .pb-vertical-nav__content > .pb-vertical-nav__list {
  background-image: linear-gradient(to top, hsl(201, 30%, 13%) 0, transparent 64px), linear-gradient(to top, hsla(203, 16%, 72%, 0.15) 0, transparent 16px);
}
.theme-legacy .pb-vertical-nav__content > .pb-vertical-nav__list {
  background-image: linear-gradient(to top, white 0, transparent 64px), linear-gradient(to top, rgba(0, 0, 0, 0.15) 0, transparent 16px);
}

.pb-vertical-nav-—minimized .pb-vertical-nav__content > .pb-vertical-nav__list {
  background-image: none;
}
.theme-dark .pb-vertical-nav-—minimized .pb-vertical-nav__content > .pb-vertical-nav__list {
  background-image: none;
}
.theme-legacy .pb-vertical-nav-—minimized .pb-vertical-nav__content > .pb-vertical-nav__list {
  background-image: none;
}

.pb-vertical-nav__item {
  align-items: center;
  display: flex;
  height: var(--vertical-nav-item-height);
  margin: 0;
  padding: 0;
  position: relative;
}

.pb-vertical-nav__item--scrollbar-adjust {
  margin-right: var(--scrollbar-size); /* reserve max-content space */
  width: 100%; /* move the right content edge to the scrollbar's left edge */
}

.pb-vertical-nav__item:not(.pb-vertical-nav__item--action, .pb-vertical-nav__item--selected,
.pb-vertical-nav__item--disabled, .pb-vertical-nav__item--children, :disabled):hover {
  background-color: hsl(198, 0%, 80%);
}
.theme-dark .pb-vertical-nav__item:not(.pb-vertical-nav__item--action, .pb-vertical-nav__item--selected,
.pb-vertical-nav__item--disabled, .pb-vertical-nav__item--children, :disabled):hover {
  background-color: hsl(201, 31%, 23%);
}
.theme-legacy .pb-vertical-nav__item:not(.pb-vertical-nav__item--action, .pb-vertical-nav__item--selected,
.pb-vertical-nav__item--disabled, .pb-vertical-nav__item--children, :disabled):hover {
  background-color: #eeeeee;
}

.pb-vertical-nav__item--selected {
  background-color: hsl(198, 0%, 100%);
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-vertical-nav__item--selected {
  background-color: hsl(203, 32%, 29%);
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-vertical-nav__item--selected {
  background-color: #d7ddf4;
  color: #000000;
}

.pb-vertical-nav__item--disabled {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-vertical-nav__item--disabled {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-vertical-nav__item--disabled {
  color: #616161;
}

.pb-vertical-nav__item--children {
  overflow: hidden;
}

/* --- Navigation links --- */
.pb-vertical-nav__link {
  align-items: center;
  color: inherit;
  display: flex;
  height: var(--vertical-nav-item-height);
  margin-right: 0.5rem;
  overflow: hidden;
  width: 100%;
}

.pb-vertical-nav-—minimized .pb-vertical-nav__link {
  margin-right: 0;
}

.pb-vertical-nav__item--child .pb-vertical-nav__link {
  padding-left: var(--vertical-nav-child-padding);
}

/* --- Actions --- */
.pb-vertical-nav__action {
  border-style: solid;
  border-width: var(--border-width);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  cursor: pointer;
  font: inherit;
  font-size: var(--vertical-nav-button-font-size);
  font-weight: 500;
  height: 1rem;
  letter-spacing: var(--font-uppercase-letter-spacing);
  margin: 0 0.5rem 0 var(--vertical-nav-child-padding);
  max-width: 10rem;
  overflow: hidden;
  padding: 0 0.5rem;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  width: calc(100% - 1.67rem - 1.67rem);
  white-space: nowrap;
}
.pb-vertical-nav__action {
  background-color: transparent;
  border-color: hsl(198, 100%, 38%);
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-vertical-nav__action {
  background-color: transparent;
  border-color: hsl(198, 65%, 57%);
  color: hsl(198, 65%, 57%);
}
.theme-legacy .pb-vertical-nav__action {
  background-color: transparent;
  border-color: #3f51b5;
  color: #3f51b5;
}

.pb-vertical-nav__item--disabled .pb-vertical-nav__action {
  cursor: default;
}
.pb-vertical-nav__item--disabled .pb-vertical-nav__action {
  background-color: transparent;
  border-color: hsl(198, 0%, 55%);
  box-shadow: none;
  color: hsl(198, 0%, 40%);
}
.theme-dark .pb-vertical-nav__item--disabled .pb-vertical-nav__action {
  background-color: transparent;
  border-color: hsl(0, 0%, 40%);
  box-shadow: none;
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-vertical-nav__item--disabled .pb-vertical-nav__action {
  background-color: transparent;
  border-color: #bdbdbd;
  box-shadow: none;
  color: #bdbdbd;
}

.pb-vertical-nav__action:active:not(:disabled) {
  box-shadow: hsl(198, 80%, 46%) 0 2px 0 0 inset;
}
.theme-dark .pb-vertical-nav__action:active:not(:disabled) {
  box-shadow: hsl(0, 0%, 0%) 0 0 0 inset;
}
.theme-legacy .pb-vertical-nav__action:active:not(:disabled) {
  box-shadow: 0 0 0 0 inset;
}

.pb-vertical-nav__action:hover:not(:disabled) {
  background-color: hsl(198, 83%, 94%);
  color: hsl(198, 100%, 27%);
}
.theme-dark .pb-vertical-nav__action:hover:not(:disabled) {
  background-color: hsla(0, 0%, 100%, 0.1);
  color: hsl(194, 78%, 63%);
}
.theme-legacy .pb-vertical-nav__action:hover:not(:disabled) {
  background-color: #eeeeee;
  color: #3f51b5;
}

/* --- Grouped actions --- */
.pb-vertical-nav__actions {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.5rem;
  padding-top: 1rem;
}

.pb-vertical-nav-—minimized .pb-vertical-nav__actions {
  padding-top: 0;
}

.pb-vertical-nav__action--grouped {
  height: var(--button-height);
  width: calc(100% - 1.67rem - 1.67rem);
  text-align: left;
}

.pb-vertical-nav-—minimized .pb-vertical-nav__action--grouped {
  align-items: center;
  border: none;
  display: flex;
  height: var(--vertical-nav-item-height);
  margin: 0;
  min-width: var(--vertical-nav-item-width);
  padding: 0;
}

/* --- Expand/collapse children --- */
.pb-vertical-nav__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  font: inherit;
  height: var(--vertical-nav-item-height);
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
}
.pb-vertical-nav__button {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-vertical-nav__button {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-vertical-nav__button {
  color: #000000;
}

.pb-vertical-nav__button[disabled] {
  cursor: default;
}
.pb-vertical-nav__button[disabled] {
  color: hsl(198, 0%, 55%);
}
.theme-dark .pb-vertical-nav__button[disabled] {
  color: hsl(0, 0%, 40%);
}
.theme-legacy .pb-vertical-nav__button[disabled] {
  color: #616161;
}

.pb-vertical-nav__expand-icon {
  flex-shrink: 0;
  margin-left: auto;
  margin-right: calc(8px + (1rem - var(--vertical-nav-icon-size)) / 2);
  transform: var(--vertical-nav-expand-transform);
}

.pb-vertical-nav__item--expanded .pb-vertical-nav__expand-icon {
  transform: var(--vertical-nav-expand-expanded-transform);
}

.pb-vertical-nav-—minimized .pb-vertical-nav__expand-icon {
  position: absolute;
  right: var(--vertical-nav-icon-shift);
  transform: var(--vertical-nav-expand-minimized-transform);
}
.pb-vertical-nav-—minimized .pb-vertical-nav__expand-icon {
  color: hsl(198, 0%, 27%);
}
.theme-dark .pb-vertical-nav-—minimized .pb-vertical-nav__expand-icon {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-vertical-nav-—minimized .pb-vertical-nav__expand-icon {
  color: #000000;
}

/* --- Icon --- */
.pb-vertical-nav__icon {
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 0.5rem;
}

.pb-vertical-nav__action--grouped .pb-vertical-nav__icon {
  margin-left: 0;
}

.pb-vertical-nav__item--selected .pb-vertical-nav__icon {
  color: hsl(198, 100%, 38%);
}
.theme-dark .pb-vertical-nav__item--selected .pb-vertical-nav__icon {
  color: hsl(0, 0%, 100%);
}
.theme-legacy .pb-vertical-nav__item--selected .pb-vertical-nav__icon {
  color: #000000;
}

.pb-vertical-nav-—minimized .pb-vertical-nav__icon {
  margin-left: auto;
  margin-right: auto;
}

/* --- Text --- */
.pb-vertical-nav__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.pb-vertical-nav-—minimized .pb-vertical-nav__text {
  display: none;
}

.pb-vertical-nav__text--child.pb-vertical-nav__text:first-child {
  margin-left: calc(1rem + var(--vertical-nav-icon-size));
}

.pb-vertical-nav__text2 {
  flex-shrink: 0;
}

.pb-vertical-nav__item--action .pb-vertical-nav__text--child.pb-vertical-nav__text:first-child {
  margin-left: 0;
}

.pb-vertical-nav__item--action .pb-vertical-nav__text--child.pb-vertical-nav__text:last-child {
  margin-right: 0;
}

.pb-vertical-nav-—minimized .pb-vertical-nav__action--grouped .pb-vertical-nav__text {
  display: none;
}

/* --- Quick action --- */
.pb-vertical-nav__quick-action {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  height: var(--vertical-nav-item-height);
  margin-right: 0.5rem;
  padding: 0;
}
.pb-vertical-nav__quick-action {
  color: hsl(198, 0%, 0%);
}
.theme-dark .pb-vertical-nav__quick-action {
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-vertical-nav__quick-action {
  color: #000000;
}

/* --- Floating panel styling --- */
/* stylelint-disable no-descending-specificity */
.pb-vertical-nav__list--floating {
  align-self: stretch;
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0.25rem 0;
  width: auto;
}
.pb-vertical-nav__list--floating {
  background-color: hsl(198, 0%, 91%);
  border-color: hsl(198, 0%, 80%);
  box-shadow: 0 0.05rem 0.15rem hsla(198, 0%, 55%, 0.25);
  color: hsl(198, 0%, 27%);
}
.theme-dark .pb-vertical-nav__list--floating {
  background-color: hsl(201, 30%, 13%);
  border-color: hsl(0, 0%, 0%);
  box-shadow: 0 0.05rem 0.15rem hsla(0, 0%, 0%, 0.5);
  color: hsl(203, 16%, 72%);
}
.theme-legacy .pb-vertical-nav__list--floating {
  background-color: #ffffff;
  border-color: #eeeeee;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #000000;
}

.pb-vertical-nav__list--floating .pb-vertical-nav__item {
  box-sizing: border-box;
  height: var(--vertical-nav-item-height);
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.pb-vertical-nav__list--floating .pb-vertical-nav__item--child .pb-vertical-nav__link {
  padding-left: 0.5rem;
}

.pb-vertical-nav__list--floating .pb-vertical-nav__action {
  margin-left: 0.5rem;
  width: auto;
}

.pb-vertical-nav__list--floating .pb-vertical-nav__button {
  margin: 0 0.5rem;
}

.pb-vertical-nav__list--floating .pb-vertical-nav__button--action {
  border-radius: var(--border-radius);
  height: 1.25rem;
  justify-content: center;
  margin: 0 0.5rem;
}

/* stylelint-enable no-descending-specificity */
/* --- Resize control styling --- */
.pb-vertical-nav__grip-container {
  position: relative;
  z-index: 1;
}

.pb-vertical-nav__grip {
  position: absolute;
  left: -2px;
  top: 0;
  width: 4px;
  height: 100%;
  cursor: col-resize;
}

.pb-vertical-nav__grip-container + * {
  z-index: 0;
  position: relative;
}