@charset "UTF-8";
body {
  background: #1b1c1d !important; }

.main-display-area {
  min-height: 75vh; }

.main-menu {
  z-index: 101;
  width: 100%;
  position: fixed;
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid black;
  top: 0;
  left: 0;
  background: no-repeat center url("/img/trimmed_banner_50.png") #000;
  padding: 0.35rem 1rem 0.15rem; }
  .main-menu .banner {
    flex: 1 0 auto;
    display: flex;
    gap: 1rem; }
    .main-menu .banner h1,
    .main-menu .banner h2 {
      font-size: 1.6rem;
      line-height: 1rem;
      margin: 0;
      padding: 0; }
    .main-menu .banner h1 a {
      color: rgba(255, 255, 255, 0.7); }
      .main-menu .banner h1 a:hover {
        color: white;
        transition: all;
        transition-duration: 150ms; }
    .main-menu .banner h2 {
      font-size: 1.3rem;
      font-weight: normal;
      color: rgba(255, 255, 255, 0.5); }
  .main-menu .wide.column {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .main-menu .ui.header {
    margin: 0 0 0 0 !important;
    padding: 0 !important;
    font-weight: normal; }
    .main-menu .ui.header a {
      color: rgba(255, 255, 255, 0.6); }
      .main-menu .ui.header a:hover {
        color: white; }
  .main-menu .ui.image {
    top: 30px !important; }
  .main-menu .ui.menu .item {
    padding: 0.5em 0.75em; }
    .main-menu .ui.menu .item.active {
      background: rgba(255, 255, 255, 0.9) !important; }
      .main-menu .ui.menu .item.active a {
        color: #1b1c1d !important; }
    .main-menu .ui.menu .item:hover {
      background: rgba(255, 255, 255, 0.3); }
  .main-menu input[type="submit"] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-family: "Source Sans Pro", "Helvetica Neue", Arial, Helvetica, sans-serif; }

.page-footer {
  margin-top: 2em !important;
  padding: 2em 0 3em !important; }
  .page-footer .ui.inverted.list .item a {
    color: rgba(255, 255, 255, 0.7) !important; }
    .page-footer .ui.inverted.list .item a:hover {
      color: white !important;
      text-decoration: underline; }
  .page-footer p {
    color: rgba(255, 255, 255, 0.7); }
    .page-footer p a {
      color: rgba(255, 255, 255, 0.7);
      text-decoration: underline; }
      .page-footer p a:hover {
        color: rgba(255, 255, 255, 0.9); }
  .page-footer .left .logos {
    margin: 1.5rem 0 1rem 0;
    opacity: 0.35; }
    .page-footer .left .logos .ui.tiny.images .image,
    .page-footer .left .logos .ui.tiny.image {
      width: 100px;
      height: auto;
      margin-right: 1.5rem; }
  .page-footer .left p.muted,
  .page-footer .left .muted p {
    color: rgba(255, 255, 255, 0.4); }
    .page-footer .left p.muted a,
    .page-footer .left .muted p a {
      color: rgba(255, 255, 255, 0.5);
      text-decoration: underline; }
      .page-footer .left p.muted a:hover,
      .page-footer .left .muted p a:hover {
        color: rgba(255, 255, 255, 0.9); }

.detail-view .header,
.detail-card .header {
  line-height: 1.1em !important;
  letter-spacing: -0.03em; }

.root .measure .metric,
.root .measure .imperial,
.root .measure .sep {
  display: none; }

.root.metric .measure .metric {
  display: inline; }

.root.metric .measure .metric .sep.range {
  display: inline; }

.root.metric table.variants .measure .metric,
.root.metric table.variant-list .measure .metric {
  display: block; }
  .root.metric table.variants .measure .metric .unit.suffix,
  .root.metric table.variant-list .measure .metric .unit.suffix {
    display: inline-block;
    font-size: 0.7em;
    width: 6.25em;
    text-align: left;
    margin-left: 0.25em; }
  .root.metric table.variants .measure .metric .unit.prefix,
  .root.metric table.variant-list .measure .metric .unit.prefix {
    display: inline-block;
    width: 2.5em;
    text-align: right;
    padding-right: 0; }

.root.metric table.u-value .measure .metric {
  display: block; }

.root.imperial .measure .imperial .sep.range {
  display: inline; }

.root.imperial .measure .imperial {
  display: inline; }

.root.imperial table.variants .measure .imperial,
.root.imperial table.variant-list .measure .imperial {
  display: block; }
  .root.imperial table.variants .measure .imperial .unit.suffix,
  .root.imperial table.variant-list .measure .imperial .unit.suffix {
    display: inline-block;
    font-size: 0.7em;
    width: 6.25em;
    text-align: left;
    margin-left: 0.25em; }
  .root.imperial table.variants .measure .imperial .unit.prefix,
  .root.imperial table.variant-list .measure .imperial .unit.prefix {
    display: inline-block;
    width: 2.5em;
    text-align: right;
    padding-right: 0; }

.root.imperial table.u-value .measure .imperial {
  display: block; }

.root.metric.imperial .measure .sep.sys {
  display: inline; }

.root.metric.imperial .detail-card .measure.range .sep.sys {
  display: none; }

.root.metric.imperial table.variants .measure .sep.sys {
  display: none; }

.root.metric.imperial table.variant-list .measure .sep.sys {
  display: none; }

.root.metric.imperial table.u-value .measure .sep.sys {
  display: none; }

.root.metric.imperial .two-line-measures .metric,
.root.metric.imperial .two-line-measures .imperial {
  display: block; }

.root.metric.imperial .two-line-measures .sep.sys {
  display: none; }

.mag {
  font-weight: bold; }

.sep,
.unit {
  opacity: 0.5; }

.sep.sys {
  padding: 0 0.25em; }

.unit {
  white-space: nowrap; }

.unit.prefix {
  padding-right: 0.25em; }

.unit.suffix {
  padding-left: 0.25em; }

.detail-view .measure.range .sep.sys,
.detail-view .header .measure.range .sep.sys,
.no-range-break .measure.range .sep.sys,
.detail-card .measure.range .sep.sys {
  display: none; }

.detail-view .measure.range .range.metric,
.detail-view .measure.range .range.imperial,
.detail-view .header .measure.range .range.metric,
.detail-view .header .measure.range .range.imperial,
.no-range-break .measure.range .range.metric,
.no-range-break .measure.range .range.imperial,
.detail-card .measure.range .range.metric,
.detail-card .measure.range .range.imperial {
  display: block; }
  .detail-view .measure.range .range.metric .unit,
  .detail-view .measure.range .range.imperial .unit,
  .detail-view .header .measure.range .range.metric .unit,
  .detail-view .header .measure.range .range.imperial .unit,
  .no-range-break .measure.range .range.metric .unit,
  .no-range-break .measure.range .range.imperial .unit,
  .detail-card .measure.range .range.metric .unit,
  .detail-card .measure.range .range.imperial .unit {
    font-weight: normal; }

#detail-modal .detail-modal-header {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 3.6rem;
  column-gap: 2rem; }
  #detail-modal .detail-modal-header h2,
  #detail-modal .detail-modal-header h3 {
    margin: 0;
    padding: 0;
    font-size: 1.71428571rem; }
  #detail-modal .detail-modal-header .header-and-tags {
    grid-column: 3 / 7;
    grid-row: 1;
    display: flex;
    gap: 2rem;
    align-items: baseline;
    width: 100%; }
    #detail-modal .detail-modal-header .header-and-tags .tags {
      flex: 1 1 auto; }
  #detail-modal .detail-modal-header h3 {
    grid-column: 3 / 7;
    grid-row: 2;
    font-weight: normal;
    line-height: 1.4;
    margin: 1rem 0 2rem; }
  #detail-modal .detail-modal-header .detail-image {
    grid-column: 1 / 3;
    grid-row: 1 / 4; }
  #detail-modal .detail-modal-header .overall-properties {
    grid-column: 3 / 5;
    grid-row: 3 / 4; }
  #detail-modal .detail-modal-header .thermal-pdf {
    grid-column: 6 / 7;
    grid-row: 3 / 4; }
    #detail-modal .detail-modal-header .thermal-pdf img {
      width: 100% !important;
      --big-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
          0 4px 6px -2px rgba(0, 0, 0, 0.05);
      --little-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
          0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--big-shadow), var(--little-shadow); }
  #detail-modal .detail-modal-header .material-pdf {
    grid-column: 5 / 6;
    grid-row: 3 / 4; }
    #detail-modal .detail-modal-header .material-pdf img {
      width: 100% !important;
      --big-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
          0 4px 6px -2px rgba(0, 0, 0, 0.05);
      --little-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
          0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--big-shadow), var(--little-shadow); }
  #detail-modal .detail-modal-header table {
    border-collapse: collapse;
    border: 1px solid rgba(136, 136, 136, 0.5);
    width: 100%; }
    #detail-modal .detail-modal-header table tbody tr:first-child th,
    #detail-modal .detail-modal-header table tbody tr:first-child td {
      border-top: 1px solid rgba(136, 136, 136, 0.5); }
    #detail-modal .detail-modal-header table td,
    #detail-modal .detail-modal-header table th {
      padding: 0.5rem 1rem; }

