.grid-container {
  margin: 90px auto;
}
.grid-container.login {
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.grid-container .w-80 {
  width: 80%;
  max-width: 1482px;
  margin: 0 auto;
  padding: 20px 0;
}
.grid-container .w-85 {
  width: 85%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 20px 0;
}

.bc-page-container {
  width: 80%;
  margin: auto;
  padding-top: 2rem;
}

.document-tile-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
  padding: 2.4rem;
  background: var(--input);
  border: var(--border-light);
  margin: 0 auto;
  overflow: scroll;
  height: 600px;
}

.document-wrapper {
  height: 100%;
}

.document-tile {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: space-between;
  height: 100%;
  min-height: 80px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  border: var(--border-medium);
  background: var(--bg);
  color: var(-main-text);
  padding: 1.2rem 1.6rem;
  font-size: 18px;
  color: var(--main-text);
}
.document-tile .document-item-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.4rem;
}
.document-tile .document-item-header .document-icon {
  align-self: center;
  transform: translateY(4px);
}
.document-tile .document-item-header .document-details {
  margin-left: 1.6rem;
}
.document-tile .document-item-header .document-label-wrapper {
  color: var(--secondary-text);
}
.document-tile .document-item-header .document-label-wrapper .document-label {
  color: var(--primary-green);
  font-weight: 700;
}
.document-tile .document-item-header .document-attached-to {
  font-weight: 100;
  font-size: 24px;
}
.document-tile .document-item-header .document-id {
  font-weight: 900;
  color: #598aff;
}
.document-tile .document-item-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}
.document-tile .document-item-footer .document-upload-details {
  font-size: 14px;
}

