/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/components/admin/TopCards/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.top-cards {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
@media screen and (min-width: 64em) {
  .top-cards {
    flex-direction: row;
  }
}

.top-card {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  min-height: 9.375rem;
  background-color: var(--bs-white);
  border-radius: 1.25rem;
  border: 0.0625rem solid var(--color-gray-4);
  flex-grow: 1;
  margin: 0.5rem 0;
  padding: 1rem;
}
@media screen and (min-width: 64em) {
  .top-card {
    margin: 0 0.5rem;
    width: 33.3333333333%;
  }
}
.top-card__text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 75%;
  font-family: var(--font-secondary);
}
.top-card__icon-container {
  display: flex;
  align-items: flex-end;
}
.top-card__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--bs-primary);
}
@media screen and (min-width: 120em) {
  .top-card__title {
    font-size: 1.75rem;
  }
}
.top-card__status-name {
  margin: 0.5rem 0 0;
  font-size: 1rem;
  color: var(--color-gray-26);
}
@media screen and (min-width: 120em) {
  .top-card__status-name {
    font-size: 1.125rem;
  }
}
.top-card__value {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
}
@media screen and (min-width: 120em) {
  .top-card__value {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 64em) {
  .top-card:first-child {
    margin-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .top-card:last-child {
    margin-right: 0;
  }
}
.top-card:nth-child(1n) .top-card__value {
  color: var(--color-red);
}
.top-card:nth-child(2n) .top-card__value {
  color: var(--color-orange);
}
.top-card:nth-child(3n) .top-card__value {
  color: #58be6e;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/components/admin/SortButton/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sort-btn {
  border: none;
  border-radius: 50%;
  background-color: transparent;
  margin: 0 0.25rem;
}
@media screen and (min-width: 80em) {
  .sort-btn {
    margin: 0 0.5rem;
  }
}
.sort-btn:hover, .sort-btn:focus-visible {
  box-shadow: 0.25rem 0.5rem 1.25rem 0rem var(--color-gray-29);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/components/BaseButton/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.base-button {
  display: flex;
  align-items: center;
  justify-content: var(--base-button-justify-content, center);
  white-space: nowrap;
  margin: var(--base-button-margin, 0);
  padding: var(--base-button-padding, 0 1.25rem);
  background-color: var(--base-button-bg-color, var(--bs-primary));
  border-radius: var(--base-button-border-radius, 2.5rem);
  font-size: var(--base-button-font-size, 1rem);
  font-family: var(--font-primary);
  color: var(--base-button-text-color, var(--bs-white));
  height: var(--base-button-height, 3.125rem);
  transition: box-shadow 0.1s ease-in-out;
  border: none;
}
.base-button:hover, .base-button:focus-visible {
  box-shadow: 0.25rem 0.5rem 1.25rem 0rem var(--color-gray-29);
}
.base-button--green-white {
  background-color: var(--bs-secondary);
  color: var(--bs-white);
}
.base-button--green-black {
  background-color: var(--bs-secondary);
  color: var(--bs-black);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/components/admin/SearchBarToggle/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_searchBarToggle__kYK9i {
  display: var(--search-bar-toggle-display, block);
  border: none;
  border-radius: 50%;
  background-color: transparent;
  margin: var(--search-bar-toggle-margin, 0 0.25rem);

  @media screen and (min-width: 48em) {
    margin: var(--search-bar-toggle-margin, 0 0.5rem);
  }

  &:hover,
  &:focus-visible {
    box-shadow: 0.25rem 0.5rem 1.25rem 0rem var(--color-gray-29);
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/components/admin/LongButton/styles.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.styles_longButton__AV5N6 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.25rem;
  padding: 0 0.75rem;
  min-width: 5rem;
  height: 2rem;
  white-space: nowrap;
  background-color: var(--long-button-bg-color, var(--color-blue));
  color: var(--long-button-text-color, var(--bs-white));
  border: none;
  border-radius: 0.5rem;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: 0.8125rem;

  &:hover {
    box-shadow: 0.25rem 0.5rem 1.25rem 0rem var(--color-gray-29);
  }

  &:focus-visible {
    box-shadow: 0.25rem 0.5rem 1.25rem 0rem var(--color-gray-29);
  }
}

.styles_iconSlotBefore__F7dhH {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-right: 0.2rem;
  left: -0.1rem;
}

.styles_iconSlotAfter__xxm_d {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-left: 0.2rem;
  right: -0.1rem;
}

.styles_text__mupKG {
  font-family: var(--font-secondary);
  font-weight: 600;
}

.styles_circularButton__A9wNV {
  border: none;
  background-color: var(--circular-button-bg-color, var(--color-blue));
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  margin: 0 0.25rem;

  &:hover {
    box-shadow: 0.25rem 0.5rem 1.25rem 0rem var(--color-gray-29);
  }

  &:focus-visible {
    box-shadow: 0.25rem 0.5rem 1.25rem 0rem var(--color-gray-29);
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/components/admin/CircularButton/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.action-button {
  padding: 0.25rem;
}

.edit-button {
  border: none;
  background-color: transparent;
}
.edit-button:hover circle, .edit-button:focus-visible circle {
  fill: var(--bs-secondary);
  opacity: 1;
}
.edit-button:hover path, .edit-button:focus-visible path {
  fill: var(--bs-secondary-bg-subtle);
}

.delete-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  color: var(--color-red);
  background: none;
}
.delete-button svg {
  margin-right: 0.3rem;
}
.delete-button:hover, .delete-button:focus-visible {
  color: var(--color-red-light);
}
.delete-button:hover circle, .delete-button:focus-visible circle {
  fill: var(--bs-red);
  opacity: 1;
}
.delete-button:hover path, .delete-button:focus-visible path {
  fill: var(--color-red-light);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/components/admin/UsersTable/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.users-table__container {
  margin-top: 2rem;
}
@media screen and (min-width: 64em) {
  .users-table__container {
    margin-top: 0;
  }
}
.users-table__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  background-color: var(--bs-white);
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  padding: 1rem 1rem 0;
  border: 0.0625rem solid var(--color-gray-4);
  border-bottom: none;
}
@media screen and (min-width: 48em) {
  .users-table__header {
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 48em) {
  .users-table__header-tools {
    display: flex;
    width: 100%;
    max-width: 31.25rem;
    max-height: 2.8125rem;
  }
}
.users-table__intro {
  font-family: var(--font-secondary);
  color: var(--bs-primary);
  font-weight: 600;
}
.users-table__title {
  font-size: 1.125rem;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .users-table__title {
    font-size: 1.5rem;
  }
}
.users-table__status {
  font-size: 0.875rem;
  color: var(--color-gray-26);
}
.users-table__search-form {
  display: none;
  width: 100%;
}
.users-table__search-form.expanded {
  display: flex;
  position: absolute;
  left: 1rem;
  top: 5rem;
  padding: 1rem;
  background-color: white;
  max-width: 20.3125rem;
  box-shadow: 0.5rem 0.5rem 1rem 2rem rgba(0, 0, 0, 0.05);
  border-radius: 0.75rem;
}
@media screen and (min-width: 30em) {
  .users-table__search-form.expanded {
    left: auto;
    right: 1rem;
  }
}
@media screen and (min-width: 48em) {
  .users-table__search-form, .users-table__search-form.expanded {
    display: flex;
    position: static;
    margin-right: 0.5rem;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
}
.users-table__search-input {
  flex-grow: 1;
  border: 0.0625rem solid var(--color-gray-15);
  border-radius: 0.75rem;
  padding: 0.5rem;
  background-color: var(--color-gray-4);
  margin-right: 0.5rem;
}
.users-table__search-input::placeholder {
  color: var(--color-gray-29);
}
.users-table__search-btn {
  --base-button-border-radius: 0.75rem;
  --base-button-height: 2.8125rem;
  min-width: 6.25rem;
  font-size: 0.875rem;
}
.users-table__micro-controls {
  display: flex;
  flex-direction: row;
}
.users-table__search-bar-toggle {
  --search-bar-toggle-margin: 0 0.5rem 0 0;
}
@media screen and (min-width: 48em) {
  .users-table__search-bar-toggle {
    --search-bar-toggle-margin: 0 1rem 0 0;
  }
}
@media screen and (min-width: 48em) {
  .users-table__search-bar-toggle {
    display: none;
  }
}
.users-table__table {
  width: 100%;
  min-width: 48rem;
}
.users-table__table tr {
  height: 3.75rem;
  border-bottom: 0.0625rem dashed var(--color-gray-26);
}
.users-table__table tr:last-child {
  border-bottom: none;
}
.users-table__table td:not(.users-table__table-delete-user),
.users-table__table th {
  padding-left: 1rem;
}
.users-table__table td:last-child,
.users-table__table th:last-child {
  padding-right: 0.5rem;
}
.users-table__table-container {
  background-color: var(--bs-white);
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  border: 0.0625rem solid var(--color-gray-4);
  border-top: none;
  padding: 1rem;
  overflow-x: scroll;
  width: 100%;
}
.users-table__table-header {
  background-color: var(--color-gray-4);
  font-size: 0.875rem;
  font-family: var(--font-secondary);
  color: var(--color-gray-26);
}
@media screen and (min-width: 120em) {
  .users-table__table-header {
    font-size: 1rem;
  }
}
.users-table__table-header tr {
  height: 2.8125rem;
  border-bottom: none;
}
.users-table__table-header th {
  font-weight: 600;
}
.users-table__table-header th:first-child {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.users-table__table-header th:last-child {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.users-table__table-body {
  font-size: 0.875rem;
}
@media screen and (min-width: 120em) {
  .users-table__table-body {
    font-size: 1.125rem;
  }
}
.users-table__table-delete-user-btn {
  border: none;
  background-color: transparent;
}
.users-table__table-delete-user-btn:hover circle, .users-table__table-delete-user-btn:focus-visible circle {
  fill: var(--color-red);
  opacity: 1;
}
.users-table__table-delete-user-btn:hover path, .users-table__table-delete-user-btn:focus-visible path {
  fill: var(--color-red-light);
}
.users-table__pagination {
  margin-top: 1rem;
}
@media screen and (min-width: 80em) {
  .users-table__pagination {
    justify-content: flex-end;
  }
}
.users-table__pagination-item {
  margin: 0 1rem;
  margin-top: 0.125rem;
  color: var(--color-gray-53);
}
.users-table__pagination-item.active {
  color: var(--bs-secondary);
}
.users-table__pagination-item:hover, .users-table__pagination-item:focus-visible {
  color: var(--bs-secondary);
}
.users-table__pagination-previous {
  margin-right: 1rem;
}
.users-table__pagination-next {
  margin-left: 1rem;
}
.users-table__pagination .chevron-left-icon,
.users-table__pagination .chevron-right-icon {
  stroke: var(--color-gray-53);
}
.users-table__pagination .chevron-left-icon:hover, .users-table__pagination .chevron-left-icon:focus-visible,
.users-table__pagination .chevron-right-icon:hover,
.users-table__pagination .chevron-right-icon:focus-visible {
  stroke: var(--bs-secondary);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/components/admin/AssistantsCard/styles.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_assistantsCard__wgJ59 {
  width: 100%;
  max-height: 42.1875rem;
  background-color: var(--bs-white);
  position: relative;
  border-radius: 1.25rem;
  border: 0.0625rem solid var(--color-gray-4);
  padding: 1.5rem 1rem;
  font-family: var(--font-secondary);
  overflow: auto;
}

.styles_assistantsCardHeader__BuMuT {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.styles_assistantsCardIntro__9_1ut {
  font-family: var(--font-secondary);
  color: var(--bs-primary);
  font-weight: 600;
}

.styles_assistantsCardTitle__2CYUg {
  font-size: 1.125rem;
  margin: 0;

  @media screen and (min-width: 48em) {
    font-size: 1.5rem;
  }
}

.styles_assistantsCardDescription__Ii95z {
  font-size: 0.875rem;
  color: var(--color-gray-26);
}

.styles_assistantsCardHeaderTools__iEz7o {
  display: flex;
  flex-direction: row;
  align-items: self-start;
}

.styles_assistantsCardSearchBar__UkADw {
  display: none;

  &.styles_expanded__pO3jK {
    display: flex;
    position: absolute;
    width: 100%;
    right: 0.5rem;
    top: 5.5rem;
    padding: 1rem;
    background-color: white;
    max-width: 20rem;
    box-shadow: 0.5rem 0.5rem 1rem 2rem rgba(0, 0, 0, 0.05);
    border-radius: 0.75rem;
    z-index: 1;
  }
}

.styles_assistantsCardSearchInput__OQ_Bt {
  max-width: 12.5rem;
  border: 0.0625rem solid var(--color-gray-29);
  border-radius: 0.75rem;
  padding: 0.5rem;
  background-color: var(--color-gray-4);
  margin-right: 0.5rem;

  &::placeholder {
    color: var(--color-gray-29);
  }
}

.styles_assistantsCardSearchBtn__Lnw21 {
  height: 2.8125rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
}

.styles_assistantsCardTable__JUF02 {
  width: 100%;

  & tr {
    border-bottom: 0.0625rem dashed var(--color-gray-26);
  }

  & tr:last-child {
    border-bottom: none;
  }
}

.styles_assistantsCardTableHeader__epywV {
  background-color: var(--color-gray-4);
  font-size: 1rem;
  font-family: var(--font-secondary);
  color: var(--color-gray-26);

  @media screen and (min-width: 120em) {
    font-size: 1.125rem;
  }

  & tr {
    height: 2.8125rem;
    border-bottom: none;
  }

  & th {
    font-weight: 600;

    &:first-child {
      border-top-left-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
      padding-left: 1rem;
    }

    &:last-child {
      border-top-right-radius: 0.75rem;
      border-bottom-right-radius: 0.75rem;
    }
  }
}

.styles_assistantsCardAssistant__Ig4Zl {
  height: 5rem;
}

.styles_assistantsCardAssistantInfo__PnTTW {
  padding-left: 1rem;
  position: relative;
}

.styles_assistantsCardAssistantCheckboxContainer__P07Xh {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.styles_assistantsCardAssistantCheckbox__pOXQf {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  border: 0.125rem solid var(--color-gray-29);

  &:checked {
    border-color: var(--bs-secondary);
    position: relative;

    &::before {
      content: "";
      display: block;
      width: 95%;
      height: 75%;
      top: -0.125rem;
      right: -0.125rem;
      position: absolute;
      background-color: transparent;
      background-image: url(/_next/static/media/GreenCheckmark.034b8abc.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      z-index: 2;
    }

    &::after {
      content: "";
      display: block;
      position: absolute;
      top: -0.125rem;
      right: -0.125rem;
      width: 0.375rem;
      height: 0.5rem;
      background-color: var(--bs-white);
      z-index: 1;
    }
  }
}

.styles_assistantsCardAssistantDelete__56u78 {
  display: none;

  &.styles_active__6AS1q {
    display: block;
    position: absolute;
    background-color: var(--bs-white);
    border-radius: 0.75rem;
    min-width: 6.875rem;
    padding: 0.5rem;
    left: 2.5rem;
    top: 4rem;
    z-index: 5;
    border: 0.0625rem solid var(--color-gray-4);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05),
      0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  }
}

.styles_assistantsCardAssistantDeleteBtn__K__qm {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  border: none;
  padding: 0.25rem;
  background-color: var(--color-red-light);
  color: var(--color-red);

  & svg {
    margin-right: 0.3rem;
  }

  &:hover,
  &:focus-visible {
    background-color: var(--color-red);
    color: var(--color-red-light);

    & path {
      fill: var(--color-red-light);
    }
  }
}

.styles_assistantsCardAssistantLabel__jhcQR {
  margin-left: 0.75rem;
}

.styles_assistantsCardAssistantName__zRudK {
  margin: 0 0 0.2rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--bs-primary);

  @media screen and (min-width: 80em) {
    font-size: 0.875rem;
  }

  @media screen and (min-width: 120em) {
    font-size: 1.125rem;
  }
}

.styles_assistantsCardAssistantServiceStatus__ZnY6C {
  margin: 0;
  font-size: 0.875rem;
  color: var(--color-gray-26);

  @media screen and (min-width: 80em) {
    font-size: 0.75rem;
  }

  @media screen and (min-width: 120em) {
    font-size: 0.875rem;
  }
}

.styles_assistantsCardStatusPill___TjVl {
  &.styles_active__6AS1q,
  &.styles_inactive__gixXq,
  &.styles_paused__AJIVF {
    border-radius: 1.25rem;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.25rem 0.75rem;
  }

  &.styles_active__6AS1q {
    background-color: var(--bs-secondary-bg-subtle);
    color: var(--bs-secondary);
  }

  &.styles_inactive__gixXq {
    background-color: var(--color-red-light);
    color: var(--color-red);
  }

  &.styles_paused__AJIVF {
    background-color: var(--color-orange-light);
    color: var(--color-orange);
  }
}

.styles_assistantStatusText__NnpGY {
  margin-left: 0.5rem;
  font-size: 0.875rem;

  @media screen and (min-width: 80em) {
    font-size: 0.75rem;
  }

  @media screen and (min-width: 120em) {
    font-size: 0.875rem;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/components/admin/TokensCard/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tokens-card {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 3rem;
  background-color: var(--bs-white);
  border-radius: 1.25rem;
  padding: 2rem 1rem;
  font-family: var(--font-secondary);
  font-weight: 600;
}
@media screen and (min-width: 51.25em) {
  .tokens-card {
    margin-top: 0;
  }
}
.tokens-card__title {
  font-size: 1.125rem;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .tokens-card__title {
    font-size: 1.5rem;
  }
}
.tokens-card__description {
  font-size: 0.875rem;
  color: var(--color-gray-26);
}
.tokens-card__service {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.55rem;
  border-radius: 0.75rem;
  border: 0.03125rem solid var(--color-gray-15);
}
.tokens-card__service-info-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tokens-card__service-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.75rem;
}
.tokens-card__service-title {
  font-size: 1.125rem;
  margin: 0;
}
.tokens-card__service-tokens-left {
  margin: 0.25rem 0 0;
  color: var(--bs-secondary);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/app/admin/page.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.admin-dashboard {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 90em) {
  .admin-dashboard {
    flex-direction: row;
  }
}
.admin-dashboard__left-pane {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
}
@media screen and (min-width: 90em) {
  .admin-dashboard__left-pane {
    width: 70%;
    margin-right: 0.5rem;
  }
}
.admin-dashboard__right-pane {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 3rem;
}
@media screen and (min-width: 51.25em) {
  .admin-dashboard__right-pane {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 64em) {
  .admin-dashboard__right-pane {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 90em) {
  .admin-dashboard__right-pane {
    flex-direction: column;
    width: 30%;
    margin-top: 0;
    margin-left: 0.5rem;
  }
}