@charset "UTF-8";
/* line 1, app/assets/stylesheets/clean_slate/_header.scss */
#header {
  font-size: 12.16px;
}

/* line 4, app/assets/stylesheets/clean_slate/_header.scss */
#header #branding {
  background: #272727 linear-gradient(#4c4c4c, #272727);
  color: #999999;
  font-family: arial, tahoma, sans-serif;
  font-weight: bold;
  overflow: auto;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* line 18, app/assets/stylesheets/clean_slate/_header.scss */
#header #branding #logo {
  margin-top: 0.5em;
  height: 32px;
  width: 243px;
  outline: none;
  background: url(/assets/logos/insight/biq_insight_legacy_all_white-180cad7a5ec534c7567ea709425f9c81223886dd00e85835d517052a06a5a75b.svg), url(/assets/logos/insight/biq_header_curve-f2e9c1dfd24bf7c58e6db467601a39b585213aff4341c2492aba43d16b7ab131.png);
  background-position-x: 8px, right;
  background-position-y: 7px, bottom;
  background-size: 60%, auto 32px;
  background-repeat: no-repeat;
  text-indent: -3000px;
  /* dirty hack inherited from previous code. Why is this a text link? */
}

/* line 35, app/assets/stylesheets/clean_slate/_header.scss */
#header #branding a {
  color: #ffffff;
  text-decoration: none;
}

/* line 39, app/assets/stylesheets/clean_slate/_header.scss */
#header #branding a:hover {
  background-color: transparent;
  text-decoration: underline;
}

/* line 48, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul,
#header #secondary_navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 59, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li a,
#header #secondary_navigation ul li a {
  text-decoration: none;
  border-left: 1px solid;
  padding: 0 0.5em 0 0.7em;
}

/* line 65, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li a:hover,
#header #secondary_navigation ul li a:hover {
  text-decoration: underline;
}

/* line 71, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li:first-child a,
#header #secondary_navigation ul li:first-child a {
  border-left: none;
  padding-left: 0;
}

/* line 80, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation {
  background-color: #677386;
  font-family: arial, tahoma, sans-serif;
  overflow: auto;
  padding: 0 20px;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}

/* line 93, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation .hide {
  display: none;
}

/* line 97, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li a {
  font-weight: bold;
  border-color: #a8b1be;
  color: #e9eef5;
  white-space: nowrap;
}

/* line 104, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li a:hover {
  color: #ffffff;
}

/* line 109, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation form {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* line 116, app/assets/stylesheets/clean_slate/_header.scss */
#header #secondary_navigation {
  background-color: #d9dee5;
  font-family: arial, tahoma, sans-serif;
  padding: 0 20px;
  line-height: 32px;
  display: flex;
  align-items: center;
  overflow-x: auto;
}

/* line 130, app/assets/stylesheets/clean_slate/_header.scss */
#header #secondary_navigation ul li a {
  border-color: #86898c;
  color: #333333;
  white-space: nowrap;
}

/* line 135, app/assets/stylesheets/clean_slate/_header.scss */
#header #secondary_navigation ul li a:hover {
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/clean_slate/_footer.css */
#footer {
  background-color: #eeeeee;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  font-size: 11px;
  line-height: 1.5em;
  overflow: auto;
  color: #333333;
  font-family: 'lucida grande', verdana, arial, sans-serif;
  margin: 0;
  padding: 4px;
  text-align: center;
}

/* line 6, app/assets/stylesheets/clean_slate/_footer.css */
#footer a:link {
  color: #ad570d;
  text-decoration: none;
}

/* line 11, app/assets/stylesheets/clean_slate/_footer.css */
#footer a:visited {
  color: #753a17;
  text-decoration: none;
}

/* line 16, app/assets/stylesheets/clean_slate/_footer.css */
#footer a:hover {
  color: #e57304;
  text-decoration: underline;
}