#detail-modal .location-section {
  margin-top: 5rem;
  padding-top: 2rem;
  border-top: 2px solid rgba(136, 136, 136, 0.5);
  grid-template-columns: 1fr 2fr;
  column-gap: 2rem; }
  #detail-modal .location-section .scenario-header {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    margin: 2rem 0 1rem;
    width: 100%; }
    #detail-modal .location-section .scenario-header .count {
      opacity: 0.5;
      flex: 1 1 auto; }

.detail-card .detail-ref {
  margin-bottom: 1em; }

.ui.label.detail-ref {
  cursor: pointer;
  letter-spacing: 0.08em;
  margin-bottom: 0.5833em;
  background-color: #4b4b4b;
  color: rgba(255, 255, 255, 0.9); }
  .ui.label.detail-ref .detail {
    margin: -0.5833em 0.5em -1em -0.833em !important;
    border-top-left-radius: 0.285714rem;
    border-bottom-left-radius: 0.285714rem;
    padding: 0.5833em;
    color: rgba(0, 0, 0, 0.6);
    background-color: #e8e8e8; }
  .ui.label.detail-ref.bridge-free .detail {
    background-color: #6a70ff;
    color: rgba(255, 255, 255, 0.9); }
  .ui.label.detail-ref.efficient .detail {
    background-color: #02a9fd;
    color: rgba(255, 255, 255, 0.9); }
  .ui.label.detail-ref.mitigated .detail {
    background-color: #01f1d4;
    color: rgba(255, 255, 255, 0.9); }
  .ui.label.detail-ref.moderate .detail {
    background-color: #05c942;
    color: rgba(255, 255, 255, 0.9); }
  .ui.label.detail-ref.regular .detail {
    background-color: #f39b01;
    color: rgba(255, 255, 255, 0.9); }
  .ui.label.detail-ref.poor .detail {
    background-color: #cc3a34;
    color: rgba(255, 255, 255, 0.9); }

.inactive-filter-icon i {
  opacity: 0.3; }

.inactive-sort-icon {
  opacity: 0.3 !important; }

.constants-table-2 {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid rgba(136, 136, 136, 0.5); }
  .constants-table-2 tbody > * + * > td,
  .constants-table-2 tbody > * + * > th {
    border-top: 1px solid rgba(136, 136, 136, 0.1); }
  .constants-table-2 td {
    border-right: 1px solid rgba(136, 136, 136, 0.1);
    text-align: center; }
  .constants-table-2 thead > tr:first-child > th {
    font-size: 1.28571429em;
    font-weight: bold;
    letter-spacing: -0.03em;
    padding: 0.5rem; }
  .constants-table-2 thead > tr:last-child > th {
    border-bottom: 1px solid rgba(136, 136, 136, 0.5);
    font-weight: normal;
    line-spacing: 1;
    padding: 0.5rem;
    opacity: 0.5; }
  .constants-table-2 tbody th {
    text-align: left;
    font-weight: normal; }
  .constants-table-2 tbody th,
  .constants-table-2 td {
    padding: 0.25rem 1rem; }
  .constants-table-2 .measure.dual {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 0.1rem;
    align-items: baseline; }
    .constants-table-2 .measure.dual .mag.prefix {
      text-align: left; }
    .constants-table-2 .measure.dual .unit.prefix {
      text-align: right; }
    .constants-table-2 .measure.dual .unit.prefix.r-value {
      margin-right: -0.45ch; }
    .constants-table-2 .measure.dual .mag.suffix {
      text-align: right; }
    .constants-table-2 .measure.dual .unit.suffix {
      margin-left: 0.1em;
      text-align: left; }

div.nominal-blank {
  opacity: 0.2; }
  div.nominal-blank:hover {
    opacity: 1; }

.variant-table-2 {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  border: 1px solid rgba(136, 136, 136, 0.5); }
  .variant-table-2 tbody > * + * > td {
    border-top: 1px solid rgba(136, 136, 136, 0.1); }
  .variant-table-2 thead .ui.simple.dropdown .text,
  .variant-table-2 td .ui.simple.dropdown .text {
    display: none; }
  .variant-table-2 th {
    background-color: white !important;
    font-weight: normal !important;
    vertical-align: bottom;
    width: auto;
    z-index: 50;
    text-align: center; }
    .variant-table-2 th .flex .head {
      flex: 1 1 auto; }
    .variant-table-2 th .flex .controls {
      min-height: 2rem;
      display: flex;
      justify-content: center; }
    .variant-table-2 th .menu .item .clip-item .val {
      max-width: 40ch;
      overflow: hidden; }
  .variant-table-2 th:after,
  .variant-table-2 th:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%; }
  .variant-table-2 th:before {
    top: -1px;
    border-top: 1px solid rgba(136, 136, 136, 0.5); }
  .variant-table-2 th:after {
    bottom: -1px;
    border-bottom: 1px solid rgba(136, 136, 136, 0.5); }
  .variant-table-2 th.subref-col {
    width: 14ch !important; }
  .variant-table-2 th.action-col {
    width: 9ch !important; }
  .variant-table-2 td {
    vertical-align: middle;
    text-align: center;
    padding: 0 1rem;
    margin: 0; }
  .variant-table-2 tr > td:first-child {
    text-align: center; }
  .variant-table-2 tr > td:last-child {
    padding: 0;
    text-align: right !important; }
  .variant-table-2 td .measure.dual {
    display: grid;
    margin: 0.25rem 0;
    grid-template-columns: 1fr 1fr;
    row-gap: 0.1rem;
    align-items: baseline; }
    .variant-table-2 td .measure.dual .unit {
      opacity: 0.2; }
    .variant-table-2 td .measure.dual .mag.prefix {
      text-align: left; }
    .variant-table-2 td .measure.dual .unit.prefix {
      text-align: right; }
    .variant-table-2 td .measure.dual .unit.prefix.r-value {
      margin-right: -0.45ch; }
    .variant-table-2 td .measure.dual .mag.suffix {
      text-align: right; }
    .variant-table-2 td .measure.dual .unit.suffix {
      margin-left: 0.1em;
      text-align: left; }
  .variant-table-2 tbody tr:hover {
    background-color: rgba(85, 255, 0, 0.15); }
    .variant-table-2 tbody tr:hover .measure.dual .unit {
      opacity: 100%;
      color: black !important; }
  .variant-table-2 th button,
  .variant-table-2 .ui.scrolling.dropdown > .icon {
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem !important;
    width: 2rem;
    border: none;
    margin-right: 0.25rem;
    background: none;
    transition: all 0.2s ease; }
    .variant-table-2 th button.icon.filter,
    .variant-table-2 .ui.scrolling.dropdown > .icon.icon.filter {
      color: rgba(0, 0, 0, 0.15) !important; }
    .variant-table-2 th button .icon,
    .variant-table-2 .ui.scrolling.dropdown > .icon .icon {
      margin: 0 !important; }
    .variant-table-2 th button .icon.sort.grey,
    .variant-table-2 .ui.scrolling.dropdown > .icon .icon.sort.grey {
      color: rgba(0, 0, 0, 0.15) !important; }
    .variant-table-2 th button:hover,
    .variant-table-2 .ui.scrolling.dropdown > .icon:hover {
      background-color: rgba(0, 0, 0, 0.05); }
      .variant-table-2 th button:hover .icon.sort.grey,
      .variant-table-2 .ui.scrolling.dropdown > .icon:hover .icon.sort.grey {
        color: black !important; }
  .variant-table-2 .ui.scrolling.dropdown {
    margin-top: -1.375rem; }
    .variant-table-2 .ui.scrolling.dropdown.active .icon.filter {
      background: rgba(136, 136, 136, 0.5) !important;
      color: white !important; }
  .variant-table-2 .ui.scrolling.dropdown.filtering .icon.filter {
    color: black !important; }