.channel-tabs,
.search-tabs,
.workflow-tabs {
  display: none;
  background: transparent;
  padding: 0;
  margin-top: 2.4rem;
  border: none;
}
.channel-tabs ul.ui-tabs-nav,
.search-tabs ul.ui-tabs-nav,
.workflow-tabs ul.ui-tabs-nav {
  padding: 0;
  border: none;
  background: none;
}
.channel-tabs ul.ui-tabs-nav .ui-state-default,
.search-tabs ul.ui-tabs-nav .ui-state-default,
.workflow-tabs ul.ui-tabs-nav .ui-state-default {
  padding: 0;
  background: none;
  border: none;
  font-size: 20px;
  transition: all 200ms ease;
}
.channel-tabs ul.ui-tabs-nav .ui-state-default a.ui-tabs-anchor,
.search-tabs ul.ui-tabs-nav .ui-state-default a.ui-tabs-anchor,
.workflow-tabs ul.ui-tabs-nav .ui-state-default a.ui-tabs-anchor {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 100;
  color: var(--secondary-text);
  font-family: "Manrope", sans-serif;
}
.channel-tabs ul.ui-tabs-nav .ui-state-default a.ui-tabs-anchor svg,
.search-tabs ul.ui-tabs-nav .ui-state-default a.ui-tabs-anchor svg,
.workflow-tabs ul.ui-tabs-nav .ui-state-default a.ui-tabs-anchor svg {
  margin-right: 1.25rem;
}
.channel-tabs ul.ui-tabs-nav .ui-state-default a.ui-tabs-anchor svg path,
.search-tabs ul.ui-tabs-nav .ui-state-default a.ui-tabs-anchor svg path,
.workflow-tabs ul.ui-tabs-nav .ui-state-default a.ui-tabs-anchor svg path {
  fill: var(--tertiary-text);
}
.channel-tabs ul.ui-tabs-nav .ui-state-active,
.search-tabs ul.ui-tabs-nav .ui-state-active,
.workflow-tabs ul.ui-tabs-nav .ui-state-active {
  font-size: 20px;
}
.channel-tabs ul.ui-tabs-nav .ui-state-active a.ui-tabs-anchor,
.search-tabs ul.ui-tabs-nav .ui-state-active a.ui-tabs-anchor,
.workflow-tabs ul.ui-tabs-nav .ui-state-active a.ui-tabs-anchor {
  outline: none;
  font-weight: 100;
  color: var(--primary-green);
  font-family: "Manrope", sans-serif;
}
.channel-tabs ul.ui-tabs-nav .ui-state-active a.ui-tabs-anchor svg,
.search-tabs ul.ui-tabs-nav .ui-state-active a.ui-tabs-anchor svg,
.workflow-tabs ul.ui-tabs-nav .ui-state-active a.ui-tabs-anchor svg {
  margin-right: 1.25rem;
}
.channel-tabs ul.ui-tabs-nav .ui-state-active a.ui-tabs-anchor svg path,
.search-tabs ul.ui-tabs-nav .ui-state-active a.ui-tabs-anchor svg path,
.workflow-tabs ul.ui-tabs-nav .ui-state-active a.ui-tabs-anchor svg path {
  fill: var(--primary-green);
}
.channel-tabs .search-tab,
.search-tabs .search-tab,
.workflow-tabs .search-tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  grid-gap: 12px;
}
.channel-tabs .search-tab .error-msg,
.search-tabs .search-tab .error-msg,
.workflow-tabs .search-tab .error-msg {
  font-family: "Manrope", sans-serif;
  font-size: 24px;
  font-weight: 100;
}
.channel-tabs .search-tab.documents,
.search-tabs .search-tab.documents,
.workflow-tabs .search-tab.documents {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.channel-tabs .search-tab .search-item,
.search-tabs .search-tab .search-item,
.workflow-tabs .search-tab .search-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  font-family: "Manrope", sans-serif;
  background: var(--card);
  box-shadow: var(--card-shadow-2);
  width: 100%;
  padding: 2.4rem 1.6rem;
  min-height: 160px;
  border-radius: 4px;
  opacity: 0;
  transform: translateY(-10px);
}
.channel-tabs .search-tab .search-item:nth-child(1),
.search-tabs .search-tab .search-item:nth-child(1),
.workflow-tabs .search-tab .search-item:nth-child(1) {
  animation: search-item 1000ms ease 0.0833333333s 1 forwards;
}
.channel-tabs .search-tab .search-item:nth-child(2),
.search-tabs .search-tab .search-item:nth-child(2),
.workflow-tabs .search-tab .search-item:nth-child(2) {
  animation: search-item 1000ms ease 0.1666666667s 1 forwards;
}
.channel-tabs .search-tab .search-item:nth-child(3),
.search-tabs .search-tab .search-item:nth-child(3),
.workflow-tabs .search-tab .search-item:nth-child(3) {
  animation: search-item 1000ms ease 0.25s 1 forwards;
}
.channel-tabs .search-tab .search-item:nth-child(4),
.search-tabs .search-tab .search-item:nth-child(4),
.workflow-tabs .search-tab .search-item:nth-child(4) {
  animation: search-item 1000ms ease 0.3333333333s 1 forwards;
}
.channel-tabs .search-tab .search-item:nth-child(5),
.search-tabs .search-tab .search-item:nth-child(5),
.workflow-tabs .search-tab .search-item:nth-child(5) {
  animation: search-item 1000ms ease 0.4166666667s 1 forwards;
}
.channel-tabs .search-tab .search-item:nth-child(6),
.search-tabs .search-tab .search-item:nth-child(6),
.workflow-tabs .search-tab .search-item:nth-child(6) {
  animation: search-item 1000ms ease 0.5s 1 forwards;
}
.channel-tabs .search-tab .search-item:nth-child(7),
.search-tabs .search-tab .search-item:nth-child(7),
.workflow-tabs .search-tab .search-item:nth-child(7) {
  animation: search-item 1000ms ease 0.5833333333s 1 forwards;
}
.channel-tabs .search-tab .search-item:nth-child(8),
.search-tabs .search-tab .search-item:nth-child(8),
.workflow-tabs .search-tab .search-item:nth-child(8) {
  animation: search-item 1000ms ease 0.6666666667s 1 forwards;
}
.channel-tabs .search-tab .search-item:nth-child(9),
.search-tabs .search-tab .search-item:nth-child(9),
.workflow-tabs .search-tab .search-item:nth-child(9) {
  animation: search-item 1000ms ease 0.75s 1 forwards;
}
.channel-tabs .search-tab .search-item:nth-child(10),
.search-tabs .search-tab .search-item:nth-child(10),
.workflow-tabs .search-tab .search-item:nth-child(10) {
  animation: search-item 1000ms ease 0.8333333333s 1 forwards;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment,
.search-tabs .search-tab .search-item .search-item_left-alignment,
.workflow-tabs .search-tab .search-item .search-item_left-alignment {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup .search-item-img,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup .search-item-img,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup .search-item-img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  margin-bottom: 0.8rem;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup .search-item-id .button_viewRecord, .channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup .search-item-id .te_link_resume,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup .search-item-id .button_viewRecord,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup .search-item-id .te_link_resume,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup .search-item-id .button_viewRecord,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-img-lockup .search-item-id .te_link_resume {
  color: #598aff;
  font-weight: 700;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  margin-left: 1.6rem;
  flex-grow: 1;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name.job,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name.job,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name.job {
  font-size: 20px;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name.prevent-overflow,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name.prevent-overflow,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name.prevent-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name p,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name p,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name p {
  margin-right: 1.2rem;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name svg path,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name svg path,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-name svg path {
  fill: #598aff;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-title,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-title,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-green);
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-title > span,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-title > span,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-title > span {
  font-weight: 100;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-contact,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-contact,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-contact {
  font-size: 16px;
  font-weight: 400;
  color: var(--primary-green);
  white-space: nowrap;
}
.channel-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-location,
.search-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-location,
.workflow-tabs .search-tab .search-item .search-item_left-alignment .search-item-details .search-item-location {
  font-weight: 100;
}
.channel-tabs .search-tab .search-item .search-item_right-alignment,
.search-tabs .search-tab .search-item .search-item_right-alignment,
.workflow-tabs .search-tab .search-item .search-item_right-alignment {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  text-align: right;
  color: var(--secondary-text);
}
.channel-tabs .search-tab .search-item .search-item_right-alignment .search-item-added-details,
.search-tabs .search-tab .search-item .search-item_right-alignment .search-item-added-details,
.workflow-tabs .search-tab .search-item .search-item_right-alignment .search-item-added-details {
  font-size: 14px;
}
.channel-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper,
.search-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper,
.workflow-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.channel-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag,
.search-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag,
.workflow-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag {
  font-size: 14px;
  font-weight: 700;
  background: var(--input);
  padding: 0.4rem 0.8rem;
  border-radius: 2px;
  white-space: nowrap;
}
.channel-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-jobs,
.search-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-jobs,
.workflow-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-jobs {
  margin-right: 0.8rem;
}
.channel-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-or-closed,
.search-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-or-closed,
.workflow-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-or-closed {
  color: var(--inverted-text);
  margin-right: 0.8rem;
  opacity: 0.8;
}
.channel-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-or-closed.open,
.search-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-or-closed.open,
.workflow-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-or-closed.open {
  background: #4ca05a;
}
.channel-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-or-closed.closed,
.search-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-or-closed.closed,
.workflow-tabs .search-tab .search-item .search-item_right-alignment .search-item-tags-wrapper .search-item-tag.open-or-closed.closed {
  background: #f95e5e;
}
.channel-tabs .search-tab .search-item.notes,
.search-tabs .search-tab .search-item.notes,
.workflow-tabs .search-tab .search-item.notes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2.4rem;
  position: relative;
}
.channel-tabs .search-tab .search-item.notes a,
.search-tabs .search-tab .search-item.notes a,
.workflow-tabs .search-tab .search-item.notes a {
  color: var(--main-text);
}
.channel-tabs .search-tab .search-item_notes-header,
.search-tabs .search-tab .search-item_notes-header,
.workflow-tabs .search-tab .search-item_notes-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 1.6rem;
  font-size: 14px;
}
.channel-tabs .search-tab .search-item_notes-header .search-item-id,
.search-tabs .search-tab .search-item_notes-header .search-item-id,
.workflow-tabs .search-tab .search-item_notes-header .search-item-id {
  border-radius: 4px;
  position: absolute;
  top: 6px;
  left: 6px;
  background: var(--input);
}
.channel-tabs .search-tab .search-item_notes-header .search-item-id .button_viewRecord,
.search-tabs .search-tab .search-item_notes-header .search-item-id .button_viewRecord,
.workflow-tabs .search-tab .search-item_notes-header .search-item-id .button_viewRecord {
  color: var(--main-text);
  font-weight: 200;
  font-size: 16px;
  padding: 2px 8px;
}
.channel-tabs .search-tab .search-item_notes-content,
.search-tabs .search-tab .search-item_notes-content,
.workflow-tabs .search-tab .search-item_notes-content {
  width: auto;
  padding: 0.4rem 0 3rem 0;
  border-radius: 4px;
}
.channel-tabs .search-tab .search-item_notes-content *,
.search-tabs .search-tab .search-item_notes-content *,
.workflow-tabs .search-tab .search-item_notes-content * {
  font-size: 16px;
  line-height: 2em;
  font-weight: 100;
}
.channel-tabs .search-tab .search-item_notes-content p,
.search-tabs .search-tab .search-item_notes-content p,
.workflow-tabs .search-tab .search-item_notes-content p {
  border-radius: 6px;
}
.channel-tabs .search-tab .search-item_notes-content img,
.search-tabs .search-tab .search-item_notes-content img,
.workflow-tabs .search-tab .search-item_notes-content img {
  max-width: 200px;
  display: block;
}
.channel-tabs .search-tab .search-item_date-created,
.search-tabs .search-tab .search-item_date-created,
.workflow-tabs .search-tab .search-item_date-created {
  font-size: 14px;
  color: var(--secondary-text);
  text-align: right;
  width: 100%;
}
.channel-tabs .search-tab .search-item.document,
.search-tabs .search-tab .search-item.document,
.workflow-tabs .search-tab .search-item.document {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: space-between;
  max-width: 290px;
  position: relative;
  overflow: hidden;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
.channel-tabs .search-tab .search-item.document .search-item-id,
.search-tabs .search-tab .search-item.document .search-item-id,
.workflow-tabs .search-tab .search-item.document .search-item-id {
  border-radius: 4px;
  position: absolute;
  top: 6px;
  left: 6px;
  background: var(--input);
}
.channel-tabs .search-tab .search-item.document .search-item-id .te_link_resume,
.search-tabs .search-tab .search-item.document .search-item-id .te_link_resume,
.workflow-tabs .search-tab .search-item.document .search-item-id .te_link_resume {
  color: var(--main-text);
  font-weight: 200;
  font-size: 16px;
  padding: 2px 8px;
}
.channel-tabs .search-tab .search-item.document .search-item-details,
.search-tabs .search-tab .search-item.document .search-item-details,
.workflow-tabs .search-tab .search-item.document .search-item-details {
  text-align: center;
}
.channel-tabs .search-tab .search-item.document .search-item-details .search-item-icon,
.search-tabs .search-tab .search-item.document .search-item-details .search-item-icon,
.workflow-tabs .search-tab .search-item.document .search-item-details .search-item-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  margin-bottom: 1rem;
}
.channel-tabs .search-tab .search-item.document .search-item-details .search-item-icon svg,
.search-tabs .search-tab .search-item.document .search-item-details .search-item-icon svg,
.workflow-tabs .search-tab .search-item.document .search-item-details .search-item-icon svg {
  height: 72px;
}
.channel-tabs .search-tab .search-item.document .search-item-details .search-item-name,
.search-tabs .search-tab .search-item.document .search-item-details .search-item-name,
.workflow-tabs .search-tab .search-item.document .search-item-details .search-item-name {
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
}
.channel-tabs .search-tab .search-item.document .search-item-details .search-item-for,
.search-tabs .search-tab .search-item.document .search-item-details .search-item-for,
.workflow-tabs .search-tab .search-item.document .search-item-details .search-item-for {
  font-size: 18px;
  font-weight: 100;
  color: var(--primary-green);
}
.channel-tabs .search-tab .search-item.document .search-item-details .search-item-added-details,
.search-tabs .search-tab .search-item.document .search-item-details .search-item-added-details,
.workflow-tabs .search-tab .search-item.document .search-item-details .search-item-added-details {
  margin-top: 1.6rem;
  font-size: 1.4rem;
}

.channel-tabs {
  margin-top: 0;
}

.ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}

.search-tabs .ui-tabs-panel {
  padding: 2rem 3.2rem;
  background: var(--input);
  border: var(--border-light);
  margin: 0 auto;
  border-radius: 4px;
  color: var(--main-text);
}

.workflow-tabs .ui-tabs-panel {
  padding: 0;
  margin: 0 auto;
  color: var(--main-text);
}
.workflow-tabs .flex {
  position: absolute;
  right: 70px;
}

.search-item_loading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  font-family: "Manrope", sans-serif;
  width: 100%;
  padding: 2.4rem 1.6rem;
  min-height: 160px;
  border-radius: 4px;
  opacity: 0.8;
  background-size: 1000px 104px;
  overflow: hidden;
  background: linear-gradient(100deg, var(--bg-dark), var(--input) 18%, var(--bg-dark));
  animation: placeholder-shimmer 5000ms linear 0ms infinite forwards;
}

.search-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 1.4rem 0;
  font-family: inherit;
}
.search-navigation .viewing {
  color: var(--main-text);
  font-size: 18px;
  font-weight: 100;
  letter-spacing: 0.5px;
}
.search-navigation #next-btn.disabled, .search-navigation #previous-btn.disabled {
  opacity: 0.2;
}

@keyframes placeholder-shimmer {
  0% {
    background-position: -1000px 0;
  }
  50% {
    background-position: 1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@keyframes search-item {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}/*# sourceMappingURL=no-grid.css.map */