/* line 32, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child {
  width: 100%;
  margin-bottom: 0;
}

/* line 36, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child br {
  display: none;
}

/* line 41, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child .vcard * {
  display: inline;
}

/* line 45, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child .vcard br {
  display: none;
}

/* line 50, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child .vcard .adr .street-address:after {
  content: ', ';
}

/* line 53, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child .vcard .adr .locality:after {
  content: ', ';
}

/* line 1, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table {
  width: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  border-collapse: separate;
  border-spacing: 0 10px;
}

/* line 9, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table thead th {
  width: 56px;
  text-align: right;
  vertical-align: top;
  padding: 8px 10px;
}

/* line 16, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table thead td {
  border-left: 1px solid lightgrey;
  padding: 0 12px;
}

/* line 21, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table thead .entity-header-title {
  font-size: 34px;
  line-height: 1.1;
  color: #0f172a;
}

/* line 27, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table thead .entity-header-uuid {
  font-size: 12px;
  color: #64748b;
  margin-top: 2px;
}

/* line 35, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody th {
  width: 25%;
  text-align: right;
  vertical-align: top;
  font-weight: 700;
  padding: 0 10px;
  color: #334155;
}

/* line 44, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody td {
  border-left: 1px solid grey;
  padding: 0 12px;
  color: #0f172a;
}

/* line 50, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .pep-verified {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 8px;
}

/* line 56, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .pep-verified .verified-mark {
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  background: #dcfce7;
  border: 1px solid #15803d;
  color: #15803d;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  font-weight: 700;
}

/* line 69, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .pep-verified .verified-text {
  color: #475569;
}

/* line 74, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .pep-cat,
#display-entity-table tbody .risk-cat {
  clear: both;
  margin: 5px 0;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid lightgrey;
}

/* line 82, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .pep-cat div,
#display-entity-table tbody .risk-cat div {
  display: table-cell;
}

/* line 88, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .pep-cat .cat-letter {
  min-width: 22px;
  height: 20px;
  border-radius: 9999px;
  background: #e2e8f0;
  border: 1px solid #94a3b8;
  color: #334155;
  text-align: center;
  font-weight: 700;
  padding: 0 6px;
  margin-right: 6px;
}

/* line 101, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .pep-cat .cat-desc {
  border-left: 1px solid lightgrey;
  padding-left: 6px;
}

/* line 106, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .pep-cat .cat-end-date {
  padding-left: 6px;
  font-size: 11px;
  color: #64748b;
  font-style: italic;
}

/* line 115, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .risk-cat .cat-badge {
  min-width: 30px;
  height: 20px;
  border-radius: 9999px;
  background: #fee2e2;
  border: 1px solid #ef4444;
  color: #991b1b;
  text-align: center;
  font-weight: 700;
  padding: 0 8px;
  margin-right: 6px;
}

/* line 128, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table tbody .risk-cat .cat-desc {
  border-left: 1px solid lightgrey;
  padding-left: 6px;
}

/* line 136, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* line 142, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation {
  position: relative;
  margin: 5px 10px 5px 0;
  padding: 7px 10px;
  min-height: 20px;
  clear: both;
  white-space: nowrap;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  display: flex;
  align-items: center;
}

/* line 155, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-icon,
#display-entity-table .relation-list .relation-name,
#display-entity-table .relation-list .relation-desc {
  display: inline-block;
}

/* line 161, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-icon {
  position: relative;
  margin-right: 15px;
}

/* line 165, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-icon.outgoing::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: -15px;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent grey;
}

/* line 176, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-icon.incoming::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent grey transparent transparent;
}

/* line 188, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-desc {
  width: 0;
  height: auto;
  overflow: hidden;
  transition: width .2s;
  line-height: 10px;
  font-size: 10px;
  color: grey;
  white-space: nowrap;
  margin-left: 3px;
}

/* line 200, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation:hover .relation-desc {
  width: 95px;
}

/* line 204, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-name {
  line-height: 1.2;
  font-weight: 700;
  color: #0f172a;
  margin-right: 10px;
}

/* line 211, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-pep-cat-list-v2 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 8px;
}

/* line 218, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .pep-verified.pep-verified-top {
  margin: 0;
}

/* line 221, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .pep-verified.pep-verified-top .verified-mark {
  width: 16px;
  height: 16px;
  line-height: 14px;
  font-size: 11px;
}

/* line 229, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-pep-cat {
  border: 1px solid #2f4f4f;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  color: #0f172a;
  padding: 0 6px;
  line-height: 16px;
  min-width: 16px;
  text-align: center;
}

/* line 241, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-risk-list {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 247, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-risk {
  border: 1px solid #cbd5e1;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  color: #0f172a;
  padding: 0 6px;
  line-height: 16px;
}

/* line 256, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-risk.fin {
  color: #386994;
  background-color: #c8daea;
  border-color: #386994;
}

/* line 262, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-risk.opr {
  color: #396039;
  background-color: #cfe2cf;
  border-color: #396039;
}

/* line 268, app/assets/stylesheets/clean_slate/_compliance_entity.css */
#display-entity-table .relation-list .relation-risk.spi {
  color: #9c3030;
  background-color: #edc4c4;
  border-color: #9c3030;
}