.variant-list-header {
  margin-right: 0.25rem; }

table.variants td.transmittance {
  background-color: #e8e8e8; }

table.variants .label.detail-ref {
  display: inline-block;
  white-space: nowrap; }

table.variant-list td.transmittance {
  background-color: #e8e8e8; }

table.variant-list .label.detail-ref {
  display: inline-block;
  white-space: nowrap; }

table.u-value {
  width: 100%; }
  table.u-value input[type="number"] {
    -moz-appearance: textfield; }
    table.u-value input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  table.u-value tbody tr:hover {
    background-color: #ecfccb; }
  table.u-value td {
    vertical-align: baseline; }
  table.u-value td.vref {
    white-space: nowrap; }
  table.u-value .label.detail-ref {
    display: inline-block; }
  table.u-value tr.active.clear-field {
    background: #eee !important;
    color: white; }
    table.u-value tr.active.clear-field td.negative {
      background-color: rgba(255, 0, 0, 0.5) !important; }
  table.u-value tr.inactive {
    color: #ddd !important; }
    table.u-value tr.inactive.active {
      background: white !important;
      color: #ddd !important; }
    table.u-value tr.inactive i.icon {
      color: rgba(0, 0, 0, 0.87); }
  table.u-value div.float-input input {
    line-height: 2em; }
  table.u-value div.error-glow input {
    box-shadow: 0 0 6px rgba(255, 0, 0, 0.5);
    border-color: red !important; }
  table.u-value div.switchable-input input[type="number"],
  table.u-value div.float-input input[type="number"] {
    font-weight: bold;
    padding: 0 0.5rem 0 0 !important;
    text-align: right !important;
    min-width: 5em; }
  table.u-value div.switchable-input button,
  table.u-value div.switchable-input button:disabled,
  table.u-value div.float-input button,
  table.u-value div.float-input button:disabled {
    box-shadow: none !important;
    border: 1px solid rgba(34, 36, 38, 0.15) !important;
    padding: 0.5em 1em !important; }
  table.u-value div.switchable-input button:disabled,
  table.u-value div.float-input button:disabled {
    opacity: 1 !important;
    border: 1px solid rgba(34, 36, 38, 0.15) !important; }
  table.u-value td.quantity div.switchable-input input[type="number"] {
    min-width: 7em; }
  table.u-value td.adjustment div.input input {
    min-width: 4em;
    max-width: 5em; }
  table.u-value td.transmittance div.switchable-input input[type="number"] {
    min-width: 4em; }
  table.u-value td.transmittance div.switchable-input::after {
    opacity: 0.5;
    padding-left: 1em;
    content: " × "; }
  table.u-value .ui.item.simple.dropdown .menu.transition.left.item, table.u-value .ui.item.simple.dropdown .menu.transition.left.divider {
    background-color: white !important; }
  table.u-value .ui.item.simple.dropdown .menu.transition.left.item:hover {
    background: rgba(0, 0, 0, 0.05) !important; }

svg {
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, Helvetica, sans-serif; }
  svg .bar rect {
    fill: url(#bar-gradient); }
  svg g.tick text {
    font-family: "Source Sans Pro", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 1rem; }
  svg .x-axis .axis-label,
  svg .y-axis .axis-label {
    font-size: 1rem; }
    svg .x-axis .axis-label .title,
    svg .y-axis .axis-label .title {
      fill: black;
      font-weight: bold;
      letter-spacing: 0.03rem; }
    svg .x-axis .axis-label .unit,
    svg .y-axis .axis-label .unit {
      fill: black; }
  svg .threshold text {
    font-size: 1rem;
    fill: rgba(0, 0, 0, 0.87);
    text-anchor: start; }
  svg .threshold line {
    stroke-width: 2px;
    stroke: rgba(0, 0, 0, 0.87);
    stroke-dasharray: 2, 4; }
  svg .threshold.bridge-free text {
    fill: #6a70ff; }
  svg .threshold.bridge-free line {
    stroke: #6a70ff; }
  svg .threshold.efficient text {
    fill: #02a9fd; }
  svg .threshold.efficient line {
    stroke: #02a9fd; }
  svg .threshold.mitigated text {
    fill: #01f1d4; }
  svg .threshold.mitigated line {
    stroke: #01f1d4; }
  svg .threshold.moderate text {
    fill: #05c942; }
  svg .threshold.moderate line {
    stroke: #05c942; }
  svg .threshold.regular text {
    fill: #f39b01; }
  svg .threshold.regular line {
    stroke: #f39b01; }
  svg .threshold.poor text {
    fill: #cc3a34; }
  svg .threshold.poor line {
    stroke: #cc3a34; }
  svg .data-line {
    fill: none;
    stroke-width: 1.5px; }
  svg circle.data-point {
    fill: none;
    stroke: black;
    stroke-width: 2px; }
  svg text.data-label,
  svg text.data-label-mask {
    font-size: 1rem; }
  svg text.data-label-mask {
    stroke-width: 4px;
    stroke: white; }
  svg text.data-label {
    fill: black; }

.detail-card .thumbnail {
  height: 261px; }

.detail-card .measures {
  height: 72px; }

.detail-card .extra {
  height: 41px; }

.slider input {
  width: 100%; }

.slider output {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  width: 100%; }
  .slider output .ui.label {
    float: right;
    position: relative;
    bottom: 5px; }

.slider .measure.dual {
  display: inline; }

.add-to-collection .ui.label,
.remove-from-collection .ui.label {
  float: right !important;
  margin-top: -6px !important;
  margin-right: 2px !important; }

svg.location-search.big image {
  transition: all 0.15s ease-in-out;
  opacity: 0.5; }

svg.location-search.big:hover image {
  opacity: 0.35; }

svg.location-search.big g.location {
  cursor: pointer; }
  svg.location-search.big g.location circle,
  svg.location-search.big g.location text {
    transition: all 0.15s ease-in-out; }
  svg.location-search.big g.location text {
    alignment-baseline: middle;
    font-weight: bold;
    font-size: 3.25rem;
    text-anchor: start; }
  svg.location-search.big g.location.inactive circle {
    r: 12px; }
    svg.location-search.big g.location.inactive circle.behind {
      stroke: rgba(255, 255, 255, 0.5);
      stroke-width: 8px;
      opacity: 1; }
    svg.location-search.big g.location.inactive circle.in-front {
      fill: rgba(0, 0, 0, 0.85); }
  svg.location-search.big g.location.inactive text {
    transform: translate(25px, 0); }
    svg.location-search.big g.location.inactive text.behind {
      stroke: rgba(255, 255, 255, 0.5);
      stroke-width: 8px; }
    svg.location-search.big g.location.inactive text.in-front {
      fill: rgba(0, 0, 0, 0.85);
      stroke: none; }
  svg.location-search.big g.location.inactive:hover circle {
    r: 12px; }
    svg.location-search.big g.location.inactive:hover circle.behind {
      opacity: 0; }
    svg.location-search.big g.location.inactive:hover circle.in-front {
      fill: #f68b33;
      stroke: none; }
  svg.location-search.big g.location.inactive:hover text {
    transform: translate(25px, 0); }
    svg.location-search.big g.location.inactive:hover text.behind {
      opacity: 0; }
    svg.location-search.big g.location.inactive:hover text.in-front {
      fill: #f68b33;
      stroke: none; }
  svg.location-search.big g.location.active circle {
    r: 80px; }
    svg.location-search.big g.location.active circle.behind {
      opacity: 0; }
    svg.location-search.big g.location.active circle.in-front {
      fill: rgba(0, 171, 199, 0.3);
      stroke-width: 10px;
      stroke: #00abc7; }
  svg.location-search.big g.location.active text {
    transform: translate(100px, 0); }
    svg.location-search.big g.location.active text.behind {
      stroke: rgba(255, 255, 255, 0.5);
      stroke-width: 8px; }
    svg.location-search.big g.location.active text.in-front {
      fill: #00899f;
      stroke: none; }
  svg.location-search.big g.location.active:hover circle {
    r: 80px; }
    svg.location-search.big g.location.active:hover circle.behind {
      stroke: rgba(255, 255, 255, 0.5);
      stroke-width: 8px;
      opacity: 0; }
    svg.location-search.big g.location.active:hover circle.in-front {
      stroke: #f68b33;
      stroke-width: 10px;
      fill: rgba(255, 255, 255, 0.001); }
  svg.location-search.big g.location.active:hover text {
    fill: #f68b33;
    transform: translate(100px, 0); }
    svg.location-search.big g.location.active:hover text.behind {
      opacity: 0; }
    svg.location-search.big g.location.active:hover text.in-front {
      fill: #f68b33;
      stroke: none; }

div.location-search.small svg image {
  transition: all 0.15s ease-in-out;
  opacity: 0.5; }

div.location-search.small svg:hover image {
  opacity: 0.35; }

div.location-search.small svg circle,
div.location-search.small svg text {
  transition: all 0.15s ease-in-out; }

div.location-search.small svg g.location.inactive circle {
  r: 18px;
  fill: white;
  fill-opacity: 0.01;
  stroke: rgba(0, 0, 0, 0.85);
  stroke-width: 3px;
  stroke-opacity: 0.8; }

div.location-search.small svg g.location.inactive:hover circle {
  stroke: #f68b33;
  stroke-width: 6px;
  stroke-opacity: 1; }

div.location-search.small svg g.location.active circle {
  r: 40px;
  fill: rgba(0, 171, 199, 0.3);
  stroke: #00abc7;
  stroke-width: 6px; }

div.location-search.small svg g.location.active:hover circle {
  fill: rgba(246, 139, 51, 0.3);
  stroke: #f68b33; }

div.location-search.small svg g.location.hovering.inactive circle {
  fill: #f68b33; }

div.location-search.small svg g.location.hovering.active circle {
  fill: rgba(246, 139, 51, 0.3);
  stroke: #f68b33; }

div.location-search.small .hover-location button.ui.button.disabled {
  font-size: 0.8em;
  margin-bottom: 0.25em;
  background: white !important;
  color: #f68b33 !important;
  opacity: 1 !important; }
  div.location-search.small .hover-location button.ui.button.disabled.inactive i {
    opacity: 0; }

div.location-search.small .pills button.ui.button {
  font-size: 0.8em;
  margin-bottom: 0.25em !important; }
  div.location-search.small .pills button.ui.button i {
    opacity: 0.6; }

.collection-horizontal {
  flex-wrap: nowrap !important;
  overflow-x: scroll;
  margin-bottom: 1rem !important;
  padding-bottom: 0.5em !important; }
  .collection-horizontal::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important; }
  .collection-horizontal .ui.card {
    flex: 0 0 25%; }

svg.histogram rect.bar.bridge-free {
  fill: #6a70ff; }

svg.histogram rect.bar.efficient {
  fill: #02a9fd; }

svg.histogram rect.bar.mitigated {
  fill: #01f1d4; }

svg.histogram rect.bar.moderate {
  fill: #05c942; }

svg.histogram rect.bar.regular {
  fill: #f39b01; }

svg.histogram rect.bar.poor {
  fill: #cc3a34; }

svg.histogram .cursor line {
  stroke: red;
  stroke-width: 1px; }

svg.histogram .cursor text {
  fill: red;
  dominant-baseline: hanging;
  font-size: 0.9em; }

svg.histogram .cursor rect {
  fill: white;
  opacity: 0.9; }

svg.histogram .cursor.left text {
  text-anchor: start; }

svg.histogram .cursor.right text {
  text-anchor: end; }

#search-main-area {
  min-height: 100vh; }

.ui.card.new-collection {
  min-height: 240px; }
  .ui.card.new-collection .content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }
    .ui.card.new-collection .content .header {
      flex: 1 1 auto; }
    .ui.card.new-collection .content .description {
      flex: 0 0 auto; }

.ui.card.collection-summary.active {
  border: 1px solid #4183c4;
  background: #f9fbfd; }

.ui.card.collection-summary:hover {
  border: 1px solid #4183c4;
  box-shadow: 0 0 8px 4px rgba(65, 131, 196, 0.2); }

.ui.card.collection-summary .content {
  display: flex;
  flex-direction: column; }
  .ui.card.collection-summary .content .upper-card {
    flex: 1 1 50%; }
  .ui.card.collection-summary .content .lower-card {
    flex: 0 0 50%;
    margin-top: 1.5em; }
    .ui.card.collection-summary .content .lower-card .actions {
      margin-top: 1em; }

div.editable-text {
  position: relative; }
  div.editable-text button.edit-text {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    display: block; }
    div.editable-text button.edit-text.basic {
      display: none; }
  div.editable-text:hover button.edit-text.basic {
    display: block; }

form.ui.form.edit-text-form div.edit-text-buttons {
  text-align: right; }
  form.ui.form.edit-text-form div.edit-text-buttons button:last-child {
    margin-right: 0; }

.settings-menu button {
  margin-bottom: 0.33em !important; }

.collection-detail-list .collection-detail-item .ui.grid .row:first-child {
  padding-bottom: 0 !important; }

.collection-detail-list .collection-detail-item .ui.grid .row:last-child {
  padding-top: 0 !important; }

.collection-detail-list .collection-detail-item .transmittance {
  font-size: 1.3rem; }

.collection-detail-list .collection-detail-item .summary .title {
  display: inline-block;
  color: #f90; }

.collection-detail-list .collection-detail-item .summary .datum {
  display: inline-block;
  border: 1px dotted #999; }

.error-page h1 {
  font-size: 3em !important;
  color: #ccc !important; }

.error-page h1,
.error-page h2 {
  text-align: center; }

.credits,
.help-page,
.terms-of-service {
  margin-bottom: 9em; }

.credits .ui.small.images:first-child {
  margin-bottom: 1.5rem; }

.credits .ui.small.images .image {
  width: 180px;
  height: auto;
  margin-right: 3rem; }
  .credits .ui.small.images .image:last-child {
    margin-right: 0; }

.detail-image img.thumbnail {
  padding: 0.25rem;
  margin-right: 0.5rem;
  cursor: pointer;
  border: 1px solid black; }
  .detail-image img.thumbnail.active {
    border: 3px solid red; }

#ucalc-pick-variant-modal .variant-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5rem; }

#ucalc-pick-variant-modal .variant-card {
  font-family: "Source Sans Pro", "Helvetica Neue", Arial, Helvetica, sans-serif;
  background: white;
  text-align: left;
  padding: 0.75rem;
  display: flex;
  border: 0;
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
  border-radius: 0.25rem;
  flex-direction: column; }
  #ucalc-pick-variant-modal .variant-card img {
    border: 1px solid rgba(0, 0, 0, 0.87);
    padding: 0.5rem;
    margin: 0.5rem 0 1rem;
    width: 100%; }
  #ucalc-pick-variant-modal .variant-card .description {
    flex: 1 0 auto;
    margin-bottom: 2rem; }
  #ucalc-pick-variant-modal .variant-card .measure.dual {
    font-size: 1.3rem;
    display: grid; }
    #ucalc-pick-variant-modal .variant-card .measure.dual .metric,
    #ucalc-pick-variant-modal .variant-card .measure.dual .imperial {
      display: block; }
    #ucalc-pick-variant-modal .variant-card .measure.dual .sep.sys {
      display: none; }
    #ucalc-pick-variant-modal .variant-card .measure.dual .unit {
      font-size: 0.9rem; }
  #ucalc-pick-variant-modal .variant-card:focus {
    background: #f9fbfd; }

#ucalc-pick-variant-modal .empty-state {
  min-height: 16rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #ucalc-pick-variant-modal .empty-state p {
    width: 66%;
    opacity: 0.5;
    font-size: 1.3rem; }

.collection-compare {
  display: flex;
  gap: 1rem;
  margin-bottom: 6rem; }
  .collection-compare .threshold-control {
    flex: 0 0 20% !important; }
  .collection-compare .charts {
    flex: 1 1 auto;
    display: flex;
    min-height: 34rem; }

.threshold-control h5 {
  margin-bottom: 0.5rem !important; }

.threshold-control form.ui.form,
.threshold-control .ui.dropdown {
  margin-bottom: 1.5rem; }

.threshold-control .field {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.threshold-control .ui.label {
  margin-left: 0 !important;
  margin-right: 0.5em !important; }
  .threshold-control .ui.label.base {
    background-color: #ff0000; }
  .threshold-control .ui.label.improved {
    background-color: #6a70ff; }

.threshold-control .q .inverted {
  display: flex; }

.threshold-control .slider {
  display: flex;
  margin: 0;
  padding: 0;
  column-gap: 0.5rem;
  align-items: center; }
  .threshold-control .slider output {
    flex: 1 1 6ch;
    margin: 0;
    padding: 0; }
  .threshold-control .slider input[type="range"] {
    flex: 1 1 auto;
    margin: 0;
    padding: 0; }

.threshold-control .highlight {
  border-radius: 4px;
  font-weight: bold;
  width: 100%;
  height: 100%; }

.threshold-control .radio-hover {
  border: 1px solid transparent;
  border-radius: 4px; }
  .threshold-control .radio-hover:hover {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 0, 0.3) !important; }

form.compliance-data section {
  display: grid;
  grid-template-columns: 38ch 1fr;
  align-items: baseline;
  row-gap: 0.25rem;
  column-gap: 2rem; }
  form.compliance-data section h5 {
    margin: 0 !important; }

form.compliance-data .left {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 0.75rem;
  padding-bottom: 0.5rem; }

form.compliance-data .explanation {
  color: rgba(2, 13, 169, 0.61);
  flex: 1 0 auto; }

form.compliance-data section.rows-2 {
  grid-template-rows: repeat(2, 1fr); }
  form.compliance-data section.rows-2 .left {
    grid-row: 1 / 3; }

form.compliance-data section.rows-4 {
  grid-template-rows: repeat(4, 1fr); }
  form.compliance-data section.rows-4 .left {
    grid-row: 1 / 5; }

form.compliance-data section + section {
  margin-top: 4rem; }

form.compliance-data .line {
  grid-column: 2 / 3;
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%; }
  form.compliance-data .line label {
    color: rgba(0, 0, 0, 0.4);
    flex: 0 0 10ch;
    font-size: 0.9em; }
  form.compliance-data .line input[type="text"],
  form.compliance-data .line input[type="tel"],
  form.compliance-data .line input[type="email"] {
    border: none;
    flex: 1 0 auto;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.25rem; }
    form.compliance-data .line input[type="text"]::placeholder,
    form.compliance-data .line input[type="tel"]::placeholder,
    form.compliance-data .line input[type="email"]::placeholder {
      color: rgba(0, 0, 0, 0.1); }

.custom-xmit-card .flex {
  display: flex; }

.custom-xmit-card .items-baseline {
  align-items: baseline; }

.custom-xmit-card .flex-auto {
  flex: 1 1 auto; }

.custom-xmit-card .ml-8 {
  margin-left: 2rem; }

.custom-xmit-card .mb-8 {
  margin-bottom: 2em; }

.custom-xmit-card.eyeball .grid {
  display: grid;
  grid-template-columns: 8fr 5fr;
  gap: 2rem; }

.custom-xmit-card.eyeball .explanation {
  font-size: 0.9rem;
  margin-bottom: 1rem; }

.custom-xmit-card.eyeball .vega-chart {
  margin-top: 2rem;
  width: 100%;
  height: 400px; }

.custom-xmit-card.eyeball table {
  width: 100%;
  border: 1px solid black; }
  .custom-xmit-card.eyeball table th {
    background: #ccc; }

.custom-xmit-card.interpolated .ui.header.section {
  color: #bbb !important; }

.custom-xmit-card.interpolated .ui.header.section.enabled {
  color: rgba(0, 0, 0, 0.87) !important; }

.custom-xmit-card.interpolated .interp-ui {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  margin-bottom: 2rem; }
  .custom-xmit-card.interpolated .interp-ui form {
    flex: 0 0 66%; }

.user-detail .interp-section {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.user-detail table {
  border-collapse: collapse; }

.user-detail .flex-auto {
  flex: 1 1 auto; }

.user-detail .gap-8 {
  gap: 2rem; }

.user-detail .w-full {
  width: 100%; }

.user-detail .bg-yellow-50 {
  background-color: #fefce8; }

.user-detail .hover\:bg-yellow-50:hover {
  background-color: #fefce8; }

.user-detail .bg-yellow-100 {
  background-color: #fef9c3; }

.user-detail .text-gray-500 {
  opacity: 0.5; }

.user-detail .sticky {
  position: sticky; }

.user-detail .top-0 {
  top: 0px; }

.user-detail .top-36 {
  top: 5rem; }

.user-detail .flex {
  display: flex; }

.user-detail .items-baseline {
  align-items: baseline; }

.user-detail .items-center {
  align-items: center; }

.user-detail .text-center {
  text-align: center; }

.user-detail .flex-auto {
  flex: 1 1 auto; }

.user-detail .gap-8 {
  gap: 2rem; }

.user-detail .mt-2 {
  margin-top: 0.5rem; }

.user-detail .mb-2 {
  margin-bottom: 0.5rem; }

.user-detail .mt-4 {
  margin-top: 1rem; }

.user-detail .mb-4 {
  margin-bottom: 1rem; }

.user-detail .mt-8 {
  margin-top: 2rem; }

.user-detail .mt-12 {
  margin-top: 3rem; }

.user-detail .quickfind .ui.icon.input {
  width: 100% !important; }

.user-detail .two-up {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }
  .user-detail .two-up .left {
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 1px solid black; }

.user-detail h2 {
  opacity: 0.5;
  font-weight: normal !important;
  font-size: 1.125rem !important; }

.user-detail .intermediate-result {
  position: relative;
  font-size: 1.25rem;
  margin-top: 0.5rem;
  border: 1px solid red;
  padding: 1rem; }
  .user-detail .intermediate-result .boxnum {
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 0.875rem;
    font-weight: normal;
    color: red;
    background: white;
    padding: 0 0.375rem;
    border: 1px solid red;
    z-index: 0; }
  .user-detail .intermediate-result .measure {
    position: relative;
    z-index: 5; }
  .user-detail .intermediate-result.small {
    font-size: 0.875rem;
    padding: 0.5rem;
    margin: 0; }
    .user-detail .intermediate-result.small .boxnum {
      padding: 0 0.125rem;
      font-size: 0.75rem; }

.user-detail .relative {
  position: relative; }

.user-detail .ui.button.enabler {
  position: absolute;
  top: 1rem;
  right: 1rem; }

.user-detail .grid {
  display: grid; }

.user-detail .grid-cols-2 {
  grid-template-columns: repeat(2, 1fr); }

.user-detail .grid-cols-5 {
  grid-template-columns: 1fr 2rem 1fr 2rem 1fr; }

.user-detail .gap-2 {
  gap: 0.5rem; }

.user-detail .gap-y-2 {
  row-gap: 0.5rem; }

.user-detail .absolute {
  position: absolute; }

.user-detail .bot-0 {
  bottom: 0; }

.user-detail .pr-4 {
  padding-right: 1rem; }

.user-detail .border-b {
  border-bottom: 1px solid rgba(0, 0, 0, 0.87); }

.quickfind-result {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 1rem; }
  .quickfind-result .title {
    font-size: 1.25rem !important; }
  .quickfind-result .description {
    color: inherit !important; }

.user-detail .measure.dual.tabular .metric,
.user-detail .measure.dual.tabular .imperial {
  display: block; }

.user-detail .measure.dual.tabular .mag {
  display: inline-block;
  min-width: 4ch; }

.user-detail .measure.dual.tabular .unit {
  color: rgba(1, 1, 1, 0.8); }

.user-detail .measure.dual.tabular .unit.prefix {
  display: inline-block;
  min-width: 4ch; }

.news h1 {
  font-size: 2rem;
  font-weight: bold; }

.news .news-item {
  display: grid;
  align-items: baseline;
  grid-template-columns: 5fr 8fr;
  grid-gap: 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin-top: 2rem;
  padding-top: 2rem; }
  .news .news-item .meta {
    grid-column-start: 1;
    grid-column-end: 2; }
    .news .news-item .meta a.author {
      font-weight: bold; }
    .news .news-item .meta .company {
      margin-left: 0.25rem;
      opacity: 0.5; }
    .news .news-item .meta h3 {
      font-size: 1.5rem;
      margin-bottom: 0.5rem; }
  .news .news-item .body * + * {
    margin-top: 1rem; }
  .news .news-item .body h4 {
    margin-top: 2rem;
    font-weight: bold; }
  .news .news-item .body strong {
    box-shadow: inset 0 -8px 0 rgba(156, 247, 110, 0.55), 0 2px 0 rgba(156, 247, 110, 0.55);
    font-weight: normal; }
  .news .news-item .body a {
    color: #0091a9; }
    .news .news-item .body a:hover {
      text-decoration: underline; }

#calc-help {
  max-inline-size: 60ch; }
  #calc-help h1 {
    font-size: 2rem;
    font-weight: bold; }
  #calc-help h2 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0.5rem 0; }
  #calc-help p + p {
    text-indent: 1em; }
  #calc-help ul {
    margin: 0 0 0 1em;
    list-style-type: disc; }

div.prose h1, div.prose h2, div.prose h3, div.prose h4, div.prose h5 {
  font-weight: 700; }

div.prose h1 {
  font-size: 2rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 2rem; }

div.prose h2 {
  font-size: 1.28571em; }

div.prose h3, div.prose h4 {
  margin: calc(2rem - .14285714em) 0 1rem;
  line-height: 1.28571429em; }

div.prose h3 {
  font-size: 1.28571429rem; }

div.prose h4 {
  font-size: 1.07142857rem; }

div.prose p {
  margin: 0;
  line-height: 1.4285em; }

div.prose .pdf-link {
  padding: 0.5rem 0; }

div.prose .pdf-link > a::before {
  content: '\f1c1';
  display: inline-block;
  margin-right: 0.5em;
  font-family: 'outline-icons';
  font-style: normal;
  font-weight: normal; }

.fullpage div.prose {
  margin-bottom: 6rem; }
  .fullpage div.prose > div > *:not(h2) {
    width: calc(100% * 10 / 16 - 2rem);
    margin-left: calc(100% * 3 / 16 + 1rem); }
  .fullpage div.prose h2 + * {
    margin-top: 0 !important; }
  .fullpage div.prose h2 {
    width: calc(100% * 3 / 16);
    margin-left: 0;
    font-size: 1.28571em;
    height: calc(1.28571em * 4);
    padding-top: 1.28571em;
    margin-bottom: calc(-1.28571em * 3) !important; }

.flex {
  display: flex; }

.items-baseline {
  align-items: baseline; }

.space-y-2 > * + * {
  margin-top: 0.5rem; }

.space-x-2 > * + * {
  margin-left: 0.5rem; }

.grow {
  flex-grow: 1; }

.pt-1 {
  padding-top: 0.25rem; }

.cursor-pointer {
  cursor: pointer; }

.mt-3 {
  margin-top: 0.75rem; }

.mb-5 {
  margin-bottom: 1.25rem; }