@charset "UTF-8";
.frame-type-nobit_oilcoolerfinder {
  --ocf-gap: var(--nui-space-6);
}
.frame-type-nobit_oilcoolerfinder input::placeholder,
.frame-type-nobit_oilcoolerfinder textarea::placeholder {
  color: var(--nui-input-placeholder);
  opacity: 1;
}
.frame-type-nobit_oilcoolerfinder .ocf {
  font-variant-numeric: tabular-nums;
}
.frame-type-nobit_oilcoolerfinder .ocf__intro {
  margin-block-end: var(--nui-space-6);
}
.frame-type-nobit_oilcoolerfinder .ocf__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--nui-space-4) var(--nui-space-6);
  margin-block-end: var(--nui-space-6);
}
.frame-type-nobit_oilcoolerfinder .ocf__head > .ocf__intro {
  flex: 1 1 24rem;
  min-width: 0;
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__head > .ocf__toolbar {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  margin-inline-start: auto;
  margin-block-end: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__head:not(:has(> :not([hidden]))) {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nui-space-2);
  justify-content: flex-end;
  margin-block-end: var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf__toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--nui-space-2);
  max-width: 100%;
}
@container content-element--container (max-width: 44rem) {
  .frame-type-nobit_oilcoolerfinder .ocf__toolbar-actions > .nui-btn {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__share.is-done {
  border-color: var(--nui-color-success);
  color: var(--nui-color-success);
}
.frame-type-nobit_oilcoolerfinder .ocf__toolbar--bottom {
  margin-block: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__layout {
  display: flex;
  flex-direction: column;
  gap: var(--ocf-gap);
  align-items: stretch;
}
.frame-type-nobit_oilcoolerfinder .ocf__panel {
  padding: 0;
  overflow: hidden;
}
.frame-type-nobit_oilcoolerfinder .ocf__content {
  display: flex;
  flex-direction: column;
  gap: var(--ocf-gap);
  min-width: 0;
}
@container content-element--container (min-width: 60rem) {
  .frame-type-nobit_oilcoolerfinder .ocf__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: start;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__panel {
    position: sticky;
    top: var(--nui-space-4);
  }
}
.frame-type-nobit_oilcoolerfinder .ocf input[type=checkbox],
.frame-type-nobit_oilcoolerfinder .ocf__series-check {
  appearance: none;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  border: 1px solid var(--nui-color-border-strong);
  border-radius: 2px;
  background: var(--nui-color-bg-raised);
  vertical-align: middle;
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf input[type=checkbox]::after,
.frame-type-nobit_oilcoolerfinder .ocf__series-check::after {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E") center/85% no-repeat;
}
.frame-type-nobit_oilcoolerfinder .ocf input[type=checkbox]:hover,
.frame-type-nobit_oilcoolerfinder .ocf__series-check:hover {
  border-color: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf input[type=checkbox]:focus-visible,
.frame-type-nobit_oilcoolerfinder .ocf__series-check:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 2px;
}
.frame-type-nobit_oilcoolerfinder .ocf input[type=checkbox]:checked,
.frame-type-nobit_oilcoolerfinder .ocf__series-row[aria-checked=true] .ocf__series-check {
  border-color: var(--nui-color-primary);
  background-color: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf input[type=checkbox]:checked::after,
.frame-type-nobit_oilcoolerfinder .ocf__series-row[aria-checked=true] .ocf__series-check::after {
  display: block;
}
.frame-type-nobit_oilcoolerfinder .ocf input[type=checkbox]:indeterminate {
  border-color: var(--nui-color-primary);
  background-color: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf input[type=checkbox]:indeterminate::after {
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3E%3Crect x='3.5' y='7' width='9' height='2' rx='1'/%3E%3C/svg%3E") center/85% no-repeat;
}
.frame-type-nobit_oilcoolerfinder .ocf input[type=checkbox]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nui-space-2);
  padding: var(--nui-space-3) var(--nui-space-4);
  background: var(--nui-color-primary);
  color: var(--nui-color-primary-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-title {
  margin: 0;
  padding: 0;
  font-size: var(--nui-text-base);
  font-weight: var(--nui-weight-bold);
  line-height: var(--nui-leading-tight);
  letter-spacing: 0.02em;
}
.frame-type-nobit_oilcoolerfinder .ocf__units {
  display: inline-flex;
  flex: 0 0 auto;
  border: 1px solid currentColor;
  border-radius: var(--nui-radius-full, 999px);
  overflow: hidden;
  color: inherit;
}
.frame-type-nobit_oilcoolerfinder .ocf__units-btn {
  margin: 0;
  padding: var(--nui-space-1) var(--nui-space-3);
  min-height: 1.75rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: var(--nui-text-xs);
  font-weight: var(--nui-weight-semibold);
  letter-spacing: 0.04em;
  line-height: 1;
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__units-btn[aria-checked=true] {
  background: var(--nui-color-primary-text);
  color: var(--nui-color-primary);
  cursor: default;
}
.frame-type-nobit_oilcoolerfinder .ocf__units-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-body,
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body {
  padding: var(--nui-space-4);
  display: flex;
  flex-direction: column;
  gap: var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nui-space-3);
  padding: var(--nui-space-3) var(--nui-space-5);
  background: var(--nui-color-success-subtle);
  color: var(--nui-color-text);
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-note-text {
  min-width: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-note-link {
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: var(--nui-text-sm);
  font-weight: var(--nui-weight-bold);
  text-decoration: underline;
  color: var(--nui-color-primary);
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-note-link:hover {
  color: var(--nui-color-primary-hover, var(--nui-color-primary));
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-note-link:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard {
  width: 100%;
  max-width: 40rem;
  margin-inline: auto;
  padding: 0;
  overflow: hidden;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard .ocf__step-no {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__calc-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__calc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  min-height: 3rem;
  padding: var(--nui-space-2);
  border: 1px solid var(--nui-color-border);
  border-radius: var(--nui-radius-sm, 0.25rem);
  background: var(--nui-color-bg-raised);
  color: var(--nui-color-text);
  font: inherit;
  font-size: var(--nui-text-xs);
  font-weight: var(--nui-weight-semibold);
  line-height: 1.2;
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__calc-button .ocf__icon {
  flex: 0 0 auto;
}
.frame-type-nobit_oilcoolerfinder .ocf__calc-button:hover {
  background: var(--nui-gray-100);
}
.frame-type-nobit_oilcoolerfinder .ocf__calc-button:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__calc-button[aria-pressed=true] {
  background: var(--nui-color-primary);
  border-color: var(--nui-color-primary);
  color: var(--nui-color-primary-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__hrow .ocf__field-input .ocf__hrow-select {
  flex: 1 1 auto;
  min-width: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__field-input .nui-input[readonly] {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  font-weight: var(--nui-weight-bold);
  cursor: default;
}
.frame-type-nobit_oilcoolerfinder .ocf__field-input .nui-input[readonly]:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__field[hidden] {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__layout[hidden],
.frame-type-nobit_oilcoolerfinder .ocf__toolbar[hidden],
.frame-type-nobit_oilcoolerfinder .ocf__wizard[hidden] {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-head {
  display: flex;
  flex-direction: column;
  gap: var(--nui-space-3);
  padding: var(--nui-space-4) var(--nui-space-4) 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-progress {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--nui-space-1) var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-count {
  font-size: var(--nui-text-xs);
  font-weight: var(--nui-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-title {
  margin: 0;
  padding: 0;
  font-size: var(--nui-text-base);
  font-weight: var(--nui-weight-bold);
  line-height: var(--nui-leading-tight);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-bar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--nui-space-1);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-bar-segment {
  display: block;
  height: 0.25rem;
  border-radius: var(--nui-radius-full, 999px);
  background: var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-bar-segment.is-done {
  background: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-foot {
  display: flex;
  flex-direction: column;
  gap: var(--nui-space-2);
  padding: var(--nui-space-3) var(--nui-space-4) var(--nui-space-4);
  border-block-start: var(--nui-border-width) solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-hint {
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-actions [data-ocf-wizard-skip] {
  margin-inline-end: auto;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-skip {
  color: var(--nui-color-text-secondary);
  text-decoration: underline;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-skip:hover {
  color: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf__group {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__group-title {
  font-size: var(--nui-text-base);
  display: flex;
  align-items: center;
  gap: var(--nui-space-2);
  padding: 0;
  margin-block-end: var(--nui-space-2);
  font-weight: var(--nui-weight-bold);
  color: var(--nui-color-text);
  width: 100%;
}
.frame-type-nobit_oilcoolerfinder .ocf__group-toggle {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--nui-space-2);
  width: 100%;
  min-height: 2.25rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__group-toggle:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__group-toggle[aria-expanded=true] .ocf__series-chevron {
  transform: rotate(90deg);
}
.frame-type-nobit_oilcoolerfinder .ocf__group.is-collapsed .ocf__group-title {
  margin-block-end: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__step-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  height: 1.4rem;
  padding-inline: var(--nui-space-1);
  font-size: var(--nui-text-xs);
  background: var(--nui-gray-300);
  color: var(--nui-gray-800);
}
.frame-type-nobit_oilcoolerfinder .ocf__pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__pills--grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.frame-type-nobit_oilcoolerfinder .ocf__pills--grid .ocf__pill {
  width: 100%;
  justify-content: center;
}
.frame-type-nobit_oilcoolerfinder .ocf__pills--supply {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.frame-type-nobit_oilcoolerfinder .ocf__pills--supply .ocf__pill {
  width: 100%;
  justify-content: flex-start;
  white-space: nowrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__pills--supply .ocf__pill:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  background: var(--nui-color-surface-muted, var(--nui-gray-100));
  border-style: dashed;
}
.frame-type-nobit_oilcoolerfinder .ocf__subgroup ~ .ocf__subgroup {
  margin-block-start: var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf__pills + .ocf__subgroup-title {
  margin-block-start: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__subgroup-title {
  margin-block-end: var(--nui-space-2);
  font-size: var(--nui-text-xs);
  font-weight: var(--nui-weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__pill {
  min-height: 2.75rem;
  min-width: 2.75rem;
}
.frame-type-nobit_oilcoolerfinder .ocf__pill[aria-checked=true] {
  background: var(--nui-color-primary);
  border-color: var(--nui-color-primary);
  color: var(--nui-color-primary-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__series-table {
  border: 1px solid var(--nui-color-border-subtle);
  border-radius: var(--nui-radius-sm, 0.25rem);
  background: var(--nui-color-bg-raised);
  overflow: hidden;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head,
.frame-type-nobit_oilcoolerfinder .ocf__series-row {
  display: flex;
  align-items: center;
  gap: var(--nui-space-3);
  width: 100%;
  min-height: 2.75rem;
  padding: var(--nui-space-2) var(--nui-space-3);
  border: 0;
  border-block-start: 1px solid var(--nui-color-border-subtle);
  background: transparent;
  color: var(--nui-color-text);
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head:focus-visible,
.frame-type-nobit_oilcoolerfinder .ocf__series-row:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: -2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-group:first-child .ocf__series-head {
  border-block-start: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head {
  background: var(--nui-gray-100);
  font-size: var(--nui-text-sm);
  font-weight: var(--nui-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head:hover {
  background: var(--nui-gray-200);
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head-title {
  min-width: 0;
  hyphens: auto;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head-toggle {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--nui-space-3);
  min-width: 0;
  min-height: 2.75rem;
  margin: calc(-1 * var(--nui-space-2)) calc(-1 * var(--nui-space-3));
  padding: var(--nui-space-2) var(--nui-space-3);
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: start;
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head-toggle:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: -2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head-check {
  flex: 0 0 auto;
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-chevron {
  margin-inline-start: auto;
  font-size: var(--nui-text-lg);
  line-height: 1;
  transition: transform 150ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .frame-type-nobit_oilcoolerfinder .ocf__series-chevron {
    transition: none;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head-toggle[aria-expanded=true] .ocf__series-chevron {
  transform: rotate(90deg);
}
.frame-type-nobit_oilcoolerfinder .ocf__series-table:not(.is-foldable) .ocf__series-head-check,
.frame-type-nobit_oilcoolerfinder .ocf__series-table:not(.is-foldable) .ocf__series-chevron {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-row-meta {
  margin-inline-start: auto;
  font-size: var(--nui-text-sm);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--nui-color-text-secondary);
  white-space: nowrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-row {
  font-weight: var(--nui-weight-bold);
}
.frame-type-nobit_oilcoolerfinder .ocf__series-row:hover {
  background: color-mix(in srgb, var(--nui-color-primary) 4%, var(--nui-color-bg-raised));
}
.frame-type-nobit_oilcoolerfinder .ocf__series-row-title {
  min-width: 0;
  overflow-wrap: anywhere;
}
.frame-type-nobit_oilcoolerfinder .ocf__field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--nui-space-1);
  margin-block-end: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__field-input {
  display: flex;
  align-items: center;
  gap: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__field-input .nui-input {
  width: 6.5rem;
  min-height: 2.75rem;
  text-align: right;
}
.frame-type-nobit_oilcoolerfinder .ocf__field-input .nui-input[aria-invalid=true] {
  border-color: var(--nui-color-border-error);
}
.frame-type-nobit_oilcoolerfinder .ocf__field-input .nui-input:disabled {
  background: var(--nui-color-bg-disabled);
  color: var(--nui-color-text-disabled);
}
.frame-type-nobit_oilcoolerfinder .ocf__unit {
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__hint {
  margin-block: 0 var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--nui-space-2);
  padding-block-start: var(--nui-space-2);
  border-block-start: var(--nui-border-width) solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  background: var(--nui-color-bg-raised);
  border: var(--nui-border-width) solid var(--nui-color-border-subtle);
  box-shadow: var(--nui-shadow-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi {
  padding: var(--nui-space-3) var(--nui-space-4);
  min-width: 0;
  border-inline-start: var(--nui-border-width) solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi:first-child {
  border-inline-start: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi--primary {
  background: var(--nui-color-primary);
  color: var(--nui-color-primary-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi--primary .ocf__kpi-label,
.frame-type-nobit_oilcoolerfinder .ocf__kpi--primary .ocf__kpi-note,
.frame-type-nobit_oilcoolerfinder .ocf__kpi--primary .ocf__kpi-unit {
  color: inherit;
  opacity: 0.85;
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi--success {
  border-inline-start: 3px solid var(--nui-color-success);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi-label {
  font-size: var(--nui-text-xs);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi-value {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.1em;
  margin-block: var(--nui-space-1) 0;
  font-size: var(--nui-text-2xl);
  font-weight: var(--nui-weight-bold);
  line-height: var(--nui-leading-tight);
  overflow-wrap: anywhere;
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi--success .ocf__kpi-value {
  font-size: var(--nui-text-lg);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi-unit {
  font-size: var(--nui-text-sm);
  font-weight: var(--nui-weight-normal);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi-note {
  font-size: var(--nui-text-xs);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi-note--success {
  color: var(--nui-color-success-text);
  font-weight: var(--nui-weight-bold);
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card,
.frame-type-nobit_oilcoolerfinder .ocf__table-card,
.frame-type-nobit_oilcoolerfinder .ocf__summary,
.frame-type-nobit_oilcoolerfinder .ocf__form {
  padding: var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf__card-head {
  margin-block-end: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__card-title {
  margin: 0;
  font-size: var(--nui-text-base);
  font-weight: var(--nui-weight-medium);
}
.frame-type-nobit_oilcoolerfinder .ocf__card-subtitle {
  margin: var(--nui-space-1) 0 0;
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart {
  display: block;
  width: 100%;
  min-width: 34rem;
  height: auto;
  max-height: 44rem;
  font-family: var(--nui-font-sans);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__frame {
  fill: var(--nui-color-chart-bg);
  stroke: var(--nui-color-border);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__grid line {
  stroke: var(--nui-color-chart-grid);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__tick {
  font-size: 11px;
  fill: var(--nui-color-chart-axis);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__axis {
  font-size: 12px;
  font-weight: var(--nui-weight-bold);
  fill: var(--nui-color-text);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__hit {
  fill: none;
  stroke: transparent;
  stroke-width: 14;
  pointer-events: stroke;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__series {
  cursor: default;
  transition: opacity 150ms ease-out;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__series.is-highlighted .ocf-chart__line {
  stroke-width: 3.5;
  animation: ocf-pulse 900ms ease-in-out infinite;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__series.is-highlighted .ocf-chart__marker-ring {
  stroke-width: 3;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart.has-highlight .ocf-chart__series:not(.is-highlighted) {
  opacity: 0.2;
}
@keyframes ocf-pulse {
  0%, 100% {
    stroke-opacity: 1;
  }
  50% {
    stroke-opacity: 0.4;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__line {
  transition: stroke-width 150ms ease-out;
  fill: none;
  stroke: var(--series-color);
  stroke-width: 2.4;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__point {
  fill: var(--nui-color-chart-bg);
  stroke: var(--series-color);
  stroke-width: 1.8;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__point--fixed {
  fill: var(--series-color);
  stroke-width: 2.4;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__marker-ring {
  fill: var(--nui-color-chart-bg);
  stroke: var(--series-color);
  stroke-width: 2.5;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__marker-dot {
  fill: var(--series-color);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__operating line {
  stroke: var(--nui-color-primary);
  stroke-width: 1.4;
  stroke-dasharray: 4 4;
  opacity: 0.8;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__operating rect {
  fill: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__operating text,
.frame-type-nobit_oilcoolerfinder .ocf-chart__reference text {
  font-size: 11px;
  font-weight: var(--nui-weight-bold);
  fill: var(--nui-color-primary-text);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__reference line {
  stroke: var(--nui-color-success);
  stroke-width: 1.4;
  stroke-dasharray: 2 4;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__reference rect {
  fill: var(--nui-color-success);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__operating-point,
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend-operating {
  fill: var(--nui-color-chart-operating, var(--nui-color-danger));
  stroke: var(--nui-white, var(--nui-color-chart-bg));
  stroke-width: 2;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__operating-point {
  pointer-events: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nui-space-2) var(--nui-space-4);
  margin-block-start: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__legend-item {
  display: inline-flex;
  align-items: center;
  gap: var(--nui-space-2);
  min-height: 2.75rem;
  padding: 0 var(--nui-space-2);
  border: 0;
  background: transparent;
  color: var(--nui-color-text);
  font: inherit;
  font-size: var(--nui-text-sm);
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__legend-item[aria-pressed=false],
.frame-type-nobit_oilcoolerfinder .ocf__legend-item:has(input:not(:checked)) {
  color: var(--nui-color-text-tertiary);
  text-decoration: line-through;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--nui-space-2);
  margin-block-start: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card {
  overflow: visible;
}
.frame-type-nobit_oilcoolerfinder .ocf__curves > .ocf__curves-menu {
  inset-inline-end: 0;
  top: calc(100% + var(--nui-space-1));
  bottom: auto;
  max-height: 22rem;
  overflow: auto;
  min-width: 16rem;
  background: var(--nui-color-bg-raised);
  border: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__curves-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--nui-space-1);
  padding-block-end: var(--nui-space-2);
  border-block-end: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__curves-actions > .ocf__pill {
  flex: 1 1 0;
  min-height: 2rem;
  padding-block: 0;
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__curves-menu .ocf__legend-item {
  min-height: 1.75rem;
  padding: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-stage {
  position: relative;
}
.frame-type-nobit_oilcoolerfinder .ocf__zoom {
  position: absolute;
  inset-inline-end: calc(3.2% + var(--nui-space-2));
  inset-block-end: calc(6.35% + var(--nui-space-2));
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__zoom > .nui-btn {
  min-width: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
  font-size: var(--nui-text-sm);
  line-height: 1;
  background: color-mix(in srgb, var(--nui-color-bg-raised) 92%, transparent);
  box-shadow: var(--nui-shadow-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart.is-zoomed {
  cursor: grab;
  touch-action: none;
}
.frame-type-nobit_oilcoolerfinder .ocf-chart.is-panning {
  cursor: grabbing;
}
.frame-type-nobit_oilcoolerfinder .ocf__legend-item.is-filtered {
  opacity: 0.45;
}
.frame-type-nobit_oilcoolerfinder .ocf__swatch {
  display: inline-block;
  width: 0.875rem;
  height: 0.1875rem;
  background: var(--series-color);
}
.frame-type-nobit_oilcoolerfinder .ocf__table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.frame-type-nobit_oilcoolerfinder .ocf__table-scroll:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: -2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__table-wrap {
  position: relative;
}
.frame-type-nobit_oilcoolerfinder .ocf__table-wrap.has-more-right .ocf__table-scroll {
  -webkit-mask-image: linear-gradient(black, black), linear-gradient(to right, black calc(100% - 2.5rem), transparent 100%);
  mask-image: linear-gradient(black, black), linear-gradient(to right, black calc(100% - 2.5rem), transparent 100%);
  -webkit-mask-size: 100% var(--ocf-scrollbar, 0px), 100% calc(100% - var(--ocf-scrollbar, 0px));
  mask-size: 100% var(--ocf-scrollbar, 0px), 100% calc(100% - var(--ocf-scrollbar, 0px));
  -webkit-mask-position: bottom, top;
  mask-position: bottom, top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.frame-type-nobit_oilcoolerfinder .ocf__scroll-arrow {
  position: absolute;
  inset-block-start: min(50%, 14rem);
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: var(--nui-border-width, 1px) solid var(--nui-color-border);
  border-radius: var(--nui-radius-full, 999px);
  background: var(--nui-color-bg-raised, var(--nui-color-bg));
  color: var(--nui-color-primary);
  box-shadow: var(--nui-shadow-md);
  cursor: pointer;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease;
}
.frame-type-nobit_oilcoolerfinder .ocf__scroll-arrow:hover {
  background: var(--nui-color-primary);
  color: var(--nui-color-primary-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__scroll-arrow:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__scroll-arrow[hidden] {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__table-wrap:hover .ocf__scroll-arrow,
.frame-type-nobit_oilcoolerfinder .ocf__table-wrap:focus-within .ocf__scroll-arrow {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none) {
  .frame-type-nobit_oilcoolerfinder .ocf__scroll-arrow {
    display: none;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__scroll-arrow--right {
  inset-inline-end: var(--nui-space-1);
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=select],
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=rank],
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=cooler] {
  position: sticky;
  z-index: 2;
  background: var(--nui-color-bg-raised, var(--nui-color-bg));
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=select] {
  inset-inline-start: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=rank] {
  inset-inline-start: var(--ocf-sticky-rank, 2.25rem);
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=cooler] {
  inset-inline-start: var(--ocf-sticky-cooler, 2.25rem);
}
.frame-type-nobit_oilcoolerfinder .ocf__table-wrap.has-more-left .ocf__table [data-ocf-col=cooler] {
  box-shadow: 6px 0 6px -6px var(--nui-color-border-strong, var(--nui-color-border));
}
.frame-type-nobit_oilcoolerfinder .ocf__table tr.is-linked > td[data-ocf-col=select],
.frame-type-nobit_oilcoolerfinder .ocf__table tr.is-linked > td[data-ocf-col=cooler] {
  background: var(--nui-color-primary-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__field-message {
  grid-column: 1/-1;
  margin: var(--nui-space-1) 0 0;
  padding: 0;
  font-size: var(--nui-text-xs);
  line-height: var(--nui-leading-tight);
  color: var(--nui-color-warning-text, var(--nui-color-warning));
  text-align: end;
}
.frame-type-nobit_oilcoolerfinder .ocf__field-message.is-error {
  color: var(--nui-color-danger);
}
.frame-type-nobit_oilcoolerfinder .ocf__field.is-error .nui-input,
.frame-type-nobit_oilcoolerfinder .ocf__hrow.is-error .nui-input {
  border-color: var(--nui-color-danger);
  box-shadow: 0 0 0 1px var(--nui-color-danger);
}
.frame-type-nobit_oilcoolerfinder .ocf__field.is-warning .nui-input {
  border-color: var(--nui-color-warning);
  box-shadow: 0 0 0 1px var(--nui-color-warning);
}
.frame-type-nobit_oilcoolerfinder .ocf__section-dot {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-inline-start: var(--nui-space-2);
  border-radius: var(--nui-radius-full, 999px);
  vertical-align: middle;
}
.frame-type-nobit_oilcoolerfinder .ocf__section-dot.is-error {
  background: var(--nui-color-danger);
}
.frame-type-nobit_oilcoolerfinder .ocf__section-dot.is-warning {
  background: var(--nui-color-warning);
}
.frame-type-nobit_oilcoolerfinder .ocf__section-dot[hidden] {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__content.is-input-invalid > .ocf__kpis,
.frame-type-nobit_oilcoolerfinder .ocf__content.is-input-invalid > .ocf__chart-card,
.frame-type-nobit_oilcoolerfinder .ocf__content.is-input-invalid > .ocf__table-card,
.frame-type-nobit_oilcoolerfinder .ocf__content.is-input-invalid > .ocf__toolbar {
  opacity: 0.35;
  filter: grayscale(1);
  pointer-events: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__input-error {
  align-items: center;
  margin-block: 0 var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf__info-cell {
  width: 1%;
  text-align: end;
}
.frame-type-nobit_oilcoolerfinder .ocf__info-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: var(--nui-radius-full, 999px);
  background: transparent;
  color: var(--nui-color-text-secondary);
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__info-toggle:hover {
  color: var(--nui-color-primary);
  background: var(--nui-color-primary-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__info-toggle:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 1px;
}
.frame-type-nobit_oilcoolerfinder .ocf__info-toggle[aria-expanded=true] .ocf__info-chevron {
  transform: rotate(180deg);
}
.frame-type-nobit_oilcoolerfinder .ocf__info-chevron {
  transition: transform 150ms ease;
}
.frame-type-nobit_oilcoolerfinder .ocf__cooler-name[data-ocf-info-name] {
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__cooler-name[data-ocf-info-name]:hover {
  text-decoration: underline;
}
.frame-type-nobit_oilcoolerfinder .ocf__table tr.is-info-open > td {
  border-block-end-color: transparent;
}
.frame-type-nobit_oilcoolerfinder .ocf__info-row > td {
  padding-block: var(--nui-space-2) var(--nui-space-3);
  white-space: normal;
  background: var(--nui-gray-50, var(--nui-color-bg-subtle));
}
.frame-type-nobit_oilcoolerfinder .ocf__info-list {
  position: sticky;
  inset-inline-start: calc(var(--ocf-sticky-cooler, 2.25rem) + var(--nui-space-2));
  width: max-content;
  max-width: min(40rem, 80vw);
  margin-inline-start: calc(var(--ocf-sticky-cooler, 2.25rem) + var(--nui-space-2) - var(--nui-space-3));
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--nui-space-1) var(--nui-space-4);
  margin: 0;
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__info-list dt {
  color: var(--nui-color-text-secondary);
  font-weight: var(--nui-weight-normal);
}
.frame-type-nobit_oilcoolerfinder .ocf__info-list dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
  .frame-type-nobit_oilcoolerfinder .ocf__info-chevron,
  .frame-type-nobit_oilcoolerfinder .ocf__scroll-arrow {
    transition: none;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__table {
  width: 100%;
  min-width: 0;
  table-layout: auto;
}
.frame-type-nobit_oilcoolerfinder .ocf__table th,
.frame-type-nobit_oilcoolerfinder .ocf__table td {
  vertical-align: middle;
  white-space: nowrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__num {
  text-align: right;
}
.frame-type-nobit_oilcoolerfinder .ocf__table th,
.frame-type-nobit_oilcoolerfinder .ocf__table td {
  padding-inline: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__table th:first-child,
.frame-type-nobit_oilcoolerfinder .ocf__table td:first-child {
  padding-inline-start: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__table th:last-child,
.frame-type-nobit_oilcoolerfinder .ocf__table td:last-child {
  padding-inline-end: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__th-unit {
  font-weight: var(--nui-weight-normal);
  color: var(--nui-color-text-secondary);
  text-transform: none;
  letter-spacing: normal;
}
.frame-type-nobit_oilcoolerfinder .ocf__table thead .ocf__th-unit {
  display: block;
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=select] {
  width: 2.25rem;
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=rank] {
  width: 3.25rem;
}
.frame-type-nobit_oilcoolerfinder tr.is-selected > td:first-child,
.frame-type-nobit_oilcoolerfinder .ocf__result-card.is-selected {
  box-shadow: inset 3px 0 0 var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4em;
  padding-inline: 0.35em;
  margin-inline-start: 0.35em;
  font-size: 0.8em;
  line-height: 1.4;
  background: var(--nui-color-primary-text);
  color: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=cooler] {
  width: 22%;
  min-width: 8.5rem;
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=status] {
  width: 6.5rem;
}
.frame-type-nobit_oilcoolerfinder .ocf__card-head--tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "title toggle" "subtitle tools";
  align-items: center;
  column-gap: var(--nui-space-3);
  row-gap: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__card-head--tools .ocf__card-title {
  grid-area: title;
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__card-head--tools .ocf__view-toggle {
  grid-area: toggle;
  justify-self: end;
}
.frame-type-nobit_oilcoolerfinder .ocf__card-head--tools .ocf__card-subtitle {
  grid-area: subtitle;
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__card-head--tools .ocf__card-tools {
  grid-area: tools;
  justify-self: end;
}
@container content-element--container (max-width: 44rem) {
  .frame-type-nobit_oilcoolerfinder .ocf__card-head--tools {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title" "toggle" "subtitle" "tools";
  }
  .frame-type-nobit_oilcoolerfinder .ocf__card-head--tools .ocf__view-toggle {
    justify-self: start;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__card-head--tools .ocf__card-tools {
    justify-self: stretch;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__card-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--nui-space-2);
  max-width: 100%;
}
.frame-type-nobit_oilcoolerfinder .ocf__card-tools .nui-select {
  width: auto;
  min-width: min(14rem, 100%);
}
.frame-type-nobit_oilcoolerfinder .ocf__sort-label {
  margin: 0;
  white-space: nowrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__view-toggle {
  display: inline-flex;
}
.frame-type-nobit_oilcoolerfinder .ocf__view-toggle .nui-btn + .nui-btn {
  margin-inline-start: -1px;
}
.frame-type-nobit_oilcoolerfinder .ocf__view-toggle .nui-btn[aria-pressed=true] {
  background: var(--nui-color-primary);
  border-color: var(--nui-color-primary);
  color: var(--nui-color-primary-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
  gap: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card {
  display: flex;
  flex-direction: column;
  gap: var(--nui-space-3);
  padding: var(--nui-space-4);
  border: var(--nui-border-width) solid var(--nui-color-border-subtle);
  background: var(--nui-color-bg-raised);
  cursor: default;
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card.is-recommended {
  background: var(--nui-color-success-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card.is-linked {
  background: var(--nui-color-primary-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card.is-flash {
  animation: ocf-card-flash 700ms ease-out 1;
}
@keyframes ocf-card-flash {
  0% {
    box-shadow: inset 0 0 0 999px var(--nui-color-primary-subtle-hover);
  }
  100% {
    box-shadow: inset 0 0 0 999px transparent;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-head {
  display: flex;
  align-items: center;
  gap: var(--nui-space-2);
  border: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-rank {
  min-width: 1.6rem;
  justify-content: center;
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-title {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: var(--nui-weight-bold);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-power {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-value {
  display: inline-flex;
  align-items: baseline;
  gap: 0.1em;
  font-size: var(--nui-text-2xl);
  font-weight: var(--nui-weight-bold);
  line-height: var(--nui-leading-tight);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-unit {
  font-size: var(--nui-text-sm);
  font-weight: var(--nui-weight-normal);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-reserve {
  font-weight: var(--nui-weight-bold);
  color: var(--nui-color-success);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-reserve.is-negative {
  color: var(--nui-color-warning);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-note {
  margin: 0;
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-docs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nui-space-1) var(--nui-space-2);
  font-size: var(--nui-text-xs);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-docs-label {
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf-summary__cards {
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  margin-block-end: var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf-summary__rows li {
  display: flex;
  align-items: center;
  gap: var(--nui-space-2);
  margin-block: var(--nui-space-1);
}
.frame-type-nobit_oilcoolerfinder .ocf__consent-label {
  display: flex;
  align-items: flex-start;
  gap: var(--nui-space-2);
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__consent-box {
  margin-block-start: 0.2em;
}
.frame-type-nobit_oilcoolerfinder .ocf__confirmation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nui-space-2);
  margin-block-start: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-facts {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--nui-space-1) var(--nui-space-3);
  margin: 0;
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-facts dt {
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-facts dd {
  margin: 0;
  text-align: end;
  font-variant-numeric: tabular-nums;
}
.frame-type-nobit_oilcoolerfinder .ocf__result-card-facts [data-ocf-card-cell=pressureDropUnit] {
  margin-inline-start: 0.3em;
}
.frame-type-nobit_oilcoolerfinder .is-col-hidden {
  display: none !important;
}
.frame-type-nobit_oilcoolerfinder .ocf__rank .nui-badge {
  min-width: 1.6rem;
  justify-content: center;
}
.frame-type-nobit_oilcoolerfinder .ocf__cooler {
  display: table-cell;
  align-items: center;
  gap: var(--nui-space-1) var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__dot {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--nui-space-1);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--nui-radius-full);
  background: var(--series-color);
}
.frame-type-nobit_oilcoolerfinder .ocf__cooler-name {
  font-weight: var(--nui-weight-bold);
}
.frame-type-nobit_oilcoolerfinder .ocf__cooler-meta {
  display: block;
  font-size: var(--nui-text-xs);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__bar {
  display: block;
  margin-inline-start: auto;
  margin-block-start: var(--nui-space-1);
  width: 4rem;
  max-width: 100%;
  height: 0.25rem;
  background: var(--nui-color-bg-sunken);
}
.frame-type-nobit_oilcoolerfinder .ocf__bar-fill {
  display: block;
  height: 100%;
  width: 0;
  background: var(--series-color);
  transition: width var(--nui-duration-fast, 150ms) ease-out;
}
.frame-type-nobit_oilcoolerfinder .ocf__reserve {
  font-weight: var(--nui-weight-bold);
  color: var(--nui-color-success-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__reserve.is-negative {
  color: var(--nui-color-warning-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__range-note {
  display: none;
  color: var(--nui-color-text-secondary);
  text-align: left;
  white-space: normal;
  min-width: 16rem;
}
.frame-type-nobit_oilcoolerfinder tr[data-status=out_of_range] .ocf__perf {
  display: none;
}
.frame-type-nobit_oilcoolerfinder tr[data-status=out_of_range] .ocf__range-note {
  display: table-cell;
}
.frame-type-nobit_oilcoolerfinder tr.is-recommended {
  background: var(--nui-color-success-subtle);
}
.frame-type-nobit_oilcoolerfinder tr.is-linked {
  background: var(--nui-color-primary-subtle);
}
.frame-type-nobit_oilcoolerfinder tr.is-flash > td {
  animation: ocf-row-flash 700ms ease-out 1;
}
@keyframes ocf-row-flash {
  0% {
    background-color: var(--nui-color-primary-subtle-hover);
  }
  100% {
    background-color: transparent;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__docs {
  white-space: nowrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__doc {
  display: inline-block;
  margin-inline-end: var(--nui-space-2);
  font-size: var(--nui-text-xs);
  color: var(--nui-color-text-link);
  text-decoration: underline;
}
.frame-type-nobit_oilcoolerfinder .ocf__columns {
  position: relative;
}
.frame-type-nobit_oilcoolerfinder .ocf__columns > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  line-height: var(--nui-leading-tight);
  list-style: none;
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__columns > summary::-webkit-details-marker {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__columns > summary::after {
  content: " ▾";
}
.frame-type-nobit_oilcoolerfinder .ocf__table-card {
  overflow: visible;
}
.frame-type-nobit_oilcoolerfinder .ocf__columns-menu {
  position: absolute;
  height: auto;
  overflow: visible;
  inset-inline-end: 0;
  bottom: calc(100% + var(--nui-space-1));
  z-index: 20;
  display: grid;
  gap: var(--nui-space-2);
  min-width: 15rem;
  padding: var(--nui-space-3);
  box-shadow: var(--nui-shadow-md);
}
.frame-type-nobit_oilcoolerfinder .ocf__columns-item {
  display: flex;
  align-items: center;
  gap: var(--nui-space-2);
  font-size: var(--nui-text-sm);
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__no-rows {
  margin-block-start: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__table-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nui-space-3);
  flex-wrap: wrap;
  margin-block-start: var(--nui-space-2);
  padding: var(--nui-space-2) var(--nui-space-3);
  background: var(--nui-color-bg-raised);
  border-radius: var(--nui-radius-sm, 0.25rem);
}
.frame-type-nobit_oilcoolerfinder .ocf__table-foot-text {
  margin: 0;
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__table-foot-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--nui-space-2);
  max-width: 100%;
  margin-inline-start: auto;
}
.frame-type-nobit_oilcoolerfinder .ocf__request {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ocf-gap);
}
@container content-element--container (min-width: 60rem) {
  .frame-type-nobit_oilcoolerfinder .ocf__request {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    align-items: start;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf-summary__heading {
  margin: var(--nui-space-3) 0 var(--nui-space-2);
  font-size: var(--nui-text-sm);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf-summary__list {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--nui-space-1) var(--nui-space-4);
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf-summary__list dt {
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf-summary__list dd {
  margin: 0;
  font-weight: var(--nui-weight-medium);
}
.frame-type-nobit_oilcoolerfinder .ocf-summary__rows {
  margin: var(--nui-space-2) 0 0;
  padding-inline-start: var(--nui-space-5);
  font-size: var(--nui-text-sm);
}
@media (prefers-reduced-motion: reduce) {
  .frame-type-nobit_oilcoolerfinder .ocf-chart__series.is-highlighted .ocf-chart__line,
  .frame-type-nobit_oilcoolerfinder tr.is-flash > td,
  .frame-type-nobit_oilcoolerfinder .ocf__result-card.is-flash {
    animation: none;
  }
  .frame-type-nobit_oilcoolerfinder .ocf-chart__line,
  .frame-type-nobit_oilcoolerfinder .ocf-chart__series,
  .frame-type-nobit_oilcoolerfinder .ocf__chart-legend-item {
    transition: none;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__bar-fill {
    transition: none;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog {
  width: min(100% - var(--nui-space-8), var(--nui-modal-width-md, 32rem));
  padding: 0;
  border: var(--nui-border-width) solid var(--nui-color-border);
  border-radius: var(--nui-modal-radius, 0);
  background: var(--nui-color-bg-overlay, var(--nui-color-bg-raised));
  color: var(--nui-color-text);
  box-shadow: var(--nui-modal-shadow);
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog::backdrop {
  background: var(--nui-color-bg-backdrop);
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog-form {
  display: block;
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--nui-space-3);
  padding: var(--nui-space-4) var(--nui-space-5) 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog-title {
  margin: 0;
  font-size: var(--nui-text-base);
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog-close {
  border: 0;
  background: transparent;
  color: var(--nui-color-text-secondary);
  font-size: var(--nui-text-xl);
  line-height: 1;
  padding: var(--nui-space-1) var(--nui-space-2);
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog-close:hover, .frame-type-nobit_oilcoolerfinder .ocf__dialog-close:focus-visible {
  color: var(--nui-color-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog-body {
  display: grid;
  gap: var(--nui-space-4);
  padding: var(--nui-space-4) var(--nui-space-5);
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog-hint {
  margin: 0;
  color: var(--nui-color-text-secondary);
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--nui-space-2);
  padding: 0 var(--nui-space-5) var(--nui-space-5);
}
.frame-type-nobit_oilcoolerfinder .ocf__export-group {
  display: grid;
  gap: var(--nui-space-2);
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__export-group > legend {
  padding: 0;
  margin-block-end: var(--nui-space-2);
  font-size: var(--nui-text-base);
  font-weight: 600;
}
.frame-type-nobit_oilcoolerfinder .ocf__check {
  display: flex;
  align-items: flex-start;
  gap: var(--nui-space-2);
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__check input {
  margin-block-start: 0.25em;
}
.frame-type-nobit_oilcoolerfinder .ocf__check:has(input:disabled) {
  color: var(--nui-color-text-secondary);
  cursor: default;
}
.frame-type-nobit_oilcoolerfinder .ocf__check-hint {
  color: var(--nui-color-text-secondary);
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog-error {
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog--help {
  width: min(100% - var(--nui-space-8), 36rem);
}
.frame-type-nobit_oilcoolerfinder .ocf__contacts {
  display: grid;
  gap: var(--nui-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__contact {
  display: flex;
  align-items: flex-start;
  gap: var(--nui-space-4);
  padding: var(--nui-space-3);
  border: var(--nui-border-width) solid var(--nui-color-border-subtle);
  border-radius: var(--nui-radius-sm, 0.25rem);
  background: var(--nui-color-bg-raised);
}
.frame-type-nobit_oilcoolerfinder .ocf__contact-photo {
  flex: 0 0 auto;
  width: 6rem;
  aspect-ratio: 3/4;
  height: auto;
  border-radius: var(--nui-radius-sm, 0.25rem);
  object-fit: cover;
}
.frame-type-nobit_oilcoolerfinder .ocf__contact-body {
  display: grid;
  gap: var(--nui-space-1);
  min-width: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__contact-name {
  margin: 0;
  font-weight: 600;
}
.frame-type-nobit_oilcoolerfinder .ocf__contact-role {
  margin: 0;
  color: var(--nui-color-text-secondary);
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__contact-lines {
  display: grid;
  gap: var(--nui-space-1);
  margin: var(--nui-space-1) 0 0;
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__contact-line {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--nui-space-2);
  color: var(--nui-color-text-link, var(--nui-color-primary));
  text-decoration: none;
  overflow-wrap: anywhere;
}
.frame-type-nobit_oilcoolerfinder .ocf__contact-line:hover, .frame-type-nobit_oilcoolerfinder .ocf__contact-line:focus-visible {
  text-decoration: underline;
}
.frame-type-nobit_oilcoolerfinder .ocf__contact-label {
  min-width: 4.5rem;
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__field-tool {
  margin-inline-start: auto;
  white-space: nowrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding-inline: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
.frame-type-nobit_oilcoolerfinder .ocf__icon, .frame-type-nobit_oilcoolerfinder .ocf__icon * {
  fill: none;
  stroke: currentColor;
}
.frame-type-nobit_oilcoolerfinder .ocf__dialog--heating {
  width: min(100% - var(--nui-space-8), 42rem);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-header {
  align-items: center;
  padding: var(--nui-space-3) var(--nui-space-5);
  background: var(--nui-color-primary);
  color: var(--nui-color-primary-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-header .ocf__dialog-title {
  margin: 0;
  padding: 0;
  font-size: var(--nui-text-lg);
  line-height: var(--nui-leading-tight);
  color: inherit;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-header .ocf__dialog-close {
  align-self: center;
  margin: 0;
  line-height: 1;
  color: inherit;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-intro {
  margin: 0;
  padding: var(--nui-space-3) var(--nui-space-5);
  background: color-mix(in srgb, var(--nui-color-primary) 8%, var(--nui-color-bg-raised));
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-body {
  display: flex;
  flex-direction: column;
  gap: var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf__htable {
  border: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__hsection {
  padding: var(--nui-space-2) var(--nui-space-3);
  background: var(--nui-gray-100);
  border-block-end: 1px solid var(--nui-color-border-subtle);
  font-size: var(--nui-text-sm);
  font-weight: var(--nui-weight-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.frame-type-nobit_oilcoolerfinder .ocf__hrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--nui-space-3);
  padding: var(--nui-space-3);
  border-block-end: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__hrow-label {
  display: flex;
  align-items: baseline;
  gap: var(--nui-space-2);
  min-width: 0;
  font-size: var(--nui-text-base);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__hfield-symbol {
  font-size: var(--nui-text-base);
  font-weight: var(--nui-weight-bold);
  color: var(--nui-color-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__hrow-range {
  padding: 0.1em 0.5em;
  background: var(--nui-gray-100);
  font-size: var(--nui-text-xs);
  color: var(--nui-color-text-secondary);
  white-space: nowrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__hrow .ocf__field-input {
  width: 18.5rem;
  justify-content: flex-start;
  gap: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__hrow .ocf__field-input .nui-input {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  min-height: 3.5rem;
  font-size: var(--nui-text-lg);
  text-align: right;
}
.frame-type-nobit_oilcoolerfinder .ocf__hrow .ocf__field-input .ocf__unit {
  flex: 0 0 4.5rem;
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__hrow .ocf__field-input .ocf__heating-unit {
  flex: 0 0 4.5rem;
  width: 4.5rem;
  min-width: 0;
}
.frame-type-nobit_oilcoolerfinder [data-ocf-heating=volume]:placeholder-shown {
  border-color: var(--nui-color-border-error, var(--nui-color-primary));
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-unit {
  width: auto;
  min-width: 4.5rem;
  min-height: 3.5rem;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-result {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--nui-space-3);
  margin: 0;
  padding: var(--nui-space-3);
  background: var(--nui-gray-800);
  color: var(--nui-white);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-result .ocf__unit {
  color: inherit;
  opacity: 0.85;
  font-size: var(--nui-text-base);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-result strong {
  font-size: var(--nui-text-2xl);
  font-variant-numeric: tabular-nums;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-result-text {
  display: flex;
  flex-direction: column;
  gap: var(--nui-space-1);
  min-width: 0;
  font-size: var(--nui-text-sm);
  opacity: 0.9;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-result-label {
  font-weight: var(--nui-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 1;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-result-values {
  font-size: var(--nui-text-xs);
  overflow-wrap: anywhere;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-result-value {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3em;
  white-space: nowrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-note {
  margin: 0;
  padding: var(--nui-space-3) var(--nui-space-4);
  background: var(--nui-gray-100);
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-actions {
  display: flex;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-actions:not(:has(button:not([hidden]))) {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-msg {
  margin: 0;
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-msg--error {
  color: var(--nui-color-error-text, var(--nui-color-primary));
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-msg--success {
  color: var(--nui-color-success-text);
}
@media (max-width: 44rem) {
  .frame-type-nobit_oilcoolerfinder .ocf__dialog--heating {
    width: calc(100% - var(--nui-space-4));
    max-height: calc(100dvh - var(--nui-space-4));
  }
}
@media (max-width: 44rem) {
  .frame-type-nobit_oilcoolerfinder .ocf__dialog--heating .ocf__heating-header,
  .frame-type-nobit_oilcoolerfinder .ocf__dialog--heating .ocf__heating-intro {
    padding-inline: var(--nui-space-4);
  }
  .frame-type-nobit_oilcoolerfinder .ocf__dialog--heating .ocf__heating-body {
    padding: var(--nui-space-3);
  }
  .frame-type-nobit_oilcoolerfinder .ocf__dialog--heating .ocf__hrow {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: var(--nui-space-2);
  }
  .frame-type-nobit_oilcoolerfinder .ocf__dialog--heating .ocf__hrow-label {
    flex-wrap: wrap;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__dialog--heating .ocf__hrow .ocf__field-input {
    grid-column: 1/-1;
    width: 100%;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__dialog--heating .ocf__heating-result {
    flex-direction: column;
    align-items: stretch;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__dialog--heating .ocf__heating-result .ocf__heating-result-value {
    align-self: flex-end;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__heating-header,
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__heating-intro {
  padding-inline: var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__heating-body {
  padding: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__hrow {
  grid-template-columns: minmax(0, 1fr) auto;
  row-gap: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__hrow-label {
  flex-wrap: wrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__hrow .ocf__field-input {
  grid-column: 1/-1;
  width: 100%;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__heating-result {
  flex-direction: column;
  align-items: stretch;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__heating-result .ocf__heating-result-value {
  align-self: flex-end;
}
.frame-type-nobit_oilcoolerfinder .ocf .nui-card {
  --nui-card-border-color: transparent;
  --nui-card-shadow: var(--nui-shadow-md);
  --nui-card-border-radius: var(--nui-radius-sm, 0.25rem);
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card,
.frame-type-nobit_oilcoolerfinder .ocf__table-card,
.frame-type-nobit_oilcoolerfinder .ocf__summary,
.frame-type-nobit_oilcoolerfinder .ocf__form {
  padding: var(--nui-space-6);
}
.frame-type-nobit_oilcoolerfinder .ocf__card-head {
  margin-block-end: var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-head {
  padding: var(--nui-space-4) var(--nui-space-5);
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-body,
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body {
  padding: var(--nui-space-5);
  gap: var(--nui-space-5);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpis {
  border: 0;
  box-shadow: var(--nui-shadow-md);
  border-radius: var(--nui-radius-sm, 0.25rem);
  overflow: hidden;
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi {
  display: flex;
  flex-direction: column;
  padding: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi-label {
  letter-spacing: 0.08em;
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi-value {
  margin-block: var(--nui-space-1) 0;
  font-size: var(--nui-text-xl);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi--success .ocf__kpi-value {
  font-size: var(--nui-text-lg);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi-unit {
  font-size: var(--nui-text-base);
}
.frame-type-nobit_oilcoolerfinder .ocf__kpi-note {
  margin-block-start: var(--nui-space-1);
  font-size: var(--nui-text-xs);
}
.frame-type-nobit_oilcoolerfinder .ocf__step-no {
  min-width: 1.5rem;
  height: 1.5rem;
  font-weight: var(--nui-weight-bold);
  background: var(--nui-gray-800);
  color: var(--nui-white);
}
.frame-type-nobit_oilcoolerfinder .ocf__group-title {
  font-size: var(--nui-text-base);
  margin-block-end: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-body > .ocf__group:has(+ .ocf__group) {
  padding-block-end: var(--nui-space-5);
  border-block-end: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__panel-body .nui-select,
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body .nui-select {
  min-height: 3rem;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-table {
  border-color: var(--nui-gray-200);
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head,
.frame-type-nobit_oilcoolerfinder .ocf__series-row {
  min-height: 3.5rem;
  padding: var(--nui-space-3) var(--nui-space-4);
  border-block-start-color: var(--nui-gray-200);
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head {
  min-height: 3.25rem;
  letter-spacing: 0.06em;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-row-title {
  font-size: var(--nui-text-base);
}
.frame-type-nobit_oilcoolerfinder .ocf__series-row-meta {
  color: var(--nui-color-text-tertiary, var(--nui-color-text-secondary));
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head--static {
  cursor: default;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head--static:hover {
  background: var(--nui-gray-100);
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head--action-only {
  min-height: 2.5rem;
  justify-content: flex-end;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head-action {
  margin-inline-start: auto;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: var(--nui-text-sm);
  letter-spacing: 0;
  text-transform: none;
  text-decoration: underline;
  color: var(--nui-color-text-secondary);
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head-action:hover {
  color: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf__series-head-action:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__pill {
  min-height: 3rem;
  font-weight: var(--nui-weight-semibold);
}
.frame-type-nobit_oilcoolerfinder .ocf__field {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--nui-space-3);
  margin-block-end: var(--nui-space-3);
}
.frame-type-nobit_oilcoolerfinder .ocf__field > .nui-label {
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__field-input {
  justify-content: flex-end;
}
.frame-type-nobit_oilcoolerfinder .ocf__field-input .nui-input {
  width: 6.5rem;
  min-height: 3rem;
  font-size: var(--nui-text-base);
}
.frame-type-nobit_oilcoolerfinder .ocf__field-label {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__field-symbol {
  font-size: var(--nui-text-base);
  font-weight: var(--nui-weight-normal);
  line-height: 1.2;
  color: var(--nui-color-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__field-symbol sub {
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
  top: 0.35em;
  margin-inline-start: 0.15em;
}
.frame-type-nobit_oilcoolerfinder .ocf__field-range {
  font-size: var(--nui-text-xs);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__field-input .ocf__unit {
  min-width: 2.5rem;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card {
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) minmax(0, auto);
  column-gap: var(--nui-space-4);
  align-items: start;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card > .ocf__card-head {
  grid-column: 1;
  grid-row: 1;
  margin-block-end: var(--nui-space-2);
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card > .ocf__chart-tools {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  justify-content: flex-end;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card > .ocf__chart-stage {
  grid-column: 1/-1;
  grid-row: 2;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card > .ocf__chart-legend {
  grid-column: 1/-1;
  grid-row: 3;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card > .ocf__chart-empty {
  grid-column: 1/-1;
  grid-row: 2;
  align-self: center;
  justify-self: center;
  z-index: 4;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card > .ocf__chart-incomplete {
  grid-column: 1/-1;
  grid-row: 2;
  align-self: center;
  justify-self: center;
  z-index: 4;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-card > * {
  min-width: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__incomplete {
  max-width: 28rem;
  margin: var(--nui-space-3) auto 0;
  padding: var(--nui-space-3) var(--nui-space-4);
  border: 1px dashed var(--nui-color-border);
  border-radius: var(--nui-radius-md, 0.375rem);
  background: var(--nui-color-bg-raised, var(--nui-color-bg));
  text-align: center;
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__incomplete[hidden] {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-incomplete {
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__incomplete-title {
  font-weight: 600;
  color: var(--nui-color-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__incomplete-missing {
  margin-block-start: var(--nui-space-1);
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__incomplete-missing:empty {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__content.is-incomplete .ocf__table-wrap,
.frame-type-nobit_oilcoolerfinder .ocf__content.is-incomplete .ocf__cards,
.frame-type-nobit_oilcoolerfinder .ocf__content.is-incomplete .ocf__table-foot,
.frame-type-nobit_oilcoolerfinder .ocf__content.is-incomplete .ocf__card-tools,
.frame-type-nobit_oilcoolerfinder .ocf__content.is-incomplete .ocf__view-toggle,
.frame-type-nobit_oilcoolerfinder .ocf__content.is-incomplete .ocf__chart-legend,
.frame-type-nobit_oilcoolerfinder .ocf__content.is-incomplete .ocf__zoom {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf .nui-btn.is-blocked {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: auto;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-empty {
  max-width: 28rem;
  margin: 0;
  padding: var(--nui-space-3) var(--nui-space-4);
  border: 1px dashed var(--nui-color-border);
  border-radius: var(--nui-radius-md, 0.375rem);
  background: var(--nui-color-bg-raised, var(--nui-color-bg));
  text-align: center;
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__series.is-dashed .ocf-chart__line,
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend-item.is-dashed .ocf__chart-legend-line {
  stroke-dasharray: 7 4;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nui-space-1) var(--nui-space-4);
  margin: var(--nui-space-3) 0 0;
  padding: 0;
  list-style: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend[hidden] {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend-item {
  display: inline-flex;
  align-items: center;
  gap: var(--nui-space-2);
  min-height: 1.75rem;
  padding: 0 var(--nui-space-1);
  border-radius: var(--nui-radius-sm, 0.25rem);
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text);
  cursor: default;
  transition: opacity 150ms ease-out;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend-item:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 1px;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend-item.is-highlighted .ocf__chart-legend-name {
  font-weight: var(--nui-weight-bold);
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend.has-highlight .ocf__chart-legend-item:not(.is-highlighted, .ocf__chart-legend-item--operating) {
  opacity: 0.45;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend-swatch {
  flex: none;
  width: 1.75rem;
  height: 0.75rem;
  overflow: visible;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend-line {
  stroke: var(--series-color);
  stroke-width: 2.4;
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend-dot {
  fill: var(--series-color);
}
.frame-type-nobit_oilcoolerfinder .ocf__chart-legend-item.is-highlighted .ocf__chart-legend-line {
  stroke-width: 3.5;
}
.frame-type-nobit_oilcoolerfinder .ocf__dot.is-dashed,
.frame-type-nobit_oilcoolerfinder .ocf__bar-fill.is-dashed {
  background-image: repeating-linear-gradient(90deg, transparent 0 3px, var(--nui-color-bg) 3px 5px);
}
.frame-type-nobit_oilcoolerfinder .ocf__legend-item {
  min-height: 2.25rem;
  padding: 0 var(--nui-space-1);
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__swatch {
  width: 1rem;
  height: 0.2rem;
  border-radius: var(--nui-radius-full, 999px);
}
.frame-type-nobit_oilcoolerfinder .ocf-chart__frame {
  fill: var(--nui-gray-50);
  stroke: var(--nui-color-border-subtle);
}
@container content-element--container (max-width: 44rem) {
  .frame-type-nobit_oilcoolerfinder .ocf__chart-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__chart-card > .ocf__chart-tools {
    justify-content: flex-start;
    margin-block-start: var(--nui-space-3);
  }
  .frame-type-nobit_oilcoolerfinder .ocf__chart-card .ocf__curves > .ocf__curves-menu {
    inset-inline: 0 auto;
    min-width: min(16rem, 70vw);
    max-width: 90vw;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__table-card .ocf__columns-menu {
    min-width: min(15rem, 70vw);
    max-width: 90vw;
  }
}
.frame-type-nobit_oilcoolerfinder .ocf__table-wrap {
  margin-inline: calc(-1 * var(--nui-space-6));
}
.frame-type-nobit_oilcoolerfinder .ocf__table thead th {
  padding-block: var(--nui-space-3);
  font-size: var(--nui-text-xs);
  font-weight: var(--nui-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--nui-color-text-secondary);
  background: var(--nui-gray-50);
  border-block-end: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__table tbody td {
  padding-block: var(--nui-space-4);
  border-block-end: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__table th:first-child,
.frame-type-nobit_oilcoolerfinder .ocf__table td:first-child {
  padding-inline-start: var(--nui-space-6);
}
.frame-type-nobit_oilcoolerfinder .ocf__table th:last-child,
.frame-type-nobit_oilcoolerfinder .ocf__table td:last-child {
  padding-inline-end: var(--nui-space-6);
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=rank] {
  width: 4rem;
}
.frame-type-nobit_oilcoolerfinder .ocf__rank .nui-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: var(--nui-radius-full, 999px);
  font-weight: var(--nui-weight-bold);
}
.frame-type-nobit_oilcoolerfinder .ocf__cooler-name {
  font-size: var(--nui-text-base);
}
.frame-type-nobit_oilcoolerfinder .ocf__cooler-meta {
  font-size: var(--nui-text-sm);
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-cell=achievedPower] {
  font-size: var(--nui-text-base);
  font-weight: var(--nui-weight-bold);
}
.frame-type-nobit_oilcoolerfinder .ocf__bar {
  width: 5rem;
  height: 0.3rem;
  border-radius: var(--nui-radius-full, 999px);
  overflow: hidden;
}
.frame-type-nobit_oilcoolerfinder .ocf__table tr.is-recommended > td {
  background: var(--nui-color-success-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=status] .nui-badge,
.frame-type-nobit_oilcoolerfinder .ocf__result-card-status {
  padding: 0.25em 0.6em;
  font-weight: var(--nui-weight-semibold);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--nui-space-3);
  padding: var(--nui-space-3) var(--nui-space-5);
  background: var(--nui-color-primary);
  color: var(--nui-color-primary-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-heading {
  margin: 0;
  padding: 0;
  font-size: var(--nui-text-base);
  font-weight: var(--nui-weight-bold);
  line-height: var(--nui-leading-tight);
  letter-spacing: 0.02em;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-head .ocf__wizard-count {
  color: inherit;
  font-size: var(--nui-text-xs);
  font-weight: var(--nui-weight-bold);
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-bar {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--nui-space-2);
  margin: var(--nui-space-4) var(--nui-space-5) 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-bar-segment {
  height: 0.3rem;
  border-radius: 0;
  background: var(--nui-gray-200);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-bar-segment.is-done {
  background: var(--nui-color-success);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-bar-segment.is-current {
  background: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-step {
  padding: var(--nui-space-4) var(--nui-space-5) 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-title {
  margin: 0;
  padding: 0;
  font-size: var(--nui-text-lg);
  font-weight: var(--nui-weight-bold);
  line-height: var(--nui-leading-tight);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-desc {
  margin: var(--nui-space-1) 0 0;
  font-size: var(--nui-text-sm);
  color: var(--nui-color-text-secondary);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body {
  padding-block-start: var(--nui-space-4);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body .ocf__group-title {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body .ocf__group + .ocf__group {
  padding-block-start: var(--nui-space-4);
  border-block-start: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body [data-ocf-section=manufacturer]:has(+ [data-ocf-section=supply]) {
  padding-block-end: var(--nui-space-4);
  border-block-end: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body [data-ocf-section=manufacturer] + [data-ocf-section=supply] {
  border-block-start: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body [data-ocf-section=manufacturer] + [data-ocf-section=supply] > .ocf__group-title {
  display: flex;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-body [data-ocf-section=manufacturer] + [data-ocf-section=supply] > .ocf__group-title .ocf__step-no {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-foot {
  gap: var(--nui-space-4);
  padding: var(--nui-space-4) var(--nui-space-5) var(--nui-space-5);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-actions {
  justify-content: space-between;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-actions [data-ocf-wizard-skip] {
  margin: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-actions [data-ocf-wizard-next] {
  margin-inline-start: auto;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-next {
  min-height: 3rem;
  padding-inline: var(--nui-space-5);
  font-weight: var(--nui-weight-bold);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-chevron {
  margin-inline-start: 0.35em;
  font-size: 1.25em;
  line-height: 1;
}
.frame-type-nobit_oilcoolerfinder [data-ocf-wizard-prev] {
  min-height: 3rem;
  padding-inline: var(--nui-space-4);
  font-weight: var(--nui-weight-bold);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-skip {
  align-self: flex-start;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  text-decoration: underline;
  color: var(--nui-color-text);
  cursor: pointer;
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-skip:hover {
  color: var(--nui-color-primary);
}
.frame-type-nobit_oilcoolerfinder .ocf__wizard-skip:focus-visible {
  outline: 2px solid var(--nui-color-primary);
  outline-offset: 2px;
}
.frame-type-nobit_oilcoolerfinder .ocf__field-range {
  align-self: flex-start;
  padding: 0.1em 0.5em;
  background: var(--nui-gray-100);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline {
  margin-block-start: var(--nui-space-3);
  border: 1px solid var(--nui-color-border-subtle);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__heating-header {
  background: color-mix(in srgb, var(--nui-color-primary) 8%, var(--nui-color-bg-raised));
  color: var(--nui-color-text);
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__dialog-close {
  display: none;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__heating-intro {
  padding-block-start: 0;
}
.frame-type-nobit_oilcoolerfinder .ocf__heating-inline .ocf__dialog-body {
  padding: var(--nui-space-4);
}
@media print {
  .frame-type-nobit_oilcoolerfinder .ocf__toolbar,
  .frame-type-nobit_oilcoolerfinder .ocf__dialog,
  .frame-type-nobit_oilcoolerfinder .ocf__wizard-foot,
  .frame-type-nobit_oilcoolerfinder .ocf__panel-actions,
  .frame-type-nobit_oilcoolerfinder .ocf__chart-tools,
  .frame-type-nobit_oilcoolerfinder .ocf__zoom,
  .frame-type-nobit_oilcoolerfinder .ocf__table-foot,
  .frame-type-nobit_oilcoolerfinder .ocf__form,
  .frame-type-nobit_oilcoolerfinder .ocf__confirmation-actions,
  .frame-type-nobit_oilcoolerfinder .ocf__select,
  .frame-type-nobit_oilcoolerfinder .ocf__select-box,
  .frame-type-nobit_oilcoolerfinder .ocf__live-badge,
  .frame-type-nobit_oilcoolerfinder .ocf__info-cell,
  .frame-type-nobit_oilcoolerfinder .ocf__info-row,
  .frame-type-nobit_oilcoolerfinder .ocf__scroll-arrow {
    display: none !important;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=select],
  .frame-type-nobit_oilcoolerfinder .ocf__table [data-ocf-col=cooler] {
    position: static;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__request {
    display: block;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__layout {
    flex-direction: column;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__panel {
    position: static;
    box-shadow: none;
    border: var(--nui-border-width) solid var(--nui-color-border);
  }
  .frame-type-nobit_oilcoolerfinder .ocf__field-input .nui-input {
    border: 0;
    padding: 0;
    background: transparent;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__chart-scroll,
  .frame-type-nobit_oilcoolerfinder .ocf__table-scroll {
    overflow: visible;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__table-wrap .ocf__table-scroll {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  .frame-type-nobit_oilcoolerfinder .ocf-chart {
    min-width: 0;
  }
  .frame-type-nobit_oilcoolerfinder .ocf-chart__series,
  .frame-type-nobit_oilcoolerfinder .ocf__chart-legend-item {
    opacity: 1 !important;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__chart-legend {
    break-before: avoid;
  }
  .frame-type-nobit_oilcoolerfinder .ocf__table {
    min-width: 0;
    font-size: 10pt;
  }
  .frame-type-nobit_oilcoolerfinder tr[hidden] {
    display: none !important;
  }
}

/*# sourceMappingURL=frontend.css.map */