/* line 277, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.compliance-diagram {
  width: 100%;
  overflow-x: auto;
  padding: 8px 0;
}

/* line 285, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .ownership-box {
  display: inline-block;
  border-collapse: collapse;
  overflow: hidden;
}

/* line 290, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .ownership-box div,
.ownership-diagram .ownership .ownership-box a {
  display: table-cell;
  box-sizing: border-box;
}

/* line 296, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .ownership-box .ownership-name {
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  padding: 2px 10px;
  line-height: 1.2;
}

/* line 303, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .ownership-box .ownership-value {
  position: relative;
  width: 70px;
  text-align: right;
  padding: 2px 10px 2px 0;
  color: grey;
  font-size: 10px;
  line-height: 1em;
  vertical-align: middle;
}

/* line 314, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .ownership-box .ownership-value-display {
  position: relative;
  width: 5px;
  height: 100%;
  background-color: lightsteelblue;
  border-top: 1px solid lightsteelblue;
  border-bottom: 1px solid steelblue;
}

/* line 322, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .ownership-box .ownership-value-display.zero {
  border-bottom-color: lightsteelblue;
}

/* line 326, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .ownership-box .ownership-value-display.hundred {
  border-top-color: steelblue;
}

/* line 330, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .ownership-box .ownership-value-display .display {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: steelblue;
}

/* line 340, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .look-up {
  padding-left: 10px;
  color: #0369a1;
  text-decoration: underline;
  white-space: nowrap;
}

/* line 347, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.ownership-diagram .ownership .ownership-subs {
  margin-left: 50px;
}

/* line 354, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.pep-path-diagram #pep_path_graph_root {
  width: 100%;
  min-width: 340px;
  margin: 4px 0;
}

/* line 360, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.pep-path-diagram .link-target,
.pep-path-diagram .link-source {
  stroke: #0f172a;
  stroke-width: 1.5;
  fill: none;
}

/* line 367, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.pep-path-diagram .pep-group circle {
  fill: #d4d9de;
  stroke: #2f4f4f;
  stroke-width: 1.5;
}

/* line 373, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.pep-path-diagram .pep-group text {
  fill: #0f172a;
  font-size: 11px;
  font-weight: 700;
}

/* line 379, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.pep-path-diagram .node circle {
  fill: #fff;
  stroke: #94a3b8;
  stroke-width: 1.25;
}

/* line 385, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.pep-path-diagram .pep-icon {
  pointer-events: none;
}

/* line 389, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.pep-path-diagram .pep-name text {
  fill: #0f172a;
  font-size: 10pt;
  font-weight: 600;
}

/* line 395, app/assets/stylesheets/clean_slate/_compliance_entity.css */
.pep-path-diagram .node a:hover circle {
  stroke: #0369a1;
  stroke-width: 2;
}

@media (max-width: 768px) {
  /* line 403, app/assets/stylesheets/clean_slate/_compliance_entity.css */
  #display-entity-table thead .entity-header-title {
    font-size: 26px;
  }
  /* line 409, app/assets/stylesheets/clean_slate/_compliance_entity.css */
  .ownership-diagram .ownership .ownership-subs {
    margin-left: 14px;
  }
}

/* line 1, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card {
  border-radius: 2px;
  border: 1px solid lightgrey;
  padding: 8px 10px;
  margin-bottom: 10px;
  background: #fff;
}

/* line 8, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .event-title {
  font-weight: 700;
  font-size: 13px;
  color: #0f172a;
}

/* line 14, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .event-meta {
  margin-top: 2px;
  font-size: 11px;
  color: #6b7280;
}

/* line 20, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .event-payload {
  margin-top: 8px;
  padding: 4px 0;
  font-size: 12px;
}

/* line 26, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .payload-row {
  margin: 4px 0;
}

/* line 29, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .payload-row .payload-label {
  display: inline-block;
  min-width: 130px;
  font-weight: 700;
  color: #111827;
}

/* line 36, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .payload-row .payload-value {
  display: inline-block;
  color: #111827;
}

/* line 41, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .payload-row.chips .payload-value {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
  vertical-align: top;
}

/* line 49, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .pep-cat,
.compliance-event-card .risk-cat {
  display: inline-block;
  padding: 0 8px;
  border-radius: 3px;
  line-height: 20px;
  font-weight: 700;
  font-size: 11px;
  border: 1px solid;
}

/* line 60, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .pep-cat {
  background: #fde68a;
  border-color: #f59e0b;
  color: #92400e;
}

/* line 66, app/assets/stylesheets/clean_slate/_compliance_events.css */
.compliance-event-card .risk-cat {
  background: #fecaca;
  border-color: #ef4444;
  color: #991b1b;
}

