:root {
  --core: #ace04c;
  --dark-bg: #1a1a1a;
  --border: #0000001a;
  --borders: #e4e3de;
  --callout: #ace04c;
}

body {
  color: #1a1a1a;
  font-family: Figtree, sans-serif;
  font-size: 15.55px;
  font-weight: 400;
  line-height: 1.4em;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1a1a;
  text-decoration: none;
  transition: all .23s;
}

strong {
  font-weight: 600;
}

.pagewrapper {
  background-color: #e9edf3;
  flex-flow: column;
  min-height: 100vh;
  display: flex;
}

.topnav {
  background-color: #fff;
  border-bottom: 1.5px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pagecontent {
  flex: 1;
  display: flex;
}

.slidenav {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border-right: 1.5px solid #0000001a;
  flex-flow: column;
  width: 200px;
  height: calc(100vh - 70px);
  margin-left: 0;
  padding: 10px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.slidethumb {
  aspect-ratio: 16 / 9;
  opacity: .5;
  border: 1.5px solid #0000001a;
  border-radius: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slidethumb:hover {
  opacity: 1;
}

.slidethumb.active {
  border-color: var(--core);
  opacity: 1;
  flex: 1;
}

.slidethumb.noshrink {
  opacity: 1;
  flex: none;
}

.slidethumb.noshrink:hover {
  border-color: #0003;
}

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

.fullimage.dark {
  opacity: .2;
}

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

.alignrow._10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

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

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

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

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

.alignrow.sociallinks {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 1;
}

.alignrow.stretch {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
}

.alignrow.stretch.topalign {
  justify-content: flex-start;
  align-items: flex-start;
}

.alignrow.centeralign {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: center;
  align-items: center;
}

.companylogo {
  border-radius: 5px;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
}

.companylogo.lg {
  width: 60px;
  height: 60px;
}

.decktitle {
  font-family: Figtree, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.decksubtitle {
  opacity: .5;
  font-family: Figtree, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2em;
}

.deckinfo {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  padding-top: 1px;
  display: flex;
}

.founderprofile {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.ctabutton {
  border: 1.5px solid var(--core);
  background-color: var(--core);
  height: 42px;
  color: var(--dark-bg);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14.6px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.ctabutton:hover {
  filter: brightness(105%);
}

.ctabutton.alt {
  color: #1a1a1a99;
  background-color: #0f79c500;
  border-color: #1a1a1a1a #1a1a1a1a #0000001a;
  width: 32px;
  height: 42px;
  padding: 1px 0 0;
  transition: all .24s;
  position: relative;
}

.ctabutton.alt:hover {
  border-color: var(--core);
  color: #1a1a1a;
  background-color: #ace04c1a;
}

.ctabutton.inv {
  color: #1f1f1f;
  background-color: #fff;
  border-color: #0000001a;
  font-weight: 500;
}

.pitchdeck {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 80px);
  padding: 15px;
  display: flex;
  position: relative;
}

.tldrpanel {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  background-color: #fff;
  border-left: 1.5px solid #0000001a;
  flex-flow: column;
  width: 420px;
  height: calc(100vh - 70px);
  margin-top: 70px;
  padding: 20px 20px 40px;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

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

.slidenumber {
  opacity: .5;
  text-align: center;
  width: 20px;
  margin-left: -3px;
  font-size: 12px;
  font-weight: 600;
}

.slidenumber.active {
  opacity: 1;
  color: var(--core);
}

.slidenum {
  z-index: 3;
  color: #1d1d1d;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.slidewrap {
  border-radius: 4px;
  flex-flow: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slidewrap.dim {
  opacity: .6;
  transition: opacity .23s;
}

.slidewrap.dim:hover {
  opacity: 1;
}

.pitchwrapper {
  aspect-ratio: 16 / 9;
  border-radius: 5px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.pitchsettings {
  border: 1.5px solid var(--border);
  background-color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  justify-content: center;
  align-items: center;
  height: 33px;
  margin-top: -1.5px;
  margin-left: -1.5px;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.pitchsettings-icon {
  z-index: 99;
  color: #1a1a1a4d;
  background-color: #fff;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% -33px auto auto;
}

.pitchsettings-icon:hover {
  color: #1a1a1a;
}

.settingsicon {
  width: 19px;
  height: 19px;
}

.settingsicon.grid {
  width: 16px;
  height: 16px;
}

.ikonik-jrm3q, .ikonik-xtc4w {
  color: #fff;
}

.contentblock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.contentblock.fill {
  flex: 1;
}

.headerrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #1a1a1a80;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1em;
  display: flex;
}

.headerrow.lite {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 5px;
  font-size: 15px;
}

.headerrow.sm {
  font-size: 10.5px;
  font-weight: 700;
}

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

.linedivider.lite {
  background-color: #ffffff1a;
}

.linedivider.line {
  flex: none;
  margin-left: -20px;
  margin-right: -20px;
}

.linedivider.line.lite {
  background-color: #ffffff1a;
}

.thumbnailside {
  border-radius: 5px;
  height: 123px;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
  overflow: hidden;
}

.thumbnailside.nopull {
  height: 180px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.herorow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: -25px;
  padding-left: 0;
  display: flex;
}

.contentlogo {
  border: 2px solid #fff;
  border-radius: 10px;
  flex: none;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
}

.contentlogo.lg {
  border-color: #ffffff54;
  width: 90px;
  height: 90px;
  margin-top: -10px;
  margin-left: 10px;
}

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

.socialslink {
  border: 1.5px solid var(--border);
  color: #1a1a1a;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  display: flex;
}

.socialslink:hover {
  border-color: var(--core);
  background-color: var(--core);
  color: var(--dark-bg);
}

.socialslink.li:hover {
  color: #fff;
  background-color: #0966c2;
  border-color: #0966c2;
}

.socialslink.x:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.contenttitle {
  font-size: 17px;
  font-weight: 500;
}

.contentsubtitle {
  opacity: .8;
  font-size: 14px;
  line-height: 1.3em;
}

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

.founderrow {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  transition: all .23s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.founderrow:hover {
  background-color: #00000003;
  border-color: #00000026;
}

.founderphoto {
  border: 1.5px solid var(--border);
  border-radius: 7px;
  flex: none;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.foundername {
  margin-top: 2px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3em;
}

.foundertitle {
  opacity: .6;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3em;
}

.companylogo-copy {
  border-radius: 5px;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
}

.contentname {
  flex-flow: column;
  flex: 1;
  padding-top: 25px;
  padding-bottom: 5px;
  padding-right: 10px;
  display: flex;
}

.contentname.nopad {
  padding-bottom: 0;
  padding-right: 0;
}

.socialsicon {
  width: 14px;
  height: 14px;
}

.ikonik-d6mf6f, .ikonik-e5jcu, .ikonik-8j6fd, .ikonik-kfvl5 {
  color: #fff;
}

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

.tldrcard {
  border: 1.5px solid var(--border);
  border-radius: 5px;
  padding: 10px;
  font-size: 14.6px;
  line-height: 1.4em;
  transition: all .23s;
}

.tldrcard:hover {
  background-color: #00000005;
  border-color: #00000026;
}

.newscard {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--border);
  border-radius: 5px;
  padding: 5px;
  font-size: 14.6px;
  line-height: 1.4em;
  transition: all .23s;
  display: flex;
}

.newscard:hover {
  background-color: #00000005;
  border-color: #00000026;
}

.newsphoto {
  aspect-ratio: 5 / 4;
  border: 1.5px solid var(--border);
  border-radius: 5px;
  flex: none;
  height: 60px;
  position: relative;
  overflow: hidden;
}

.newstitle {
  margin-bottom: 3px;
  padding-top: 3px;
  font-size: 14.6px;
  line-height: 1.33em;
}

.sourcetitle {
  opacity: .6;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3em;
}

.draweclose {
  border: 1.5px solid var(--border);
  color: #1a1a1a4d;
  background-color: #fff;
  border-bottom-right-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: -1.5px;
  margin-left: -1.5px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.draweclose:hover {
  color: #1a1a1a;
}

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

.drawericon.close {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.ikonik-s3inj {
  color: #fff;
}

.drawecloser {
  color: #1a1a1a4d;
  background-color: #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 31.5px;
  height: 31.5px;
  display: flex;
  position: absolute;
  inset: 0% auto auto -31.5px;
}

.drawecloser:hover {
  color: #1a1a1a;
}

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

.tagpill {
  background-color: #1a1a1a1a;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 27px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 13.9px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
}

.dimsum {
  opacity: .69;
}

.foundersocials {
  z-index: 3;
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-image: linear-gradient(90deg, #fff0, #ffffffb3 50%, #fff);
  justify-content: flex-start;
  align-items: center;
  padding-left: 30px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tldrclosed {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  color: #1a1a1a66;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #fff;
  border-left: 1.5px solid #0000001a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 33px;
  height: calc(100vh - 80px);
  padding: 73px 2px 40px 0;
  font-size: 12px;
  line-height: 1em;
  transition-property: all;
  transition-duration: .333s;
  transition-timing-function: ease;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.tldrclosed:hover {
  color: #1a1a1a;
}

.tldr-text {
  letter-spacing: 2px;
  font-weight: 600;
  transform: rotate(90deg);
}

.slidesclosed {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  border-right-style: solid;
  border-right-width: 1.5px;
  border-right-color: var(--border);
  color: #1a1a1a66;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 0;
  height: calc(100vh - 80px);
  margin-left: -1.5px;
  padding-top: 60px;
  padding-bottom: 40px;
  padding-left: 0;
  font-size: 12px;
  line-height: 1em;
  transition-property: all;
  transition-duration: .333s;
  transition-timing-function: ease;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.slidesclosed:hover {
  color: #1a1a1a;
}

.gradestar-row {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  color: #eea84d;
  display: flex;
}

.gradestar-row._90s {
  color: #1f7c52;
}

.gradestar-row._80s {
  color: #8faa5f;
}

.gridrow {
  border-bottom: 1.5px solid #e4e3de;
  transition: all .2s;
  display: flex;
}

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

.gridrow.footer {
  background-color: #f5f5f4;
  border-bottom-style: none;
}

.gridrow.batchheader {
  background-color: #f5f5f4;
  font-weight: 600;
  position: relative;
}

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

.gridrow.header {
  z-index: 999;
  z-index: 999;
  background-color: #f5f5f4;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.gridrow.header.darker {
  background-color: #e4e3de;
  height: 33px;
  position: static;
}

.gridrow.head {
  z-index: 999;
  background-color: #f5f5f4;
  font-weight: 600;
  position: sticky;
  top: 140px;
}

.gridtitle {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4em;
}

.gridtitle.med {
  font-size: 15px;
  line-height: 1.3em;
}

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

.labelicon:hover {
  cursor: pointer;
}

.oppcontent {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.quicklinks {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #fff;
  background-color: #ffffff1a;
  border: 1.5px solid #fff3;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-width: 26px;
  height: 26px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

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

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

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

.pageicon-block {
  background-color: #e4e3de;
  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;
}

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

.amounttext {
  font-weight: 600;
}

.mainnav-logo {
  background-color: #06210e;
  border-radius: 7px;
  flex: none;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.sourcecircle {
  background-color: #72b461;
  border-radius: 100px;
  width: 8px;
  height: 8px;
  margin-top: -2px;
  margin-bottom: 0;
  margin-left: -2px;
  position: absolute;
  inset: 0% auto auto 0%;
}

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

.bookmarkicon-block:hover {
  color: #eea84d;
  border-color: #eea84d;
}

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

.headerlabel {
  flex: none;
}

.headerlabel.new {
  color: #105536;
  background-color: #1055361f;
  padding-left: 5px;
  padding-right: 5px;
}

.morecontext {
  z-index: 999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1.5px solid #e4e3de;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 360px;
  padding: 10px;
  display: none;
  position: absolute;
  inset: 23px 0% auto;
}

.sorttoggle {
  opacity: .2;
  color: #06210e;
  width: 16px;
  height: 16px;
  margin-left: -6px;
}

.sorttoggle.toggled {
  opacity: 1;
  color: #06210e;
  transform: rotate(90deg);
}

.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;
}

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

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

.bookmarkicon.sm {
  padding: 1px;
}

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

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

.maincontent-block {
  border-bottom: 1.5px solid #e4e3de;
  padding: 20px;
}

.maincontent-block.nopadding {
  border: 1.5px solid var(--borders);
  border-radius: 5px;
  flex-flow: column;
  padding: 0;
  display: flex;
  overflow: clip;
}

.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.filters {
  z-index: 9999;
  background-color: #fff;
  border-bottom-style: none;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 10px;
  display: flex;
  position: sticky;
  top: 80px;
}

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

.titlecontent {
  position: relative;
}

.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;
}

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

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

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

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

.griditem.short {
  width: 140px;
}

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

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

.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;
  overflow: visible;
}

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

.griditem.long {
  width: 200px;
}

.contectdesc {
  font-size: 12.8px;
  font-weight: 500;
}

.gridlabel {
  color: #06210e;
  background-color: #f5f5f4;
  border: 1.5px solid #cfcec5;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
  display: flex;
}

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

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

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

.linedivider-2 {
  background-color: #e4e3de;
  flex: 1;
  height: 1.5px;
}

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

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

.logotext {
  letter-spacing: 1px;
  font-family: Zalando Sans Expanded, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2em;
}

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

.filterspill {
  border: 1.5px solid #e4e3de;
  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 {
  background-color: #fdfdf8;
  border-color: #cfcec5;
}

.filterspill.selected {
  color: #f5f5f4;
  background-color: #06210e;
  border-color: #06210e;
}

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

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

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

.pagecontents {
  background-color: #fff;
  flex-flow: column;
  flex: 1;
  padding: 24px;
  display: flex;
  overflow: clip;
}

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

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

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

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

.checkboxchecked {
  background-color: #06210e;
  border: 1.5px solid #06210e;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: none;
}

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

.pagewrapper-2 {
  background-color: #f5f5f4;
  flex-flow: row;
  min-height: 100vh;
  display: flex;
}

.button {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff;
  background-color: #ffffff08;
  border: 1.5px solid #ffffff0d;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding: 5px 10px;
  font-size: 13.33px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

.button:hover {
  background-color: #ffffff17;
  border-color: #ffffff1a;
}

.button.lite {
  color: #1a1a1a99;
  background-color: #e4e3de;
  border-radius: 5px;
  width: 100%;
  height: 39px;
  margin-top: 10px;
  font-weight: 600;
}

.button.lite:hover {
  border-color: var(--core);
  background-color: var(--core);
  color: #fff;
}

.button.addbutton {
  background-color: #ffffff05;
  border-style: none;
  width: 100%;
  height: 40px;
  font-size: 13px;
}

.button.addbutton:hover {
  background-color: #ffffff0d;
}

.button.floating {
  background-color: var(--core);
  height: 50px;
  color: var(--dark-bg);
  flex: none;
  font-size: 14.55px;
  font-weight: 500;
  position: sticky;
  bottom: 20px;
}

.button.formbutton {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--core);
  height: 50px;
  color: var(--dark-bg);
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-left: 13px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 500;
  position: sticky;
  bottom: 20px;
}

.button.formbutton:hover {
  filter: brightness(105%);
  padding-right: 10px;
}

.button.active {
  background-color: var(--core);
}

.button.red:hover {
  background-color: #f66;
  border-color: #f66;
}

.button.red.tall {
  height: 50px;
}

.button.mainbutton {
  background-color: var(--callout);
  height: 50px;
  color: var(--dark-bg);
  padding-top: 7px;
  font-family: Zalando Sans Expanded, sans-serif;
  font-weight: 500;
  position: sticky;
  bottom: 20px;
}

.button.mainbutton:hover {
  filter: brightness(110%);
}

.button.mainbutton.stretch {
  flex: 1;
  font-size: 13px;
}

.button.mainbutton.stretch.alt {
  color: #fff;
  background-color: #ffffff0d;
}

.button.mainbutton.stretch.alt:hover {
  background-color: #ffffff1a;
}

.button.loginbutton {
  background-color: var(--callout);
  width: 100%;
  height: 55px;
  color: var(--dark-bg);
  margin-top: 20px;
  padding-top: 7px;
  font-family: Zalando Sans Expanded, sans-serif;
  font-size: 15px;
  font-weight: 500;
  position: sticky;
  bottom: 20px;
}

.button.loginbutton:hover {
  filter: brightness(110%);
}

.button.loginbutton.stretch {
  flex: 1;
}

.button.loginbutton.stretch.alt {
  background-color: var(--border);
  color: #fff;
}

.button.loginbutton.stretch.alt:hover {
  background-color: #ffffff1a;
}

.button.fullw {
  width: 100%;
  height: 40px;
  font-size: 13px;
}

.paginationlink {
  background-color: #fff;
  border: 1.5px solid #e4e3de;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding-top: 1px;
  font-size: 13.33px;
  display: flex;
}

.paginationlink:hover {
  border-color: #06210e;
}

.paginationlink.current {
  color: #fff;
  background-color: #06210e;
  border-color: #06210e;
}

.dropdownwrapper {
  position: relative;
}

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

.mainlink-row:hover, .mainlink-row.w--current {
  background-color: #e4e3de;
}

.textdivider {
  background-color: #e4e3de;
  width: 1.5px;
  height: 30px;
  margin-left: 10px;
  margin-right: 10px;
}

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

.griditem-logo {
  background-color: #e4e3de;
  border: 1.5px solid #0f79c512;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-top: 1px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  position: relative;
  overflow: hidden;
}

.searchfield {
  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: 1.5px solid #e4e3de;
  border-radius: 10px;
  width: 240px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 30px;
  transition: all .2s;
}

.searchfield:hover {
  border-color: #cfcec5;
}

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

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

.pageheading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 500;
  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;
}

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

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

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

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

.checkboxuncheck {
  cursor: pointer;
  border: 1.5px solid #e4e3de;
  border-radius: 6px;
  width: 18px;
  height: 18px;
}

.checkboxuncheck:hover {
  background-color: #f5f5f4;
  border-color: #cfcec5;
}

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

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

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

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

.dropdownbutton {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  border: 1.5px solid #e4e3de;
  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: #fdfdf8;
  border-color: #cfcec5;
}

.navlinks-label {
  opacity: .5;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1em;
}

.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;
}

.mediawrap {
  flex-flow: wrap;
  margin-left: -2.5px;
  margin-right: -2.5px;
  display: flex;
}

.mediacard {
  aspect-ratio: 16 / 9;
  color: #fff;
  border-radius: 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mediablock {
  width: 50%;
  padding: 2.5px;
}

.mediaoverlay {
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.mediaoverlay:hover {
  opacity: 1;
}

.mediaicon {
  width: 24px;
  height: 24px;
}

.fireico {
  opacity: .5;
  color: #cc1313;
  flex: none;
  width: 16px;
  height: 16px;
  margin-left: -3px;
  margin-right: -3px;
}

.fireico.cold {
  color: #588;
}

.fireico.cool {
  color: #867b43;
}

.griditem-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-align: center;
  border-right: 1.5px solid #e4e3de;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 64px;
  padding: 10px 12px;
  font-size: 13.7px;
  font-weight: 600;
  display: flex;
  overflow: scroll;
}

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

.griditem-2.long.investor {
  height: 55px;
}

.griditem-2.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: 360px;
  position: relative;
}

.griditem-2.first.investor {
  height: 55px;
}

.griditem-2.first.auto {
  height: auto;
}

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

.griditem-2.last.investor {
  height: 55px;
}

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

.quicklinksicon-2 {
  flex: none;
  width: 12.34px;
  height: 12.34px;
}

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

.quicklinks-2:hover {
  border-color: #06210e;
}

.quicklinks-2.med {
  min-width: 28px;
  height: 28px;
}

.introrequest-icon {
  color: #cfcec5;
  cursor: pointer;
  border: 1.5px solid #e4e3de;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 30px;
  margin-right: 5px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.introrequest-icon:hover {
  color: #1f7c52;
  border-color: #1f7c52;
}

.introrequest-icon.saved {
  color: #e7ffe3;
  background-color: #1f7c52;
  border-color: #1f7c52;
  transition: all .2s;
}

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

.pillphoto.sm {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

.funddrawer {
  background-color: #f5f5f4;
  height: 0;
  overflow: hidden;
}

.funddrawer.show {
  height: auto;
}

.floatbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #e4e3de;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 13px;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto 10px auto auto;
}

.floatbutton:hover {
  border-color: #06210e;
}

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

.warmpill {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #f0c1c1;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 33px;
  padding-left: 13px;
  padding-right: 13px;
  display: flex;
}

.warmpill.cold {
  background-color: #d9e2e2;
}

.warmpill.cool {
  background-color: #eee8cc;
}

.warmpill.warm {
  background-color: #facaae;
}

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

.griditem-logo-2.medium {
  width: 37px;
  height: 37px;
}

.facepill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1.5px solid #e4e3de;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  font-size: 12.34px;
  font-weight: 600;
  line-height: 1em;
  display: flex;
  overflow: hidden;
}

.quicklinks-row-2 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.completioncircle {
  background-color: #ace04c54;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  display: flex;
  position: relative;
}

.completionprogress {
  background-color: var(--core);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 30px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.completionprogress._25 {
  width: 25%;
}

.completionprogress._45 {
  width: 45%;
}

.completionpercent {
  color: #fff;
  text-shadow: none;
  padding-top: 1px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.ikonik-li12x, .ikonik-ydkra {
  color: #fff;
}

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

.ikonik-3q5vzf, .ikonik-7sfaa, .ikonik-nbsne {
  color: #fff;
}

.adminwrapper {
  color: #fff;
  background-color: #161616;
  background-image: none;
  flex-flow: column;
  min-height: 100vh;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 15px;
  display: flex;
}

.adminnav {
  z-index: 999;
  -webkit-backdrop-filter: blur(33px);
  backdrop-filter: blur(33px);
  border-bottom: 1.5px solid #ffffff0d;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  padding-top: 1px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.adminnav.noborder {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-bottom-style: none;
  position: fixed;
  inset: 0% 0% auto;
}

.adminlogo {
  width: 36px;
  height: 36px;
  margin-right: 60px;
}

.alignnav {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 610px;
  display: flex;
}

.navlink {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  opacity: .5;
  color: #fff;
  background-color: #fff0;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 13.5px;
  line-height: 1em;
  display: flex;
}

.navlink:hover, .navlink.w--current {
  opacity: 1;
  background-color: #ffffff0d;
}

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

.sidenav-row .navlink > div {
  white-space: nowrap;
}

.adminpage {
  flex-flow: column;
  flex: 1;
  padding-top: 40px;
  padding-bottom: 80px;
  display: flex;
}

.adminpage.nopad {
  padding-top: 0;
}

.admincontainer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.admincontainer._30 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.columnrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.documentrow {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #ffffff08;
  border: 1.5px solid #ffffff08;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 7px 20px 7px 7px;
  transition: all .23s;
  display: flex;
}

.documentrow:hover {
  background-color: #ffffff0d;
  border-color: #ffffff1a;
}

.documentthumb {
  aspect-ratio: 16 / 9;
  border: 1.5px solid #ffffff0d;
  border-radius: 5px;
  width: 200px;
  padding: 5px;
  position: relative;
  overflow: hidden;
}

.documentthumb:hover {
  border-color: var(--core);
  filter: brightness(110%);
}

.documentthumb.small {
  width: 130px;
  padding: 3px;
}

.documentthumb.small.dark {
  border-color: #0000001a;
  width: 150px;
}

.documentthumb.mid {
  width: 180px;
}

.documenttitle {
  margin-top: 5px;
  font-size: 18px;
}

.documenttitle.sm {
  font-size: 16px;
}

.documenttitle.sm.dark {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}

.documentsubtitle {
  opacity: .6;
}

.documentsubtitle.sm {
  font-size: 13px;
}

.documentsubtitle.sm.dark {
  font-weight: 400;
}

.documentinfo {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.documentinfo.sm {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
}

.docstat-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
  display: flex;
}

.docstat-label {
  opacity: .5;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 10.1px;
  font-weight: 500;
  line-height: 1em;
}

.docstat {
  letter-spacing: .5px;
  font-size: 18px;
}

.headerblock {
  color: #fff;
  border-bottom: 1.5px solid #ffffff0d;
  flex-flow: column;
  padding-bottom: 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1em;
  display: flex;
}

.headericon {
  width: 21px;
  height: 21px;
}

.linedivide {
  background-color: #ffffff0d;
  height: 1.5px;
}

.linedivide.spaces {
  margin: 5px -5px;
}

.rowlink {
  color: #fff;
  background-color: #ffffff08;
  border: 1.5px solid #ffffff0d;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  display: flex;
}

.rowlink:hover {
  border-color: var(--core);
  background-color: #ffffff1a;
}

.rowlink-icon {
  width: 15px;
  height: 15px;
}

.ikonik-rbmgg {
  color: #fff;
}

.dividespace {
  width: 10px;
}

.rowbutton {
  color: #fff;
  background-color: #ffffff05;
  border: 1.5px solid #ffffff0d;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  padding-top: 1px;
  font-size: 15px;
  display: flex;
}

.rowbutton:hover {
  border-color: var(--core);
}

.pagenavs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -1.5px;
  display: flex;
}

.pageheader {
  z-index: 99;
  -webkit-backdrop-filter: blur(33px);
  backdrop-filter: blur(33px);
  border-bottom: 1.5px solid #ffffff0d;
  flex-flow: column;
  margin-bottom: 30px;
  display: flex;
  position: sticky;
  top: 0;
}

.pageheader.spacing {
  padding-bottom: 20px;
}

.pagehead {
  margin-top: -4px;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.4em;
}

.pageico {
  width: 27px;
  height: 27px;
}

.pageheader-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.pageheader-row._10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

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

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

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

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

.pageheader-row.sociallinks {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  opacity: 0;
}

.pagelink {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  opacity: .5;
  color: #fff;
  letter-spacing: .5px;
  background-color: #fff0;
  border-bottom: 1.5px solid #fff0;
  border-radius: 5px 5px 0 0;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  font-size: 14px;
  line-height: 1em;
  display: flex;
}

.pagelink:hover {
  opacity: 1;
  border-bottom-color: #ffffff1a;
}

.pagelink.w--current, .pagelink[aria-current="page"] {
  border-bottom-color: var(--core);
  opacity: 1;
}

.chartwrapper {
  background-color: #ffffff08;
  background-image: linear-gradient(#ffffff03, #0f79c500);
  border: 1.5px solid #ffffff0d;
  border-radius: 5px;
  flex-flow: column;
  height: 440px;
  display: flex;
}

.ikonik-8oemh, .ikonik-s98eh, .ikonik-vs2gq, .ikonik-ehdt {
  color: #fff;
}

.chartheader {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1.5px solid #ffffff0d;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  padding: 5px;
  display: flex;
}

.chartheader.bottom {
  border-top: 1.5px solid #ffffff0d;
  border-bottom-style: none;
  height: 40px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
}

.chartfilter-pill {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  background-color: #ffffff0d;
  border: 1.5px solid #ffffff0d;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 6px 5px 5px 10px;
  font-size: 14px;
  display: flex;
}

.chartfilter-pill:hover {
  background-color: #ffffff1a;
  border-color: #ffffff4d;
}

.chartstats-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
}

.chartstats-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: left;
  cursor: pointer;
  background-image: linear-gradient(#ffffff0d, #ffffff08);
  border: 1.5px solid #ffffff08;
  border-radius: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 15px;
  transition: all .23s;
  display: flex;
}

.chartstats-block:hover {
  background-color: #ffffff0d;
}

.chartstats-block.active {
  color: #fff;
  background-color: #ffffff12;
  border-color: #ffffff1a;
}

.chartstat {
  letter-spacing: .5px;
  font-size: 22px;
  font-weight: 300;
  line-height: 1em;
}

.chartstat-label {
  opacity: .5;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
  line-height: 1em;
}

.chartswrapper {
  flex: 1;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.slidecol {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.slidechart {
  background-color: var(--core);
  opacity: .9;
  background-image: linear-gradient(#ffffff1a, #0000 50%, #0000004d);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  flex: 0 auto;
  height: 100%;
}

.slidechart._20 {
  height: 20%;
}

.slidechart._25 {
  height: 25%;
}

.slidechart._30 {
  height: 30%;
}

.slidechart._40 {
  height: 40%;
}

.slidechart._50 {
  background-image: linear-gradient(#ffffff1a, #0000 50%, #0000004d);
  height: 50%;
}

.slidechart._80 {
  height: 70%;
}

.slidechart._90 {
  height: 80%;
}

.slidelabel {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
  display: flex;
}

.chartlabel {
  flex: none;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  display: flex;
}

.togglearrow {
  opacity: .5;
  color: #fff;
  width: 20px;
  height: 20px;
}

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

.buttonico.arrow {
  width: 17px;
  height: 17px;
  margin-left: -3px;
}

.buttonico.lg {
  width: 20px;
  height: 20px;
}

.ikonik-d3728, .ikonik-terii {
  color: #fff;
}

.rowswrapper {
  background-color: #0f79c500;
  background-image: linear-gradient(#ffffff0a, #d8fc5d00);
  border: 1.5px solid #ffffff0d;
  border-radius: 5px;
  flex-flow: column;
  display: flex;
  overflow: clip;
}

.tablerow {
  border-bottom: 1.5px solid #ffffff0d;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  font-size: 13px;
  transition: all .23s;
  display: flex;
}

.tablerow:hover {
  background-color: #ffffff08;
}

.tablerow.bottom {
  border-top: 1.5px solid #ffffff0d;
  border-bottom-style: none;
  height: 40px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
}

.tablerow.header {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #ffffff0d;
  font-size: 11px;
  font-weight: 500;
  line-height: 1em;
}

.tablerow.footer {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #ffffff0d;
  border-bottom-style: none;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1em;
  position: sticky;
  bottom: 0;
}

.tableblock {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 12px;
  display: flex;
  position: relative;
}

.tableblock.first {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
}

.tableblock.sides {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.tableblock.last {
  justify-content: flex-end;
  align-items: center;
}

.tableblock.wide {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex: none;
  width: 150px;
}

.tablesubtitle {
  opacity: .5;
  height: 17px;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33em;
  overflow: hidden;
}

.tableitem-logo {
  color: #fff;
  background-color: #ffffff0d;
  border: 1.5px solid #ffffff1a;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  padding-top: 1px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quicklinks-floater {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tablelink-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #ffffffb3;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 12px;
  display: flex;
  position: relative;
}

.tablelink-block:hover {
  color: #fff;
  background-color: #ffffff0d;
}

.tablelink-block.first {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 270px;
}

.pagelogo-block {
  color: #fff;
  background-color: #ffffff0d;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 17px;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logolink-block {
  border: 1.5px solid #ffffff1a;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logolink-block:hover {
  border-color: var(--core);
}

.backarrow {
  z-index: 3;
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.backarrow:hover {
  opacity: 1;
  background-color: #000000b3;
}

.backarrowicon {
  color: #fff;
  width: 23px;
  height: 23px;
}

.dimsmall {
  opacity: .5;
  font-size: .9em;
}

.dimsmall.smaller {
  margin-bottom: -1px;
  font-size: .8em;
}

.breadcrumbblock {
  color: #fff;
  border: 1.5px solid #ffffff1a;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.breadcrumbblock:hover {
  border-color: var(--core);
}

.breadcrumbblock.active {
  border-color: var(--core);
  background-color: #ace04c33;
}

.ikonik-3h2a3 {
  color: #fff;
}

.docholder {
  border-radius: 4px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.fieldlabel {
  margin-bottom: 2px;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.fieldlabel.large {
  font-size: 15px;
}

.fieldlabel.bold {
  color: #1a1a1a99;
  font-family: Figtree, sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.textfield {
  color: #fff;
  background-color: #ffffff08;
  border: 1.5px solid #ffffff1a;
  border-radius: 5px;
  height: 48px;
  margin-bottom: 0;
  padding: 8px 12px;
  font-size: 13.33px;
  font-weight: 400;
}

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

.textfield.long {
  height: 70px;
}

.textfield.text {
  background-image: url('../images/lettertype.svg');
  background-position: 7px;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 30px;
}

.textfield.url {
  background-image: url('../images/link2.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.textfield.email {
  background-image: url('../images/email.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 16px;
  font-weight: 400;
}

.textfield.displayfield {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.textfield.dark {
  color: var(--dark-bg);
  border-color: #0000001a;
  border-radius: 7px;
  padding-bottom: 7px;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 13.7px;
  font-weight: 400;
}

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

.textfield.dark.home {
  z-index: 3;
  background-color: #fff;
  border-color: #e4e4e4;
  height: 50px;
  position: relative;
}

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

.textfield.tall {
  height: 55px;
  margin-top: 10px;
}

.textfield.square {
  text-align: center;
  width: 55px;
  height: 55px;
  margin-top: 0;
}

.formrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  display: flex;
}

.formblock {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.contentform {
  flex: 1;
  margin-bottom: 0;
}

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

.sidecard {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #ffffffed;
  background-color: #ffffff0d;
  border-radius: 7px;
  flex-flow: column;
  width: 300px;
  padding: 20px;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 1.7em;
  display: flex;
  position: sticky;
  top: 140px;
}

.uploadlogo {
  border: 1.5px solid #ffffff1a;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  padding: 5px;
  display: flex;
  position: relative;
}

.uploadlogo:hover {
  border-color: var(--core);
}

.uploadlogo.thumbnail {
  width: 160px;
}

.formwrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logofiller {
  border-radius: 5px;
  flex: 1;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.formcol.wide {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  width: 500px;
}

.tldrmock-panel {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  color: #0f0f0f;
  background-color: #fff;
  border-left: 1.5px solid #0000001a;
  border-radius: 5px;
  flex-flow: column;
  width: 400px;
  padding: 20px 20px 40px;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.fieldgroup {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.socialslogo {
  background-color: #ffffff0d;
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  display: flex;
}

.draggerblock {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  cursor: grab;
  background-color: #ffffff0d;
  border-radius: 3px;
  flex-flow: wrap;
  place-content: center;
  align-items: center;
  width: 20px;
  height: 30px;
  padding: 5px;
  display: flex;
}

.circlegrab {
  background-color: #fff;
  border-radius: 100px;
  width: 2.5px;
  height: 2.5px;
}

.deleteicon {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #fff;
  background-color: #ffffff05;
  border-radius: 3px;
  flex-flow: wrap;
  flex: none;
  place-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  padding: 5px;
  display: flex;
}

.deleteicon:hover {
  background-color: #c04949;
}

.deleteicon.spacetop {
  margin-top: 11px;
}

.ikonik-v5ar9 {
  color: #fff;
}

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

.ikonik-azh48, .ikonik-58194 {
  color: #fff;
}

.prompt-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

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

.uploadicon.med {
  width: 24px;
  height: 24px;
}

.draggingblock {
  opacity: .4;
  cursor: grabbing;
  justify-content: center;
  align-items: center;
  height: 30px;
  transition: all .23s;
  display: flex;
}

.draggingblock:hover {
  opacity: 100;
}

.draggingblock.spacetop {
  margin-top: 8px;
}

.actionicon {
  flex: none;
  width: 15px;
  height: 15px;
}

.rowcard-action {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #f0f2ef;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 33px;
  height: 33px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.rowcard-action:hover {
  color: #fff;
  background-color: #000;
}

.rowcard-action.delete {
  color: #fff;
  background-color: #ffffff0d;
  border-width: 1.5px;
  border-color: #ffffff1a;
}

.rowcard-action.delete:hover {
  background-color: #ff5a1d;
}

.thumbnailpicker {
  cursor: pointer;
  background-color: #ffffff0d;
  border: 1.5px solid #ffffff1a;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 48px;
  padding: 12px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thumbnailpicker:hover {
  border-color: var(--core);
}

.thumbnailpicker.sq {
  color: #fff;
  width: 48px;
}

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

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

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

.alignrow-2.aligncenter.stretch {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.alignrow-2.aligncenter.stretch.middle {
  justify-content: flex-start;
  align-items: center;
}

.formfields {
  color: #000;
  background-color: #fff;
  border: 1.5px solid #f0f2ef;
  border-radius: 10px;
  height: 50px;
  margin-bottom: 0;
  padding: 10px 12px;
  font-size: 15.55px;
  font-weight: 500;
  transition: all .24s;
}

.formfields:focus {
  border-color: #1a1c20;
}

.formfields::placeholder {
  color: #00000054;
}

.formfields.urlfield {
  background-image: linear-gradient(#ffffffbf, #ffffffbf), url('../images/link-alt.svg');
  background-position: 0 0, 10px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 17px;
  padding-left: 40px;
}

.formfields.urlfield:focus {
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/link-alt.svg');
  background-position: 0 0, 10px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 17px;
}

.rowcard {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ffffff05;
  border: 1.5px solid #ffffff1a;
  border-radius: 10px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 8px;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.rowcard:hover {
  background-color: #ffffff0d;
  border-color: #ffffff26;
}

.rowcard.withdrag {
  background-color: #ffffff08;
  border-color: #ffffff1a;
  padding-left: 5px;
  position: relative;
}

.rowcard.withdrag:hover {
  background-color: #ffffff0d;
}

.rowcard.topalign {
  border-color: #ffffff1a;
  justify-content: space-between;
  align-items: flex-start;
}

.rowcard.down {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
}

.rowcard.downmain {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 24px;
}

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

.darkshare-icon {
  width: 19px;
  height: 19px;
}

.darkshare-icon.arrow {
  width: 17px;
  height: 17px;
  margin-left: -3px;
}

.toggleswitch {
  cursor: pointer;
  background-color: #ffffff0d;
  border: 1.5px solid #ffffff1a;
  border-radius: 60px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40px;
  height: 25px;
  padding: 3px 3px 3px 4px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.toggleswitch:hover {
  border-color: var(--core);
}

.toggleswitch.sq {
  color: #fff;
  width: 48px;
}

.toggleswitch.toggled {
  border-color: var(--callout);
  background-color: #d8fc5d54;
  justify-content: flex-end;
  align-items: center;
}

.toggleswitch.dark {
  border-color: #0000001a;
}

.toggleswitch.dark.toggled {
  background-color: #d8fc5d33;
  border-color: #bcdf43;
}

.togglecitcle {
  background-color: #fff6;
  border-radius: 1000px;
  width: 16px;
  height: 16px;
}

.togglecitcle.active {
  background-color: var(--callout);
}

.togglecitcle.dark {
  background-color: #0000001a;
}

.togglecitcle.dark.toggled {
  background-color: #bcdf43;
}

.thumbnailblock {
  border: 1.5px solid #ffffff1f;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  padding: 5px;
  display: flex;
}

.thumbnailblock:hover {
  border-color: var(--callout);
  background-color: #d8fc5d1a;
}

.thumbnailblock.wide {
  width: 110px;
}

.thumbnailupload {
  color: #fff;
  background-color: #ffffff0d;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.thumbnailupload:hover {
  background-color: #ffffff1a;
}

.bgimage-wrapper {
  position: absolute;
  inset: 0%;
}

.fulloverlay {
  z-index: 3;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ace04c54;
  background-image: linear-gradient(#000000b3, #000000b3);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.logincard {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--dark-bg);
  background-color: #fff;
  border: 1.5px solid #0f79c526;
  border-radius: 7px;
  justify-content: flex-start;
  align-items: stretch;
  padding: 10px;
  display: flex;
}

.logincontent {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  width: 360px;
  padding: 20px 30px 20px 20px;
  display: flex;
}

.loginimage {
  aspect-ratio: 2 / 3;
  border-radius: 5px;
  flex: none;
  min-height: 456px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 30px 10px #0003;
}

.loginlogo {
  border-radius: 5px;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
}

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

.loginheader {
  color: #0009;
  padding-right: 0;
  font-family: Figtree, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}

.full-color {
  color: #000;
  background-color: #ffffff12;
  font-weight: 500;
}

.ikonik-zlmsd {
  color: #fff;
}

.div-block-2 {
  aspect-ratio: 2 / 3;
  flex: 0 auto;
  height: 470px;
}

.pagesubtitle {
  opacity: .5;
  font-size: 15.55px;
  font-weight: 400;
  line-height: 1.1em;
}

.formdesc {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3em;
}

.ikonik-25lse {
  color: #fff;
}

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

.ikonik-d6o7a {
  color: #fff;
}

.sharecard {
  z-index: 999;
  opacity: 0;
  color: #1a1a1a;
  background-color: #fff;
  border: 1.5px solid #0000001a;
  border-radius: 7px;
  flex-flow: column;
  width: 333px;
  padding: 0;
  display: none;
  position: absolute;
  inset: 45px 0% auto auto;
}

.shareblock {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-bottom: 1.5px solid #0000001a;
  flex-flow: column;
  padding: 12px;
  display: flex;
}

.shareblock.bottom {
  border-bottom-style: none;
}

.sharefield {
  cursor: pointer;
  border: 1.5px solid #0000001a;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  height: 45px;
  padding-left: 10px;
  font-weight: 500;
  transition: all .23s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sharefield:hover {
  color: var(--core);
  border-color: #0003;
}

.sharefield.tall {
  color: #1b1b1b;
  cursor: auto;
  height: 80px;
  margin-bottom: 4px;
  padding: 10px;
}

.sharefield.tall:focus {
  border-color: var(--core);
}

.sharefield.tall.dark {
  color: #fff;
  background-color: #ffffff08;
  border-color: #ffffff1a;
  height: 90px;
  padding-bottom: 25px;
  font-size: 13.33px;
  font-weight: 300;
}

.sharefield.tall.dark:focus {
  border-color: var(--core);
}

.sharefield.main {
  color: #fff;
  background-color: #0000;
  border-color: #ffffff1a;
  height: 60px;
  padding-left: 12px;
  font-size: 13.33px;
  font-weight: 400;
}

.sharefield.main:hover {
  border-color: var(--core);
  color: var(--core);
}

.emailsubfield {
  opacity: .6;
  color: #1b1b1b99;
  padding-left: 3px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1em;
}

.emailsubfield.lite {
  color: #fff9;
  margin-top: -23px;
  margin-bottom: 15px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
}

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

.copyoverlay {
  background-image: linear-gradient(90deg, #fff0, #fff 40%);
  justify-content: center;
  align-items: center;
  padding-left: 90px;
  padding-right: 15px;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.copyoverlay.dark {
  background-image: linear-gradient(90deg, #0000, #111 40%);
  font-weight: 400;
}

.textdark {
  color: #1a1a1a;
}

.homewrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--dark-bg);
  color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-bottom: 69px;
  display: flex;
}

.uploadcard {
  z-index: 999;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  width: 420px;
  color: var(--dark-bg);
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  padding: 30px 30px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 0 40px 20px #00000080;
}

.uploadcard._1 {
  display: none;
}

.uploadcard._2 {
  color: var(--dark-bg);
}

.uploadcard.walkthrough {
  background-color: var(--dark-bg);
  color: #fff;
  box-shadow: none;
  border: 1.5px solid rgba(255, 255, 255, 0.1);
}

.uploadcard.walkthrough.wide {
  width: 555px;
}

.uploadcard.walkthrough.hide {
  display: none;
}

.homelogo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  margin-right: 60px;
  display: flex;
}

.iconlogo {
  width: 40px;
}

.uploadblock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  height: 180px;
  color: var(--dark-bg);
  text-align: center;
  background-color: #00000008;
  border: 1.5px dashed #0000001a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.uploadblock:hover {
  border-color: var(--callout);
  background-color: #a1cf000d;
}

.uploadico {
  width: 30px;
  height: 30px;
}

.ikonik-yuint, .ikonik-np033 {
  color: #fff;
}

.uploadtext {
  margin-bottom: 3px;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5em;
}

.uploadsublabel {
  opacity: .4;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3em;
}

.bgoverlay {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.textcenter {
  width: 360px;
}

.textcenter.wider {
  width: 380px;
}

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

.textrow._1 {
  margin-right: -120px;
}

.textrow._2 {
  margin-right: -150px;
}

.textrow._3 {
  margin-right: -155px;
}

.herotext {
  text-transform: uppercase;
  font-family: Zalando Sans, sans-serif;
  font-size: 150px;
  font-weight: 600;
  line-height: 1em;
}

.herotext.big {
  font-family: Zalando Sans Expanded, sans-serif;
  font-weight: 800;
}

.herotext.next {
  letter-spacing: 10px;
  font-family: Exo, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.herotext.you {
  text-transform: none;
  margin-top: -20px;
  font-family: Cookie, sans-serif;
  font-size: 270px;
  font-weight: 400;
  line-height: .4em;
}

.herotext.is {
  font-family: Bitter, serif;
}

.bottombanner {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: var(--callout);
  height: 70px;
  color: var(--dark-bg);
  justify-content: center;
  align-items: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 17px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.toplabel {
  opacity: .4;
  font-family: Zalando Sans Expanded, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.toggletext {
  font-size: 14px;
  font-weight: 400;
}

.colorpicker {
  border: 1.5px solid #ffffff1f;
  border-radius: 7px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 3px;
  display: flex;
}

.colorpicker:hover {
  background-color: #0f79c51a;
  border-color: #ffffff54;
}

.colorpicker.wide {
  width: 110px;
}

.colorthumb {
  background-color: var(--callout);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.colorthumb.red {
  background-color: #f0714b;
}

.colorthumb.green {
  background-color: #60e08f;
}

.colorthumb.yellow {
  background-color: #ecb754;
}

.colorthumb.purple {
  background-color: #cf7de4;
}

.colorthumb.teal {
  background-color: #5bf0e1;
}

.colorthumb.blue {
  background-color: #49a7eb;
}

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

.ikonik-pxpkl {
  color: #fff;
}

.cardheading {
  text-align: center;
}

.cardheading.la {
  text-align: left;
}

.cardhead {
  margin-bottom: 0;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4em;
}

.cardhead.small {
  font-size: 18px;
  font-weight: 400;
}

.cardhead.bolden {
  font-weight: 600;
}

.cardsubhead {
  color: #1a1a1acc;
  margin-top: 5px;
  font-size: 16.4px;
  font-weight: 400;
  line-height: 1.6em;
}

.cardsubhead.sm {
  color: #ffffffb3;
  font-size: 14.6px;
  font-weight: 300;
  line-height: 1.6em;
}

.inlinearrow {
  color: #93b420;
  width: 23px;
  height: 23px;
}

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

.mainform.more {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.featurecard {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid #0000001a;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
}

.featureicon-block {
  background-color: #0000001a;
  border-radius: 7px;
  width: 48px;
  height: 48px;
}

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

.featurehead {
  font-weight: 500;
}

.featuresub {
  opacity: .7;
  font-size: 14px;
  line-height: 1.3em;
}

.featurecard-text {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  display: flex;
}

.miniicon {
  width: 20px;
}

.featureblock {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 14.6px;
  font-weight: 500;
  line-height: 1em;
  transition: all .23s;
  display: flex;
  position: relative;
}

.featureblock:hover {
  background-color: var(--dark-bg);
  color: var(--callout);
}

.featureslabel {
  color: var(--callout);
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: Zalando Sans Expanded, sans-serif;
  font-size: 11px;
  position: fixed;
  inset: auto 0% 77px;
}

.sectorcard {
  border: 1.5px dotted #ffffff0d;
  border-radius: 10px;
  flex-flow: column;
  width: 240px;
  height: 240px;
  margin-top: 6%;
  margin-left: 10%;
  padding: 5px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sectorcard._2 {
  margin-top: 1%;
  margin-right: 20%;
  inset: 0% 0% auto auto;
}

.sectorcard._3 {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 2%;
  inset: 0% auto 0% 0%;
}

.sectorcard._4 {
  inset: auto 6% 14% auto;
}

.sectorcard._5 {
  inset: auto auto 0% 5%;
}

.sectorcard._6 {
  margin-left: 0%;
  inset: 20% -3% auto auto;
}

.sectorthumb {
  border-radius: 7px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.featurepopup {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px solid var(--callout);
  background-color: var(--dark-bg);
  color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 360px;
  padding: 20px;
  display: flex;
  position: absolute;
  bottom: 65px;
}

.featurelabel {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: var(--callout);
  letter-spacing: 2px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.featureheader {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.3em;
}

.featuretext {
  opacity: .8;
  font-family: Figtree, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6em;
}

.free {
  color: #1a1a1ae6;
  font-weight: 500;
}

.terms {
  opacity: .4;
  text-align: center;
  margin-top: -5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3em;
}

.termslink {
  border-bottom: 1px dotted #000;
}

.uploadeddeck {
  border-radius: 10px;
  margin-top: 10px;
  display: flex;
}

.fieldsubtext {
  opacity: .7;
  color: #1a1a1a99;
  background-color: #e4e4e4;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: -5px;
  padding-top: 11px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1em;
}

.pagemodal {
  z-index: 999999;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 50px;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.alignslider-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.slidercircle {
  opacity: .3;
  background-color: #fff;
  border-radius: 20px;
  width: 5px;
  height: 5px;
}

.slidercircle.active {
  opacity: 1;
}

.whitetext {
  color: #fff;
}

.aboutcard {
  z-index: 999;
  background-color: var(--dark-bg);
  border: 1.5px solid #ffffff0d;
  border-radius: 10px;
  flex-flow: row;
  width: 640px;
  padding: 5px;
  display: flex;
  position: relative;
}

.aboutcard.login {
  width: 555px;
}

.aboutcard.code {
  display: none;
}

.aboutcard.about {
  display: flex;
}

.aboutmodal {
  z-index: 999999;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  opacity: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.aboutmodal.center {
  justify-content: center;
  align-items: center;
}

.aboutheader {
  margin-top: 0;
  font-family: Zalando Sans Expanded, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4em;
}

.aboutsubheader {
  opacity: .89;
  margin-bottom: 20px;
  font-family: Zalando Sans SemiExpanded, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}

.aboutrich p {
  opacity: .8;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8em;
}

.sideimage {
  border-radius: 7px 0 0 7px;
  flex: none;
  width: 89px;
  position: relative;
  overflow: hidden;
}

.aboutcontent {
  flex: 1;
  padding: 50px 50px 40px;
}

.loginwordmark {
  width: 160px;
  height: auto;
  margin-bottom: 60px;
  display: block;
}

.loginlink {
  color: #fff6;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: block;
}

.loginlink:hover {
  color: #fff;
}

.aboutlogo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  margin-bottom: 50px;
  margin-right: 60px;
  display: flex;
}

.loginmodal {
  z-index: 999999;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: scroll;
}

.loginmodal.center {
  justify-content: center;
  align-items: center;
}

.closemodal {
  position: absolute;
  inset: 0%;
}