@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-Light-Oblique.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-Oblique.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-SemiBold-Oblique.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-Bold-Oblique.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-Medium-Oblique.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gopadel;
  src: url('../fonts/Gopadel-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark: #06210e;
  --background: #f5f5f4;
  --border: #e4e3de;
  --evergreen: #105536;
  --white: #fff;
  --90s: #cde9d8;
  --lite-background: #fdfdf8;
  --border-dark: #cfcec5;
  --green-hover: #1f7c52;
  --80s: #8faa5f;
  --golden: #eea84d;
  --70s: #6eaaaf;
  --60s: #c79461;
  --50s: #d16f6f;
  --red: #e47676;
}

body {
  color: var(--dark);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4em;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

p {
  opacity: .89;
  margin-bottom: 10px;
  line-height: 1.7em;
}

a {
  color: var(--dark);
  text-decoration: none;
  transition: all .2s;
}

.pagewrapper {
  background-color: var(--background);
  flex-flow: row;
  min-height: 100vh;
  display: flex;
}

.contentwrapper {
  border-right: 1.5px solid var(--border);
  border-left: 1.5px solid var(--border);
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pagenav {
  border-right: 1.5px solid var(--border);
  background-color: #ffffff54;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 230px;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.navcolumn {
  flex-flow: column;
  display: flex;
}

.mainnav-row {
  border-bottom: 1.5px solid var(--border);
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 15px;
  display: flex;
}

.mainnav-logo {
  background-color: var(--dark);
  border-radius: 7px;
  flex: none;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.pagecontent {
  background-color: #fff;
  flex-flow: column;
  flex: 1;
  display: flex;
  overflow: clip;
}

.alignrow {
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  display: flex;
}

.alignrow._5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.alignrow._10 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.alignrow._15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.alignrow._30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

/* Opportunities Relay + Save: exact 5px between icons (icons have margin-right globally). */
.opps-save-relay-row {
  display: flex;
  gap: 5px;
  align-items: center;
}

.opps-save-relay-row .relayicon-button,
.opps-save-relay-row .bookmarkicon-block {
  margin-right: 0;
  margin-left: 0;
}

.alignrow.sides {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.alignrow.fullheight {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: stretch;
  margin-left: -5px;
  margin-right: -5px;
}

.logotext {
  font-family: Gopadel, Impact, sans-serif;
  font-size: 16.4px;
  font-weight: 500;
  line-height: 1.2em;
}

.mainlinks-column {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding: 25px 12px 25px 15px;
  display: flex;
}

.mainlinks-column.morespace {
  padding-top: 40px;
}

.mainlink-row {
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-left: -3px;
  padding: 3px 6px 3px 3px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.mainlink-row:hover, .mainlink-row.w--current {
  background-color: var(--border);
}

.mainlink-icon {
  background-color: var(--border);
  color: #06210e99;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navlink-icon {
  width: 18px;
  height: 18px;
}

.notificationcircle {
  background-color: var(--evergreen);
  min-width: 23px;
  height: 23px;
  color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1em;
  display: flex;
}

.navlinks-block {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  display: flex;
}

.navlinks-label {
  opacity: .5;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 12px;
  line-height: 1em;
}

.fullimage {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.ikonik-ikyo1, .ikonik-2nwoyg, .ikonik-n5mcp, .ikonik-uu7nui, .ikonik-ourin, .ikonik-ot8je, .ikonik-2hckn, .ikonik-3tvxf, .ikonik-esu1uj, .ikonik-2a4nsk {
  color: #fff;
}

.maincontent-block {
  border-bottom: 1.5px solid var(--border);
  padding: 20px;
}

.maincontent-block.top-block {
  z-index: 9999;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  display: flex;
  position: sticky;
  top: 0;
}

.maincontent-block.nopadding {
  margin-bottom: -3px;
  padding: 0;
}

.maincontent-block.nopadding.flexright {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.maincontent-block.nopadding.borders {
  border: 1px solid var(--border);
  border-radius: 7px;
  overflow: hidden;
}

.maincontent-block.stickybottom {
  z-index: 9999;
  padding: 0;
  position: sticky;
  bottom: 0;
}

.maincontent-block.filters {
  z-index: 9999;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 10px;
  display: flex;
  position: sticky;
  top: 80px;
}

.maincontent-block.flexdown {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  padding-top: 40px;
  padding-bottom: 80px;
  display: flex;
}

.maincontent-block.flexdown._50 {
  padding: 50px 50px 80px;
}

.maincontent-block.flexdown.full {
  padding-left: 0;
  padding-right: 0;
}

.maincontent-block._30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding: 30px;
  display: flex;
}

.maincontent-block.stats {
  z-index: 9999;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  padding: 10px;
  display: flex;
}

.maincontent-block._60 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding: 60px;
  display: flex;
}

.pageicon-block {
  background-color: var(--border);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding-left: 7px;
  padding-right: 7px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pageicon-block._90s {
  color: var(--evergreen);
  background-color: #d6eddf;
}

.pageicon-block.golden {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--90s);
  color: var(--evergreen);
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15.55px;
  font-weight: 600;
  line-height: 1em;
}

.pageicon {
  width: 23px;
  height: 23px;
}

.pageheading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 1em;
}

.pageheading.sublabel {
  opacity: .33;
  font-size: 15px;
}

.dropdownwrapper {
  position: relative;
}

.dropdownbutton {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid var(--border);
  cursor: pointer;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 33px;
  padding: 0 9px 0 7px;
  font-size: 13.33px;
  font-weight: 500;
  line-height: 1em;
  transition: all .2s;
  display: flex;
}

.dropdownbutton:hover {
  background-color: var(--lite-background);
  border-color: #cfcec5;
}

.dropdownbutton.opened {
  border-color: var(--border-dark);
  background-color: #fdfdf8;
}

.dropdownbutton.selected {
  border-color: var(--dark);
  background-color: var(--dark);
  color: var(--white);
}

.gridrow {
  border-bottom: 1.5px solid var(--border);
  transition: all .2s;
  display: flex;
}

.gridrow:hover {
  background-color: #f5f4f080;
}

.gridrow.header {
  z-index: 999;
  background-color: var(--background);
  font-weight: 600;
  position: sticky;
  top: 140px;
}

.gridrow.header.sticky0 {
  top: 80px;
}

.gridrow.header.nostick {
  top: 0;
}

.gridrow.footer {
  border-top: 1.5px solid var(--border);
  background-color: var(--background);
  border-bottom-style: none;
}

.gridrow.batchheader {
  background-color: var(--background);
  font-weight: 600;
  position: relative;
}

.gridrow.batchheader.sticky {
  z-index: 99;
  position: sticky;
  top: 181px;
}

.gridrow.batchheader.sticky.sticky0 {
  top: 121px;
}

.gridrow.floating {
  background-color: var(--background);
  border-bottom-style: none;
  border-radius: 7px;
  margin-left: 20px;
  margin-right: 20px;
  position: sticky;
  bottom: 20px;
}

.button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--dark);
  height: 39px;
  color: var(--white);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 13px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.button:hover {
  background-color: #000;
}

.button.lite {
  background-color: var(--border);
  color: var(--dark);
}

.button.lite:hover {
  background-color: var(--border-dark);
}

.button.gridinline {
  height: 33px;
  padding-left: 8px;
  padding-right: 10px;
}

.button.save {
  background-color: var(--evergreen);
  height: 44px;
  padding-left: 20px;
  padding-right: 20px;
}

.button.save:hover {
  background-color: var(--green-hover);
}

.button.is-disabled,
.button[aria-disabled="true"] {
  opacity: 0.45;
  pointer-events: none;
  cursor: not-allowed;
}

.button.save.is-disabled:hover,
.button.save[aria-disabled="true"]:hover {
  background-color: var(--evergreen);
}

.button.smallsave {
  background-color: var(--border);
  width: 100%;
  height: 35px;
  color: var(--dark);
  margin-top: 5px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
  font-weight: 600;
}

.button.smallsave:hover {
  background-color: var(--border-dark);
}

.button.slimsave {
  background-color: var(--border);
  width: 100%;
  height: 38px;
  color: var(--dark);
  margin-top: 5px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
  font-weight: 600;
}

.button.slimsave:hover {
  background-color: var(--evergreen);
  color: var(--white);
}

.button.large {
  height: 60px;
  font-size: 16px;
}

.buttonicon {
  width: 18px;
  height: 18px;
}

.griditem {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 1.5px solid var(--border);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 150px;
  padding: 10px;
  font-size: 13.7px;
  font-weight: 600;
  display: flex;
  overflow: scroll;
}

.griditem.first {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  text-align: left;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 390px;
  position: relative;
}

.griditem.first.bolden {
  border-right-style: none;
  padding-left: 12px;
  font-size: 15px;
  font-weight: 600;
}

.griditem.last {
  border-right-style: none;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 160px;
}

.griditem.last.longer {
  width: 310px;
}

.griditem.last.auto {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.griditem.long {
  width: 200px;
  overflow: scroll;
}

.griditem.long.longlast {
  border-right-style: none;
}

.griditem.short {
  width: 140px;
}

.griditem.short.center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.griditem.short.shortlast {
  border-right-style: none;
}

.griditem.pagination {
  border-right-style: none;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
}

.griditem.solo {
  border-right-style: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.griditem.vshort {
  width: 110px;
}

.griditem.center {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.griditem.longer {
  width: 300px;
}

.griditem.med {
  justify-content: center;
  align-items: center;
  width: 160px;
}

.griditem-logo {
  background-color: var(--border);
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  position: relative;
  overflow: hidden;
}

.griditem-logo.small {
  width: 25px;
  height: 25px;
}

.checkboxwrapper {
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  display: none;
}

.checkboxuncheck {
  border: 1.5px solid var(--border);
  cursor: pointer;
  border-radius: 6px;
  width: 18px;
  height: 18px;
}

.checkboxuncheck:hover {
  border-color: var(--border-dark);
  background-color: var(--background);
}

.checkboxchecked {
  border: 1.5px solid var(--dark);
  background-color: var(--dark);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: none;
}

.checkboxicon {
  color: #fff;
  width: 15px;
  height: 15px;
}

.gridrow-icon {
  opacity: .5;
  flex: none;
  width: 18px;
  height: 18px;
}

.gridrow-icon.sm {
  height: 16px;
}

.gridrow-icon.relay {
  width: 15px;
  height: 15px;
  padding-left: 1px;
  padding-right: 1px;
}

.ikonik-83f9of, .ikonik-22s4j, .ikonik-sriwm, .ikonik-7k1dzh, .ikonik-2cepr {
  color: #fff;
}

.gridlabel {
  border: 1.5px solid var(--border-dark);
  background-color: var(--background);
  height: 26px;
  color: var(--dark);
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
  display: flex;
}

.gridlabel.green {
  color: #0e5310;
  background-color: #9cd1a026;
  border-color: #9cd1a0;
}

.gridlabel.red {
  color: #8b2627;
  background-color: #eeb0b126;
  border-color: #eeb0b1;
}

.gridlabel.orange {
  color: #b16b26;
  background-color: #f7d0a433;
  border-color: #f7d0a4;
}

.gridlabel.pink {
  color: #c04994;
  background-color: #d19cc82e;
  border-color: #d19cc8;
}

.gridlabel.purple {
  color: #b34bb3;
  background-color: #c39adb30;
  border-color: #c39adb;
}

.gridlabel.lite-blue {
  color: #1d5669;
  background-color: #9fd3df3d;
  border-color: #9fd3df;
}

.gridlabel.gold {
  color: #726233;
  background-color: #d3c67f26;
  border-color: #b4a866;
}

.gridlabel.lite {
  border-color: var(--80s);
  color: var(--evergreen);
  background-color: #8faa5f33;
}

.gridlabel.yellow {
  color: #5a4c0c;
  background-color: #dbc97626;
  border-color: #dbc976;
}

.labelrow {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gradestar-row {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  color: var(--golden);
  display: flex;
}

.gradestar-row._90s {
  color: var(--green-hover);
}

.gradestar-row._80s {
  color: var(--80s);
}

.gradestar-row._70s {
  color: var(--70s);
}

.gradestar-row._60s {
  color: var(--60s);
}

.gradestar-row.low {
  color: var(--50s);
}

.gradestar {
  width: 15px;
  height: 15px;
}

.gradestar.large {
  width: 18px;
  height: 18px;
}

.gradestar.largest {
  width: 23px;
  height: 23px;
}

.gradestar.unselected {
  color: var(--border-dark);
}

.gradestar.largest.unselected {
  color: var(--border-dark);
}

.quicklinks {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid var(--border);
  background-color: #fff;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.quicklinks:hover {
  border-color: var(--dark);
}

.quicklinks.buttonlinks {
  flex: none;
  width: auto;
  min-width: 30px;
  height: 37px;
  padding-left: 10px;
  padding-right: 6px;
  font-size: 13px;
}

.quicklinks.large {
  flex: none;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}

.quicklinks-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quicklinks-row.left-align {
  justify-content: flex-start;
  align-items: center;
}

.quicklinksicon {
  flex: none;
  width: 14px;
  height: 14px;
}

.quicklinksicon.larger {
  width: 18px;
  height: 18px;
}

.ikonik-ykf8g, .ikonik-c9xf8j, .ikonik-939mql, .ikonik-n8zf {
  color: #fff;
}

.paginationrow {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  display: flex;
}

.paginationlink {
  border: 1.5px solid var(--border);
  background-color: #fff;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
  display: flex;
}

.paginationlink:hover {
  border-color: var(--dark);
}

.paginationlink.current {
  border-color: var(--dark);
  background-color: var(--dark);
  color: var(--white);
}

.ikonik-q163n {
  color: #fff;
}

.paginationicon {
  width: 16px;
  height: 16px;
}

.ikonik-mugpo, .ikonik-1c7d5i {
  color: #fff;
}

.textdivider {
  background-color: var(--border);
  width: 1.5px;
  height: 30px;
  margin-left: 10px;
  margin-right: 10px;
}

.textdivider.smaller {
  background-color: var(--border);
  flex: none;
  margin-left: 3px;
  margin-right: 3px;
}

.searchform-block {
  margin-bottom: 0;
}

.searchfield {
  border: 1.5px solid var(--border);
  cursor: pointer;
  background-image: linear-gradient(#ffffffb3, #ffffffb3), url('../images/searchglass.svg');
  background-position: 0 0, 7px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 20px;
  border-radius: 10px;
  width: 240px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 30px;
  transition: all .2s;
}

.searchfield:hover {
  border-color: var(--border-dark);
}

.searchfield:focus {
  border-color: var(--dark);
  background-image: linear-gradient(#fff0, #fff0), url('../images/searchglass.svg');
  background-position: 0 0, 7px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 20px;
}

.labeltext {
  opacity: .5;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 12px;
  line-height: 1em;
}

.dropdownselector {
  z-index: 9999;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 300px;
  padding: 12px;
  display: none;
  position: absolute;
  inset: 40px auto auto 0%;
  box-shadow: 0 2px 5px #0003;
}

.dropdownselector.show {
  display: flex;
}

.linedivider-label {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  font-size: 13.33px;
  font-weight: 600;
  line-height: 1.3em;
  display: flex;
}

.linedivider-label.more {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-bottom: 15px;
}

.linedivider {
  background-color: var(--border);
  flex: 1;
  height: 1.5px;
}

.linedivider.lite {
  opacity: .5;
}

.dim {
  opacity: .5;
  font-weight: 500;
}

.dim.spacd {
  padding-left: 2px;
  padding-right: 2px;
}

.dim.downlabel {
  position: relative;
  bottom: -4px;
}

.filtersrow {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: wrap;
  display: flex;
}

.filterspill {
  border: 1.5px solid var(--border);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 0 7px;
  font-size: 13.33px;
  font-weight: 600;
  line-height: 1em;
  display: flex;
}

.filterspill:hover {
  border-color: var(--border-dark);
  background-color: var(--lite-background);
}

.filterspill.selected {
  border-color: var(--dark);
  background-color: var(--dark);
  color: var(--background);
}

.filterpill-selected {
  background-color: #e7e6df3b;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 21px;
  height: 21px;
  margin-left: 3px;
  margin-right: -3px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12.34px;
  font-weight: 600;
  display: flex;
}

.filterpill-selected.hide {
  display: none;
}

.ikonik-8t83f, .ikonik-11f7t, .ikonik-68sm9h {
  color: #fff;
}

.bookmarkicon-block {
  border: 1.5px solid var(--border);
  width: 26px;
  height: 30px;
  color: var(--border-dark);
  cursor: pointer;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bookmarkicon-block:hover {
  border-color: var(--golden);
  color: var(--golden);
}

.bookmarkicon-block.saved {
  border-color: var(--golden);
  background-color: var(--golden);
  color: #fff3e3;
  transition: all .2s;
}

.ikonik-gpm7p {
  color: #fff;
}

.bookmarkicon {
  width: 17px;
  height: 17px;
}

.bookmarkicon.sm {
  padding: 1px;
}

.ikonik-to8go, .ikonik-86tb7, .ikonik-qsq49 {
  color: #fff;
}

.sorttoggle {
  opacity: .2;
  width: 16px;
  height: 16px;
  color: var(--dark);
  margin-left: -6px;
}

.sorttoggle.toggled {
  opacity: 1;
  color: var(--dark);
  transform: rotate(90deg);
}

.headerlabel {
  flex: none;
}

.headerlabel.new {
  color: var(--evergreen);
  background-color: #1055361f;
  padding-left: 5px;
  padding-right: 5px;
}

.logoicon {
  width: 18px;
  height: 18px;
}

.relayicon-block {
  border: 1.5px solid var(--border);
  width: 30px;
  height: 30px;
  color: var(--border-dark);
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.relayicon-block:hover {
  border-color: var(--evergreen);
  color: var(--evergreen);
}

.relayicon-block.saved {
  color: #fff3e3;
  background-color: #f0b972;
  border-color: #f0b972;
  transition: all .2s;
}

.ikonik-q6ujz {
  color: #fff;
}

.gridtitle {
  font-weight: 600;
  line-height: 1.4em;
}

.gridtitle.larger {
  margin-bottom: -2px;
  font-size: 15px;
}

.gridsubtitle {
  opacity: .5;
  height: 17px;
  margin-top: 2px;
  padding-right: 3px;
  font-size: 12.34px;
  line-height: 1.33em;
  overflow: hidden;
}

.ikonik-knn5f {
  color: #fff;
}

.infoicon {
  opacity: .33;
  width: 15px;
  height: 15px;
}

.ikonik-9xgskj {
  color: #fff;
}

.griditem-logo-wrap {
  position: relative;
}

.relaygrid-logo {
  background-color: var(--border);
  border: 1.5px solid #fff;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  overflow: hidden;
}

.relayicon-button {
  border: 1.5px solid var(--border);
  width: 26px;
  height: 30px;
  color: var(--border-dark);
  cursor: pointer;
  background-image: url('../images/dimrelay.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.relayicon-button:hover {
  border-color: var(--evergreen);
  color: var(--evergreen);
  background-image: url('../images/greenrelay.svg');
}

.relayicon-button.saved {
  color: #fff3e3;
  background-color: #f0b972;
  border-color: #f0b972;
  transition: all .2s;
}

.relayicon-button.relayed {
  border-color: var(--evergreen);
  background-color: var(--evergreen);
  color: #e3ffee;
  background-image: url('../images/relayIcon.svg');
  transition: all .2s;
}

.ikonik-9py5w {
  color: #fff;
}

.adddeal-button {
  border: 1.5px solid var(--border);
  width: 26px;
  height: 30px;
  color: var(--border-dark);
  cursor: pointer;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.adddeal-button:hover {
  border-color: var(--evergreen);
  color: var(--evergreen);
}

.adddeal-button.saved {
  border-color: var(--evergreen);
  background-color: var(--evergreen);
  color: #f6fff1;
  transition: all .2s;
}

.ikonik-811o5 {
  color: #fff;
}

.columnrow {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-bottom: 0;
  display: flex;
}

.maincolumn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  min-width: 0;
  max-width: 480px;
  display: flex;
}

.sidecolumn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left: 1.5px solid var(--border);
  flex-flow: column;
  width: 330px;
  padding: 5px 10px 10px 20px;
  display: flex;
}

.sectionheading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.3em;
}

.blockheader {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4em;
}

.blockheader.sm {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
}

.selectorpill {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid var(--border);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
}

.selectorpill:hover {
  border-color: var(--border-dark);
  background-color: var(--lite-background);
}

.selectorpill.selected {
  border-color: var(--dark);
  background-color: var(--dark);
  color: var(--background);
}

.selectorpill.green {
  border-color: var(--evergreen);
  color: var(--evergreen);
  background-color: #10553626;
}

.selectorpill.red {
  border-color: var(--red);
  color: #b63d3d;
  background-color: #e4767638;
}

.sidenote {
  opacity: .5;
  font-size: 13.7px;
  line-height: 1.7em;
}

.textfield {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid var(--border);
  background-color: var(--white);
  border-radius: 7px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: 48px;
  margin-bottom: 0;
  padding: 12px;
  font-size: 14px;
  line-height: 1.4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

/* Truncate long values (webhook/subscriber URLs) so Copy stays clickable.
   Scoped to copy rows only — must not affect .textfield.sides mapping labels. */
.textfield:has(> .copyfield) > div:not(.copyfield) {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  padding-right: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.textfield:focus {
  border-color: var(--border-dark);
}

.textfield.area-field {
  height: 100px;
}

/* Blurb height: .textfield flex:1 ignores height in column flex; use min-height + flex:none. */
textarea#organization-blurb,
textarea[data-relays="organization-blurb"] {
  height: 200px !important;
  min-height: 200px;
  flex: none;
  align-items: flex-start;
  overflow: auto;
}

.textfield.thesis-field {
  height: 333px;
}

.textfield.percentshort {
  text-align: center;
  width: 70px;
  font-size: 16px;
}

.textfield.days {
  background-color: var(--white);
  flex: none;
  width: 70px;
}

.textfield.emailfield {
  height: 500px;
  padding: 30px;
  overflow: scroll;
}

.textfield.subjectfield {
  height: 50px;
  padding: 14px 15px 15px;
}

.textfield.sides {
  justify-content: space-between;
  align-items: center;
}

.matchingwrap select.dropdowninput {
  flex: 1;
  width: 100%;
  min-width: 0;
}

.formblock {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
  display: flex;
}

.form {
  flex-flow: column;
  display: flex;
}

.buttonnote {
  opacity: .5;
  font-size: 14px;
}

.sectionsubheading {
  opacity: .6;
  font-size: 15px;
  line-height: 1.6em;
}

.ikonik-7iff7, .ikonik-rpi8b, .ikonik-10mlyf, .ikonik-og2ap, .ikonik-b4onh, .ikonik-9z8w3f {
  color: #fff;
}

.inboxwrapper {
  background-color: var(--background);
  border-radius: 7px;
  padding: 10px;
  display: flex;
}

.inboxside {
  border-right: 1.5px solid var(--border);
  background-color: #fff;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  flex-flow: column;
  width: 300px;
  display: flex;
}

.inboxside-link {
  display: flex;
}

.inboxcontent {
  background-color: #fff;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  flex: 1;
  padding: 30px;
}

.fieldlabel {
  letter-spacing: .3px;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 13.7px;
  font-weight: 500;
}

.fieldblock {
  flex: 1;
  max-width: 333px;
}

.fieldblock-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  min-width: 0;
  margin-bottom: 20px;
  display: flex;
}

.fieldblock-row.aligncenter {
  justify-content: center;
  align-items: center;
}

.mainside {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border-right-style: solid;
  border-right-width: 1.5px;
  border-right-color: var(--border);
  flex-flow: column;
  flex: none;
  width: 330px;
  min-height: calc(100vh - 80px);
  max-height: calc(100vh - 80px);
  padding: 20px;
  display: flex;
  position: sticky;
  top: 80px;
  overflow-x: hidden;
  overflow-y: auto;
}

.profilephoto {
  background-color: var(--dark);
  border-radius: 7px;
  flex: none;
  width: 69px;
  height: 69px;
  position: relative;
  overflow: hidden;
}

.of100 {
  opacity: .4;
  padding-left: 2px;
  font-size: .85em;
}

.oppscore {
  color: var(--evergreen);
  font-size: 15px;
  font-weight: 600;
}

.sidedata-block {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  display: flex;
}

.sidedata-block._20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.companytitle {
  font-family: Gopadel, Impact, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
}

.companysubtitle {
  opacity: .7;
  margin-top: 5px;
  font-size: 15px;
}

.sidelong {
  opacity: .89;
  line-height: 1.6em;
}

.foundercol {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.founderrow {
  border: 1.5px solid var(--border);
  border-radius: 7px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 10px 10px 10px 15px;
  display: flex;
}

.founderphoto {
  background-color: var(--dark);
  border-radius: 7px;
  flex: none;
  width: 40px;
  height: 40px;
}

.foundername {
  font-family: Gopadel, Impact, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.foundertitle {
  opacity: .6;
  margin-top: 1px;
  margin-bottom: -1px;
  font-size: 14px;
  font-weight: 500;
}

.midcontent {
  flex: 1;
}

.noteside {
  border-left-style: solid;
  border-left-width: 1.5px;
  border-left-color: var(--border);
  flex: none;
  width: 300px;
  min-height: calc(100vh - 80px);
  padding: 15px;
  position: sticky;
  top: 80px;
}

.introcontent {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.maincontent-nav {
  z-index: 99;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1.5px solid var(--border);
  background-color: var(--background);
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: sticky;
  top: 80px;
  overflow: scroll;
}

.maincontent-nav.leftalign {
  justify-content: flex-start;
  align-items: center;
}

.maincontent-link {
  opacity: .5;
  border-radius: 7px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding-bottom: 1px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 600;
  line-height: 1em;
  display: flex;
}

.maincontent-link:hover {
  background-color: var(--border);
}

.maincontent-link.w--current {
  background-color: var(--border);
  opacity: 1;
}

.maincontent-link.shrink {
  flex: 0 auto;
}

.mainrich h3 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
}

.mainrich a {
  color: var(--evergreen);
  background-color: #edf1ef;
  text-decoration: underline;
}

.mainrich a:hover {
  color: var(--dark);
}

.gradecolor {
  color: #926326;
}

.gradecolor._90s {
  color: var(--green-hover);
}

.gradecolor._80s {
  color: var(--80s);
}

.gradecolor._70s {
  color: var(--70s);
}

.gradecolor._60s {
  color: var(--60s);
}

.gradecolor.low {
  color: var(--50s);
}

.subheader {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
}

.gradeblock {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #b0d1be3d;
  border-radius: 7px;
  flex-flow: column;
  padding: 20px;
  line-height: 1.6em;
  display: flex;
}

.gradeblock._80s {
  background-color: #c5d3b93d;
}

.gradeblock._70s {
  background-color: #b0d1d13d;
}

.gradeblock._60s {
  background-color: #dfdcca3d;
}

.gradeblock._50s {
  background-color: #ddc9c93d;
}

.gradesummary {
  opacity: .89;
  font-size: 14.6px;
  font-weight: 500;
  line-height: 1.6em;
}

.gradeblocks {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  display: flex;
}

.gradetext {
  background-color: var(--90s);
  letter-spacing: 1px;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  padding: 7px;
  font-size: 15px;
  display: flex;
}

.gradetext._80s {
  background-color: #dfe6d1;
}

.gradetext._70s {
  background-color: #e5fafb;
}

.gradetext._60s {
  background-color: #f8e9d1;
}

.gradetext._50s {
  background-color: #f5dddd;
}

.sidegrade {
  background-color: #1f7c5240;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  padding: 5px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.sidegrade._90s {
  background-color: #15d17d33;
}

.sidegrade._80s {
  background-color: #8faa5f4a;
}

.sidegrade._70s {
  background-color: #aeedf354;
}

.sidegrade._60s {
  background-color: #dfa84942;
}

.sidegrade.lows {
  background-color: #d16f6f3d;
}

.rating-gradient {
  background-image: linear-gradient(90deg, var(--red), var(--golden) 50%, var(--green-hover));
}

.gradedstar {
  width: 15px;
  height: 15px;
}

.gradedstar.large {
  width: 18px;
  height: 18px;
}

.gradedivider {
  opacity: .5;
  margin-left: 10px;
  margin-right: 10px;
}

.sidecardtitle {
  font-family: Gopadel, Impact, sans-serif;
  font-size: 14px;
}

.sidecardtitle.larger {
  margin-bottom: 5px;
  font-size: 16px;
}

.graderow {
  border: 1.5px solid var(--border);
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 5px 5px 5px 10px;
  display: flex;
}

.graderow:hover {
  border-color: var(--border-dark);
}

.lineseperator {
  background-color: var(--border);
  flex: none;
  height: 1.5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.standardpill {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid var(--border);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 0 7px;
  font-size: 13.33px;
  font-weight: 600;
  line-height: 1em;
  display: flex;
}

.standardpill.selected {
  border-color: var(--dark);
  background-color: var(--dark);
  color: var(--background);
}

.notesrow {
  border: 1.5px solid var(--border);
  border-radius: 7px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 10px;
  display: flex;
}

.notesname {
  font-weight: 600;
  line-height: 1.3em;
}

.notesface {
  background-color: var(--dark);
  border-radius: 7px;
  flex: none;
  width: 33px;
  height: 33px;
  position: relative;
  overflow: hidden;
}

.notestext {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5em;
}

.contentdown {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.addfield-link {
  opacity: .55;
  color: inherit;
  cursor: pointer;
  width: fit-content;
  margin-top: 2px;
  font-size: 14px;
  line-height: 1.4em;
  text-decoration: none;
}

.addfield-link:hover {
  opacity: 1;
}

.notessub {
  opacity: .5;
  font-size: 12.34px;
  line-height: 1.3em;
}

.amounttext {
  font-weight: 600;
}

.inlinegrade {
  padding-top: 1px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
}

.twocol {
  display: flex;
}

._50col {
  flex: 1;
}

.gradepercent-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1.5px solid var(--border);
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  display: flex;
}

.gradepercent-row:hover {
  border-color: var(--border-dark);
}

.alignright {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.percenttotal {
  margin-top: 10px;
  padding-right: 15px;
  font-size: 25px;
}

.questionheader {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 15.55px;
  font-weight: 500;
  line-height: 1.5em;
}

.questionheader.sm {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
}

.actionicon {
  background-color: var(--background);
  border-radius: 5px;
  width: 30px;
  height: 30px;
  padding: 5px;
}

.actionicon:hover {
  cursor: pointer;
}

.pillphoto {
  border-radius: 6px;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
}

.tallpill {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid var(--border);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 3px 10px 3px 3px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  display: flex;
}

.tallpill.selected {
  border-color: var(--dark);
  background-color: var(--dark);
  color: var(--background);
}

.statlabel {
  opacity: .6;
  font-family: Gopadel, Impact, sans-serif;
  line-height: 1em;
}

.stattext {
  font-size: 33px;
  line-height: 1em;
}

.statblock {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdowninput {
  border: 1.5px solid var(--border);
  background-color: #fff;
  border-radius: 7px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px;
  font-size: 14px;
  line-height: 1.4em;
}

.dropdowninput:focus {
  border-color: var(--border-dark);
}

.dropdowninput.area-field {
  height: 100px;
}

.dropdowninput.percentshort {
  text-align: center;
  width: 70px;
  font-size: 16px;
}

.dropdowninput.days {
  background-color: var(--white);
  width: 70px;
}

.dropdowninput.slim {
  width: 50px;
}

.dropdowninput.short {
  width: 180px;
  font-size: 14px;
}

.settingsside {
  border-left-style: solid;
  border-left-width: 1.5px;
  border-left-color: var(--border);
  flex: none;
  width: 330px;
  min-height: calc(100vh - 80px);
  padding: 20px;
  position: sticky;
  top: 80px;
}

.settingsside.wide {
  width: 390px;
  padding: 30px;
}

.matchingarrow {
  opacity: .5;
  width: 23px;
  height: 24px;
  margin-left: -3px;
}

.matchingarrow:hover {
  cursor: pointer;
}

.matchingarrow.dim {
  opacity: .2;
}

.matchingarrow.invis {
  opacity: 0;
}

.emptyside {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border-left-style: solid;
  border-left-width: 1.5px;
  border-left-color: var(--border);
  background-color: var(--background);
  flex-flow: column;
  flex: none;
  width: 333px;
  min-height: calc(100vh - 80px);
  padding: 20px;
  display: flex;
  position: sticky;
  top: 80px;
}

.emailform {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.variable {
  color: var(--green-hover);
  font-weight: 600;
}

.emailrich h3 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Gopadel, Impact, sans-serif;
  font-size: 14.6px;
  font-weight: 500;
  line-height: 1.4em;
}

.emailrich a {
  color: var(--evergreen);
  background-color: #edf1ef;
  text-decoration: underline;
}

.emailrich a:hover {
  color: var(--dark);
}

.emailrich p {
  font-size: 14.6px;
}

.sourceswrapper {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.sourcesblock {
  width: 25%;
  padding: 10px;
}

.sourcescard {
  border: 1.5px solid var(--border);
  border-radius: 10px;
  flex-flow: column;
  padding: 5px;
  display: flex;
}

.sourcesthumb {
  aspect-ratio: 2.39;
  background-color: var(--dark);
  border-radius: 7px;
  position: relative;
  overflow: hidden;
}

.sourceslogo-row {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: -30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.sourceslogo-block {
  background-color: var(--background);
  border: 1.5px solid #fff;
  border-radius: 10px;
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
}

.uploadtitle {
  font-size: 14px;
  font-weight: 600;
}

.uploadsubtitle {
  opacity: .5;
  margin-top: 3px;
  font-size: 13px;
}

.fieldblocks {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  display: flex;
}

.stylefield-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid #f0f2ef;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 100px;
  padding: 9px;
  display: flex;
}

.thumbnailpreview {
  aspect-ratio: 3 / 2;
  border: 1.5px solid #f0f2ef;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 89px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thumbnailpreview.square {
  aspect-ratio: 1;
  width: 70px;
  height: 70px;
}

.labelrow-2 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.labeldivider {
  background-color: #f0f2ef;
  flex: 1;
  width: 10px;
  height: 1.5px;
}

.labeldivider.darker {
  opacity: .11;
  background-color: #000;
}

.deletelink {
  opacity: .5;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  line-height: 1em;
}

.deletelink:hover {
  opacity: 100;
  color: #ff5a1d;
  text-decoration: none;
}

.uploadcard {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #f0f2ef;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  padding: 10px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  position: relative;
}

.uploadcard:hover {
  background-color: var(--background);
}

.uploadicons {
  width: 23px;
  height: 23px;
}

.labeltext-2 {
  opacity: .8;
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 12.34px;
  font-weight: 600;
  line-height: 1rem;
}

.uploadactions {
  margin-top: 7px;
  display: flex;
}

.colorpicker-block {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--green-hover);
  border: 1.5px solid var(--border);
  border-radius: 7px;
  flex: none;
  width: 50px;
  height: 50px;
  padding: 0;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.colorpicker-block:hover {
  border-color: var(--border-dark);
}

.colorpicker-block input[type="color"],
.colorpicker-block input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.matchingwrap {
  background-color: var(--background);
  border-radius: 7px;
  flex-flow: column;
  width: 840px;
  max-width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px;
  display: flex;
}

.matchingrow {
  display: flex;
}

.requiredtext {
  opacity: .4;
  font-size: 13px;
  font-weight: 500;
}

.copyfield {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-image: linear-gradient(270deg, var(--border) 60%, #fff0);
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  width: 140px;
  padding-right: 10px;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  z-index: 1;
}

.labelicon {
  width: 20px;
  height: 20px;
}

.labelicon:hover {
  cursor: help;
}

.sectorlabel[data-tooltip]:hover .labelicon {
  cursor: help;
}

.copyicon {
  width: 16px;
  height: 18px;
}

.editlink {
  opacity: .5;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: underline;
  transition: opacity .2s;
}

.editlink:hover {
  opacity: 1;
  text-decoration: none;
}

.dimlink {
  opacity: .5;
  font-weight: 600;
}

.dimlink:hover {
  opacity: 1;
  color: var(--evergreen);
}

.loginimage {
  border-radius: 10px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.fieldblock-2 {
  flex: 1;
}

.fieldrow {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.formborder {
  background-color: #f0f2ef;
  flex: 1;
  height: 1.5px;
}

.admin-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.admin-wrapper.tall {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1234px;
}

.loginlogo {
  width: 160px;
  margin-top: 20px;
  margin-bottom: 60px;
  margin-left: -3px;
}

.adminpage-wrapper {
  color: #00300c;
  background-color: #f4f6f4;
  min-height: 100vh;
  margin-left: 0;
  margin-right: auto;
}

.adminpage-wrapper.nopadding {
  background-color: var(--background);
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.textfield-2 {
  color: #001305;
  border: 1.5px solid #f0f2ef;
  border-radius: 10px;
  height: 55px;
  margin-bottom: 0;
  padding: 10px 12px;
  font-size: 15.55px;
  font-weight: 500;
  transition: all .24s;
}

.textfield-2:focus {
  border-color: #051f0e;
}

.textfield-2::placeholder {
  color: #001305;
}

.loginform {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.loginimage-side {
  flex-flow: column;
  flex: 1;
  width: 50%;
  height: 100vh;
  padding: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.loginimage-side.slim {
  flex: 1;
}

.full-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.formblock-2 {
  margin-bottom: 0;
}

.loginblock {
  width: 100%;
  max-width: 480px;
}

.loginblock.wider {
  max-width: 800px;
}

.button-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-shadow: 0 1px 1px #0000001a;
  background-color: #84b801;
  border: 1.5px solid #84b801;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 24px;
  font-size: 16.4px;
  font-weight: 500;
  text-decoration: none;
  transition: all .23s;
  display: flex;
}

.button-2:hover {
  filter: brightness(110%);
  color: #fff;
}

.button-2.tall {
  height: 60px;
}

.loginsubheader {
  color: #00300c80;
  margin-top: 10px;
  font-size: 17px;
  line-height: 1.3em;
}

.fieldlabel-2 {
  opacity: .5;
  color: #051f0e;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 7px;
  padding-left: 3px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3em;
}

.fieldlabel-2.dividelabel {
  opacity: .2;
  margin-bottom: 0;
}

.logincontent {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 640px;
  padding: 60px 3%;
  display: flex;
}

.logincontent.wider {
  width: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.formborder-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 9px;
  display: flex;
}

.loginform-wrapper {
  background-color: #fff0;
  border-radius: 10px;
  padding: 0;
}

.inlinelink {
  color: #00300c99;
  font-weight: 500;
}

.inlinelink:hover {
  color: #00300c;
}

.loginheader {
  font-family: Gopadel, Impact, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2em;
}

.largelabel {
  font-size: 14px;
}

.googlebutton {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 5px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.googlebutton:hover {
  border-color: var(--border-dark);
}

.googlelogo {
  background-color: var(--background);
  border-radius: 10px;
  width: 60px;
  padding: 13px;
}

.form-block {
  flex: 1;
  margin-bottom: 0;
}

.subscribelogo {
  border-radius: 10px;
  width: 89px;
  height: 89px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.subscribepill {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 1.5px solid var(--border);
  border-radius: 7px;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  padding: 7px;
  font-size: 13.7px;
  font-weight: 600;
  display: flex;
  overflow: scroll;
}

.subscribepill.first {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 390px;
  position: relative;
}

.subscribepill.first.bolden {
  border-right-style: none;
  padding-left: 12px;
  font-size: 15px;
  font-weight: 600;
}

.subscribepill.last {
  border-right-style: none;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 155px;
}

.subscribepill.last.longer {
  width: 310px;
}

.subscribepill.last.auto {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.subscribepill.long {
  width: 210px;
  overflow: scroll;
}

.subscribepill.long.longlast {
  border-right-style: none;
}

.subscribepill.short {
  width: 130px;
}

.subscribepill.short.center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.subscribepill.short.shortlast {
  border-right-style: none;
}

.subscribepill.pagination {
  border-right-style: none;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
}

.subscribepill.solo {
  border-right-style: none;
  width: 100%;
}

.subscribepill.vshort {
  width: 110px;
}

.subscribepill.center {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.subscribepill.longer {
  width: 300px;
}

.mainstat-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  order: -9999;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.chartsselector {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: .5;
  color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14.6px;
  font-weight: 500;
  display: flex;
}

.chartsselector:hover {
  opacity: 100;
  background-color: #ffffff80;
}

.chartsselector.active {
  opacity: 100;
  background-color: #fff;
  box-shadow: 3px 3px 3px -4px #0000001a;
}

.chartwrapper {
  flex: 1;
  padding: 15px;
  display: flex;
}

.chartwrapper.withswitcher {
  padding-top: 75px;
}

.chartsoptions {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--background);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
  position: absolute;
  inset: 15px auto auto 15px;
  overflow: clip;
}

.dashboardcol {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.dashboardwide {
  flex: none;
  width: 70%;
  padding: 5px;
}

.statscard {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid var(--border);
  background-color: var(--background);
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding: 20px 20px 18px;
  display: flex;
}

.largestat {
  color: var(--evergreen);
  font-size: 64px;
  font-weight: 300;
  line-height: 1em;
}

.dashboardchart-wrapper {
  height: 400px;
  display: flex;
  position: relative;
}

.statcard-text {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--80s);
  justify-content: space-between;
  align-items: center;
  font-size: 40px;
  font-weight: 300;
  line-height: 1em;
  display: flex;
}

.statcard-text.background {
  color: var(--green-hover);
}

.statcard-text.smaller {
  font-size: 30px;
}

.statcard-text.subtext {
  opacity: .4;
  margin-top: 7px;
  font-size: 17px;
  font-weight: 500;
}

.statcard-text.callout {
  color: var(--evergreen);
}

.labeltext-3 {
  opacity: .8;
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 12.34px;
  font-weight: 600;
  line-height: 1rem;
}

.labeltext-3.large {
  font-size: 13.33px;
}

.labeltext-3.largest {
  padding-bottom: 10px;
  font-size: 20px;
}

.dashboardcard {
  border: 1.5px solid var(--border);
  border-radius: 10px;
}

.dashboardcard.widechart {
  background-color: #fff;
  position: relative;
}

.dashboardcard.spacing {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  padding: 20px;
  display: flex;
}

.chartstats-column {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: none;
  width: 240px;
  padding: 15px;
  display: flex;
}

.dashboardrow {
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.dashboardblock {
  flex: 1;
  padding: 5px;
  display: flex;
}

.dashboardblock.full {
  flex: 1;
  width: 100%;
  padding: 0;
}

.datarow {
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.datarow.linebelow {
  border-bottom: 1.5px solid var(--border);
  padding-bottom: 5px;
  padding-left: 1px;
  padding-right: 1px;
}

.datavisual {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
  position: relative;
}

.dataicon {
  z-index: 9;
  background-color: var(--border);
  width: 30px;
  height: 30px;
  color: var(--dark);
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.datatext {
  font-size: 15px;
  font-weight: 600;
}

.datatext.percent {
  opacity: .33;
}

.datachart {
  background-color: var(--background);
  border-radius: 5px;
  width: 35%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.datachart.long {
  width: 90%;
}

.datachart.mid {
  width: 75%;
}

.datachart.short {
  width: 25%;
}

.datachart.shortest {
  width: 5%;
}

.datalabel {
  z-index: 9;
  font-weight: 600;
  position: relative;
}

.dataico {
  width: 18px;
  height: 18px;
}

.datacol {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  margin-top: 10px;
  display: flex;
}

.dataempty {
  background-color: var(--background);
  border-radius: 5px;
  flex: 1;
}

.dashboardcolumn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 30%;
  padding: 5px;
  display: flex;
}

.sectorlabel {
  color: #1f1e1d;
  background-color: #e4e3de99;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 6px;
  font-size: 13px;
  display: flex;
}

.sectorlabel.green {
  color: #0e5310;
  background-color: #9cd1a026;
  border-color: #9cd1a0;
}

.sectorlabel.red {
  color: #8b2627;
  background-color: #eeb0b126;
  border-color: #eeb0b1;
}

.sectorlabel.orange {
  color: #b16b26;
  background-color: #f7d0a433;
  border-color: #f7d0a4;
}

.sectorlabel.pink {
  color: #c04994;
  background-color: #d19cc82e;
  border-color: #d19cc8;
}

.sectorlabel.purple {
  color: #b34bb3;
  background-color: #c39adb30;
  border-color: #c39adb;
}

.sectorlabel.lite-blue {
  color: #1d5669;
  background-color: #9fd3df3d;
  border-color: #9fd3df;
}

.sectorlabel.gold {
  color: #726233;
  background-color: #d3c67f26;
  border-color: #b4a866;
}

.sectorlabel.lite {
  border-color: var(--80s);
  color: var(--evergreen);
  background-color: #8faa5f33;
}

.sectorlabel.yellow {
  color: #5a4c0c;
  background-color: #dbc97626;
  border-color: #dbc976;
}

.sectorlabel[data-tooltip],
.gradestar-row[data-tooltip] {
  cursor: default;
}

/* Floating hover tip (body-level; matches dropdownselector chrome). */
.relays-tooltip {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  max-width: min(280px, calc(100vw - 16px));
  padding: 6px 10px;
  color: var(--dark);
  background-color: #fff;
  border: 1.5px solid var(--border);
  border-radius: 7px;
  box-shadow: 0 2px 5px #0003;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3em;
  white-space: pre-line;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .12s ease;
}

.relays-tooltip.show {
  opacity: 1;
  visibility: visible;
}

.svg-icon {
  width: 2rem;
  height: 2rem;
}

.svg-icon:hover {
  cursor: pointer;
}

.rowcard-actions {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  display: flex;
}

.rowcard {
  background-color: #f9faf9;
  border: 1.5px solid #f0f2ef;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 8px 8px 8px 13px;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.rowcard:hover {
  background-color: #f5f8f5;
  border-color: #dadbd8;
}

.rowcard.withswitch {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 10px;
}

.settingswitch-block {
  color: #000;
  background-color: #fff;
  border: 1.5px solid #f0f2ef;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 48px;
  height: 30px;
  padding: 4px;
  display: flex;
}

.settingswitch-block:hover {
  border-color: #d1d1d1;
}

.settingswitch-block.active {
  border-color: var(--evergreen);
  background-color: var(--90s);
  justify-content: flex-end;
  align-items: center;
}

.settingswitch-block.active:hover {
  filter: brightness(110%);
}

.alignrow-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.alignrow-2.aligncenter {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
}

.alignrow-2.aligncenter._15 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.switchindicator {
  background-color: #d5d6d4;
  border-radius: 20px;
  width: 18px;
  height: 18px;
}

.switchindicator.activated {
  background-color: var(--evergreen);
}

.pillicon {
  width: 17px;
  height: 17px;
}


@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-Light-Oblique.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-Oblique.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-SemiBold-Oblique.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-Bold-Oblique.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-Medium-Oblique.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gopadel';
  src: url('../fonts/Gopadel-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}