/* line 1, app/assets/stylesheets/clean_slate/_compliance_pagination.css */
ul.custom-pagination {
  padding: 0;
}

/* line 4, app/assets/stylesheets/clean_slate/_compliance_pagination.css */
ul.custom-pagination.centered {
  text-align: center;
}

/* line 8, app/assets/stylesheets/clean_slate/_compliance_pagination.css */
ul.custom-pagination li {
  display: inline-block;
  list-style-type: none;
  padding: 3px 5px;
  border-bottom: 1px solid LightSteelBlue;
  color: LightSteelBlue;
  margin: 3px;
  cursor: pointer;
  transition: border-bottom-width .2s;
  box-sizing: border-box;
}

/* line 19, app/assets/stylesheets/clean_slate/_compliance_pagination.css */
ul.custom-pagination li a {
  color: inherit;
  text-decoration: none;
}

/* line 24, app/assets/stylesheets/clean_slate/_compliance_pagination.css */
ul.custom-pagination li:hover {
  border-bottom-width: 3px;
  color: SteelBlue;
}

/* line 29, app/assets/stylesheets/clean_slate/_compliance_pagination.css */
ul.custom-pagination li.active {
  color: SteelBlue;
  border-bottom: 3px solid SteelBlue;
  cursor: default;
}

/* line 35, app/assets/stylesheets/clean_slate/_compliance_pagination.css */
ul.custom-pagination li.disabled {
  color: LightGrey;
  border-color: LightGrey;
  cursor: default;
  pointer-events: none;
}

/* Structural/behavioral CSS for the ownerships graph (app/javascript/ownerships-module-ts)
   that can't be expressed with Tailwind utility classes alone: the spinner keyframe,
   the absolutely-positioned feedback overlay, graph sizing, and the fullscreen toggle.
   Visual styling of the toolbox itself lives in the Tailwind classes on the view. */
/* line 6, app/assets/stylesheets/clean_slate/_ownerships.css */
.greyed {
  pointer-events: none;
  opacity: 0.4;
}

/* line 11, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100000;
}

/* line 18, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-spinner {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border: 5px solid;
  border-color: #94a3b8 transparent;
  border-radius: 50%;
  animation: om-spinner-frames 1s linear infinite;
}

@keyframes om-spinner-frames {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 35, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper {
  position: absolute;
  inset: 0;
  z-index: 100000;
  text-align: center;
  background-color: transparent;
  display: none;
  pointer-events: none;
}

/* line 44, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon, #om-feedback-wrapper #om-feedback-text {
  position: absolute;
  inset: 0;
  padding: 0;
}

/* line 49, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-icon, #om-feedback-wrapper #om-feedback-text#om-feedback-icon {
  bottom: 50%;
  padding-bottom: 10px;
}

/* line 53, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-icon #om-feedback-icon-centralizer, #om-feedback-wrapper #om-feedback-text#om-feedback-icon #om-feedback-icon-centralizer {
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 0;
}

/* line 61, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-icon #om-feedback-icon-wrapper, #om-feedback-wrapper #om-feedback-text#om-feedback-icon #om-feedback-icon-wrapper {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  right: -25px;
  bottom: 10px;
}

/* line 69, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-icon #om-feedback-icon-wrapper .the-icon, #om-feedback-wrapper #om-feedback-text#om-feedback-icon #om-feedback-icon-wrapper .the-icon {
  position: relative;
  width: 50px;
  height: 50px;
}

/* line 77, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-text, #om-feedback-wrapper #om-feedback-text#om-feedback-text {
  top: 50%;
  padding-bottom: 10px;
}

/* line 81, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-text #om-feedback-text-header, #om-feedback-wrapper #om-feedback-text#om-feedback-text #om-feedback-text-header {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  max-width: 500px;
}

/* line 89, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-text #om-feedback-text-bread, #om-feedback-wrapper #om-feedback-text#om-feedback-text #om-feedback-text-bread {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  max-width: 500px;
}

/* line 99, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-graph-wrapper {
  position: relative;
  width: 100%;
}

/* line 104, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-graph-root {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  max-height: 47.5rem;
}

/* line 112, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-graph-root svg {
  position: absolute;
  top: 0;
}

/* The fullscreen toggle uses the native Fullscreen API (Element.requestFullscreen())
   on #stage-container rather than a CSS `position: fixed` overlay: a fixed element
   only escapes to the viewport when no ancestor establishes its own containing block
   (transform, filter, etc.), which is brittle to guarantee across the app's layout.
   The Fullscreen API renders in the browser's top layer, immune to any ancestor's
   stacking context, so styling here just needs to make the existing flex layout
   (graph + toolbox side by side) fill the screen instead of overlaying anything. */
/* line 124, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen {
  margin: 0;
  padding: 1rem;
  background-color: white;
}

/* line 130, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen #stage {
  height: 100%;
}

/* line 134, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen #om-graph-wrapper {
  height: 100%;
  max-height: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* line 142, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen #om-graph-root {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  max-height: none;
}

/* line 149, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen #om-toolbox {
  max-height: none;
}

@keyframes rotate-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 158, app/assets/stylesheets/clean_slate/_ownerships.css */
#image-link-loader svg {
  animation: 1s linear infinite rotate-spinner;
}

/* Set by BiQ.flashSaved (app/assets/javascripts/application.js) on the row a
   create or update just wrote, so it is obvious which line changed without
   reloading the page. The class removes itself on animationend. */
/* line 4, app/assets/stylesheets/clean_slate/_just_saved.css */
.biq-just-saved {
  animation: biq-just-saved-flash 1.8s ease-out 1;
  border-radius: 2px;
}

@keyframes biq-just-saved-flash {
  0% {
    background-color: rgba(2, 132, 199, 0.3);
    /* sky-600 */
    box-shadow: inset 3px 0 0 0 #0284c7;
  }
  60% {
    background-color: rgba(2, 132, 199, 0.12);
    box-shadow: inset 3px 0 0 0 #0284c7;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 3px 0 0 0 rgba(2, 132, 199, 0);
  }
}

/* Readers who ask for reduced motion still need to see which row was written,
   so hold a flat tint and clear it in a single step instead of fading it out.
   Nothing eases or moves, and animationend still fires, so the class clears
   itself the same way it does above. Shortening the duration instead would let
   the highlight vanish before it had been seen. */
@media (prefers-reduced-motion: reduce) {
  /* line 32, app/assets/stylesheets/clean_slate/_just_saved.css */
  .biq-just-saved {
    animation-name: biq-just-saved-hold;
    animation-timing-function: step-end;
  }
}

@keyframes biq-just-saved-hold {
  0%,
95% {
    background-color: rgba(2, 132, 199, 0.18);
    box-shadow: inset 3px 0 0 0 #0284c7;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 3px 0 0 0 rgba(2, 132, 199, 0);
  }
}

/* line 9, app/assets/stylesheets/clean_slate/main.scss */
body {
  -webkit-hyphens: auto;
          hyphens: auto;
}

/* line 14, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog {
  background-color: white;
  border: 1px solid #f97316;
  z-index: 50;
  font-size: 10px;
  border-radius: 5px;
}

/* line 21, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog ul {
  padding: 0px 10px 10px 10px;
}

/* line 24, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog ul li {
  border-bottom: solid 1px #e5e7eb;
  font-size: 12px;
}

/* line 30, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog a:hover {
  color: #075785;
  text-decoration: underline;
}

/* line 34, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog .ui-dialog-titlebar {
  font-size: 14px;
  padding: 5px 10px 0px 10px;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}

/* line 42, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog button.ui-dialog-titlebar-close {
  font-size: 0;
  line-height: 0;
}

/* line 47, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog button.ui-dialog-titlebar-close .ui-icon-closethick {
  background: none;
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 4px;
}

/* line 53, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog button.ui-dialog-titlebar-close .ui-icon-closethick:hover {
  background-color: #f9731610;
}

/* line 58, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog button.ui-dialog-titlebar-close .ui-icon-closethick::after {
  content: "✖";
  font-size: 16px;
  height: 24px;
  line-height: 24px;
}
/*

*/