/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./client/source/app.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
:root {
  --text-primary: #191919;
  --text-secondary: #474747;
  --text-tertiary: #8c8c8c;
  --window-background: #F9F4F9;
  --component-background: #faf6fa;
  --element-background: #fcfafc;
  --action: #0076BB;
  --accent: #DD6325;
}

body, #app-footer {
  --background: #F9F4F9;
  --foreground: #474747;
  --disabled: #bababa;
  --primary: #191919;
  --secondary: #474747;
  --tertiary: #8c8c8c;
}

.tooltip {
  --background: #474747;
  --foreground: #faf6fa;
  --disabled: #fdfcfd;
  --action: #5ec3ff;
  --primary: #F9F4F9;
  --secondary: #faf6fa;
  --tertiary: #fcfafc;
  color: var(--foreground);
  background: var(--background);
}

.sr-only, .table-header .input-label, .list-title, .tabs input, .button:where(.button[data-icon-position=center i]) .button-label, .select[aria-controls] .select-header, .select-option input, .nav-skip, .app-title {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

#app-header {
  align-self: stretch;
  display: grid;
  grid-template: subgrid/subgrid;
  align-items: center;
  justify-content: space-between;
  background-color: var(--component-background);
}
@media (max-width: 800px) {
  #app-header {
    display: flex;
    justify-content: space-between;
  }
  #app-header > .button {
    z-index: 2;
  }
}
#app-header .logo {
  flex: 0 1 100px;
}

.app-header-brand {
  grid-column: sidebar-left;
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  padding-inline: clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
}
.app-header-brand > a {
  display: flex;
}

#header-nav {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  padding-inline: clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
  grid-column: content;
  pointer-events: none;
}
#header-nav > * {
  pointer-events: auto;
}
@media (max-width: 800px) {
  #header-nav {
    position: fixed;
    inset: 0;
    flex-direction: column;
    justify-content: flex-start;
    background-color: var(--background);
    z-index: 1;
    padding-top: 0.5rem;
  }
  #header-nav[aria-expanded=false] {
    display: none;
  }
}
#header-nav .button .button-label {
  font-weight: 400;
  border: none;
}
#header-nav .button::after {
  content: unset;
}
#header-nav .tabs {
  flex: 1;
  align-self: stretch;
}

.profile-name, .profile-categories, .tooltip p, .copyright {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

#app-footer {
  display: grid;
  grid-template: subgrid/subgrid;
  align-items: center;
  color: var(--foreground);
  background-color: var(--background);
}
@media (max-width: 800px) {
  #app-footer {
    grid-template-rows: repeat(2, auto);
  }
}

.footer-nav {
  grid-column: inner-content-start/content-end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  padding: 2rem clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
}
@media (max-width: 800px) {
  .footer-nav {
    grid-row: 1/2;
    grid-column: 1/-1;
    justify-content: center;
    flex-wrap: wrap;
  }
}

.copyright {
  grid-column: sidebar-left;
  text-align: center;
  padding: 2rem clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
}
.copyright a {
  color: var(--foreground);
}
@media (hover: hover) {
  .copyright a {
    transition: color 100ms;
  }
  .copyright a:hover {
    color: var(--action);
  }
}
@media (max-width: 800px) {
  .copyright {
    grid-row: -2/-1;
    grid-column: 1/-1;
    padding: 0 0 clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
  }
}

:root {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.4142;
}

html {
  height: 100%;
}

body {
  color: var(--foreground);
  background-color: var(--background);
  overflow-x: hidden;
}

:where(*) {
  box-sizing: border-box;
  margin: 0;
}

.avatar, .list-filters, #content {
  --0: #0075BB;
  --1: #3B54A6;
  --2: #458AAB;
  --3: #4D6B79;
  --4: #4F5D4C;
  --5: #71CFF1;
  --6: #843D1D;
  --7: #8A8566;
  --8: #A4D5A8;
  --9: #A53C36;
  --10: #B3A6D1;
  --11: #DA5127;
  --12: #DE3C36;
  --13: #E16326;
  --14: #EE1C25;
  --15: #F26949;
  --16: #F4734B;
  --17: #F4E901;
  --18: #F8E7CB;
  --19: #FA9F1B;
  --21: #FFC60A;
}

body {
  display: grid;
  grid-template-rows: [window-start header-start] var(--header) [header-end content-start subheader-start] minmax(var(--header), auto) [subheader-end inner-content-start] minmax(auto, 1fr) [inner-content-end subfooter-start] minmax(var(--header), auto) [content-end footer-start] var(--header) [footer-end window-end];
  grid-template-columns: [window-start gutter-left-start] var(--gutter) [gutter-left-end content-start sidebar-left-start] var(--sidebar) [sidebar-left-end inner-content-start] var(--inner) [inner-content-end sidebar-right-start] var(--sidebar) [sidebar-right-end content-end gutter-right-start] var(--gutter) [gutter-right-end window-end];
  box-sizing: border-box;
  min-height: calc(100% - var(--header) / 3.5);
}

#root {
  display: contents;
}
#root > .message {
  z-index: 1;
  grid-row: header;
  grid-column: inner-content;
  align-self: center;
  justify-self: center;
}

#content {
  grid-row: content;
  grid-column: window;
  background: rgb(238, 238, 238);
  padding-block: max(2vmin, 1rem) max(4vmin, 3rem);
  isolation: isolate;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
}
:where(#content > *) {
  box-sizing: border-box;
  overflow: hidden;
}

:where(#content > *) {
  grid-column: content;
}

#app-header {
  grid-row: header;
  grid-column: window;
}

#app-footer {
  grid-row: footer;
  grid-column: window;
}

#auth-form {
  display: flex;
  flex-flow: column nowrap;
  row-gap: 1.75rem;
}

#auth-form, .auth-title {
  grid-column: inner-content;
}

.Login {
  display: grid;
  grid-template: subgrid/subgrid;
}

.signup-footer {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}

.shim {
  flex: 1 1 0;
}

.table .empty, .profile-title, .input-label, .select-title {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 1.285rem;
  font-weight: 700;
}

.message, .profile-location, .input-field, .select-trigger {
  font-family: "Roboto", sans-serif;
  font-size: 1.142rem;
  font-weight: 400;
}

.input:has(input[type=search]:-moz-placeholder-shown)::after {
  direction: ltr;
  font-family: "Material Symbols Outlined", "Material Icons";
  font-size: 1.25em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "opsz" 32, "wght" 600;
}

.tabs label[data-icon]::before, .button-icon, .input:has(input[type=search]:placeholder-shown)::after, .select::after {
  direction: ltr;
  font-family: "Material Symbols Outlined", "Material Icons";
  font-size: 1.25em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "opsz" 32, "wght" 600;
}

.input, .select {
  display: grid;
  grid-template-columns: [container-start] 1fr [icon-start] auto [icon-end container-end];
  grid-template-rows: [label-start] auto [label-end field-start] 1fr [field-end];
  align-items: center;
  color: var(--color);
}
:where(.input, .select) {
  --color: var(--text-primary);
}

.input:focus-within, .select:has([aria-expanded=true]) {
  --color: var(--action);
  z-index: 1;
}

.input-label, .select-title {
  grid-row: label;
  grid-column: container;
}

.input-field, .select-trigger {
  grid-row: field;
  grid-column: container;
  text-align: initial;
  background: none;
  box-sizing: border-box;
  min-height: 3rem;
  padding: 0.5rem;
  border-block: solid 2px transparent;
  border-inline: none;
  border-bottom-color: var(--color);
  outline: none;
}

.input:has(input[type=search]:-moz-placeholder-shown)::after {
  grid-row: field;
  grid-column: icon;
  color: var(--color);
  margin-inline: 1rem;
  pointer-events: none;
}

.input:has(input[type=search]:placeholder-shown)::after, .select::after {
  grid-row: field;
  grid-column: icon;
  color: var(--color);
  margin-inline: 1rem;
  pointer-events: none;
}

.filter-selectors-header > p, .select[aria-controls] .select-trigger {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 1.71rem;
  font-weight: 700;
}

.select-option label small {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
}

.select {
  position: relative;
}
.select::after {
  content: "arrow_drop_down";
}
.select:focus-within {
  z-index: 2;
}
.select[aria-controls] .select-trigger {
  padding-block: 0;
  padding-inline: 0 2.5em;
}

.select-header {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
}

.select-trigger {
  cursor: pointer;
}

.select-options {
  position: absolute;
  inset-inline: 0;
  top: 100%;
  flex-flow: column nowrap;
  row-gap: 0.25rem;
  background-color: var(--element-background);
  padding: 0.5rem 0;
  border-bottom: solid 1px var(--disabled);
  max-height: calc(3rem + 33vmin);
  overflow-y: auto;
}
.select-options[aria-hidden=true] {
  display: none;
}
.select-options[aria-hidden=false] {
  display: flex;
}

.select-option {
  --color: var(--foreground);
  display: contents;
}
.select-option[aria-current] {
  --color: var(--action);
}
.select-option input[type=checkbox]:checked + label {
  background-color: #bee7ff;
}
.select-option label {
  display: block;
  color: var(--color);
  padding: 1rem;
  cursor: pointer;
}
.select-option label small {
  color: var(--text-tertiary);
}

.tabs label, .button-label {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.tooltip {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-flow: column nowrap;
  gap: 8px;
  text-align: initial;
  white-space: initial;
  width: -moz-max-content;
  width: max-content;
  min-width: 56px;
  max-width: 12rem;
  padding: 12px 16px 14px;
  pointer-events: auto;
  transition: transform 250ms, opacity 250ms;
}
.tooltip p {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.tooltip ul {
  padding-left: 1em;
}
.tooltip[data-block=top] {
  bottom: 100%;
  padding-bottom: 24px;
}
.tooltip[data-block=top][data-inline=right] {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), 40px calc(100% - 12px), 28px 100%, 16px calc(100% - 12px), 0 calc(100% - 12px));
  transform-origin: 28px calc(100% - 12px);
}
.tooltip[data-block=top][data-inline=left] {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 16px) calc(100% - 12px), calc(100% - 28px) 100%, calc(100% - 40px) calc(100% - 12px), 0 calc(100% - 12px));
  transform-origin: calc(100% - 28px) calc(100% - 12px);
}
.tooltip[data-block=top][data-inline=center] {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(50% + 12px) calc(100% - 12px), 50% 100%, calc(50% - 12px) calc(100% - 12px), 0 calc(100% - 12px));
  transform-origin: center bottom;
}
.tooltip[data-block=bottom] {
  top: 100%;
  padding-top: 24px;
}
.tooltip[data-block=bottom][data-inline=right] {
  clip-path: polygon(0 12px, 16px 12px, 28px 0, 40px 12px, 100% 12px, 100% 100%, 0 100%);
  transform-origin: 28px 12px;
}
.tooltip[data-block=bottom][data-inline=left] {
  clip-path: polygon(0 12px, calc(100% - 40px) 12px, calc(100% - 28px) 0, calc(100% - 16px) 12px, 100% 12px, 100% 100%, 0 100%);
  transform-origin: calc(100% - 28px) 12px;
}
.tooltip[data-block=bottom][data-inline=center] {
  clip-path: polygon(0 12px, calc(50% - 12px) 12px, 50% 0, calc(50% + 12px) 12px, 100% 12px, 100% 100%, 0 100%);
  transform-origin: center top;
}
.tooltip[data-inline=left] {
  right: 0px;
}
.tooltip[data-inline=right] {
  left: 0px;
}
.tooltip[data-inline=center] {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.tooltip[data-inline=center][aria-hidden=true] {
  transform: translate3d(-50%, 0, 0) scale3d(0, 0, 1);
}
.tooltip[aria-hidden=true] {
  opacity: 0;
  transform: scale3d(0, 0, 1);
  transition: transform 500ms, opacity 500ms;
  pointer-events: none;
}

:where(.button) {
  --button-color: var(--primary);
}

.button {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  text-decoration: none;
  box-sizing: border-box;
  height: 3rem;
  padding-block: 0;
  cursor: pointer;
}
.button:where([data-importance=primary]) {
  color: var(--background);
  background-color: var(--button-color);
  padding-inline: 2rem;
  border: solid 2px var(--button-color);
}
@media (hover: hover) {
  .button:where([data-importance=primary]) {
    transition: color 250ms, background-color 250ms;
  }
  .button:where([data-importance=primary]):hover {
    color: var(--button-color);
    background-color: transparent;
  }
}
.button:where([data-importance=secondary], [data-importance=tertiary]) {
  color: var(--button-color);
  background: none;
  padding-inline: 1rem;
  border: none;
}
@media (hover: hover) {
  .button:where([data-importance=secondary])::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    background-color: var(--button-color);
    height: 2px;
    transform: scale3d(0.5, 1, 1);
    transition: transform 250ms;
  }
  .button:where([data-importance=secondary]):hover::after {
    transform: scale3d(1, 1, 1);
  }
}
.button:where([data-importance=tertiary]) {
  --button-color: var(--text-tertiary);
}
@media (hover: hover) {
  .button:where([data-importance=tertiary]) {
    transition: --button-color 250ms;
  }
  .button:where([data-importance=tertiary]):hover {
    --button-color: var(--text-secondary);
  }
}
.button[data-quality=good] {
  --button-color: var(--action);
}
.button[data-quality=good] .button-icon {
  color: var(--button-color);
}
.button[data-quality=bad] {
  --button-color: #EB1C24;
  color: var(--primary);
}
.button[data-quality=bad] .button-icon {
  color: var(--button-color);
}
.button:where([aria-current]) {
  --button-color: var(--text-tertiary);
}
.button:where(.button[data-icon-position=start i]) .button-icon {
  order: 1;
}
.button:where(.button[data-icon-position=end i]) .button-icon {
  order: 3;
}
.button:where(.button[data-icon-position=center i]) {
  padding: 0;
  width: 3rem;
}
.button-label {
  order: 2;
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  white-space: nowrap;
}
.button[data-importance=secondary] > .button-label {
  border-block: solid 2px;
  border-top-color: transparent;
  border-bottom-color: var(--button-color);
}

.button-icon {
  display: inline-flex;
  align-items: center;
}

.tabs {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--count), minmax(6rem, 1fr));
  align-items: stretch;
  min-height: 3rem;
  box-sizing: border-box;
  max-width: 100%;
  background: var(--element-background);
  --toggle-color: var(--foreground);
}
.tabs label {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
  white-space: nowrap;
  color: var(--text-secondary);
  box-sizing: border-box;
  padding-inline: 1rem;
  transition: color 200ms, background-color 200ms;
  cursor: pointer;
}
.tabs label[data-icon]::before {
  content: attr(data-icon);
}
.tabs label:not(:last-of-type)::after {
  content: "";
  position: absolute;
  width: 1px;
  background-color: var(--text-disabled);
  height: 100%;
  right: -1px;
}
.tabs input:checked + label {
  color: var(--toggle-color);
  cursor: default;
  transition: color 100ms;
}
.tabs input:checked + label::after {
  opacity: 1;
  transform: translate3d(0, 0, 0) !important;
  transition: opacity 100ms, transform 100ms;
}
.tabs input:disabled + label {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.tabs[data-index="0"]::after {
  transform: translate3d(0%, 0, 0);
}
.tabs[data-index="1"]::after {
  transform: translate3d(100%, 0, 0);
}
.tabs[data-index="2"]::after {
  transform: translate3d(200%, 0, 0);
}
.tabs[data-index="3"]::after {
  transform: translate3d(300%, 0, 0);
}
.tabs[data-index="4"]::after {
  transform: translate3d(400%, 0, 0);
}
.tabs::after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: 0;
  background: var(--toggle-color);
  width: calc(100% / var(--count));
  pointer-events: none;
  transition: transform 100ms 100ms;
}

.list-filters {
  position: relative;
  display: grid;
  grid-template: subgrid/subgrid;
  align-self: stretch;
  align-content: space-between;
  padding-inline: clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
  overflow: auto;
}
@media (min-width: 801px) {
  .list-filters::after {
    content: "";
    align-self: end;
    justify-self: center;
    display: block;
    background-image: linear-gradient(to right, var(--b1) 25%, var(--b2) 25%, var(--b2) 50%, var(--b3) 50%, var(--b3) 75%, var(--b4) 75%);
    background-repeat: no-repeat;
    background-size: 12rem 3rem;
    aspect-ratio: 4;
    background-position: bottom;
    grid-row: subfooter;
    width: 100%;
    height: 100%;
  }
}

#type {
  grid-row: subheader;
}

.filter-selectors {
  align-self: stretch;
  grid-row: inner-content;
  display: flex;
  flex-flow: column nowrap;
  row-gap: 3rem;
}
@media (max-width: 800px) {
  .filter-selectors {
    position: absolute;
    inset-inline: 0;
    background-color: var(--window-background);
    grid-row: 1/-1;
    padding: 1rem;
  }
  .filter-selectors[aria-hidden=true] {
    visibility: hidden;
  }
}

.filter-selectors-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-selectors-header > p {
  color: var(--secondary);
}

.profile-categories {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.avatar {
  position: relative;
  background-color: var(--action);
  width: 4rem;
  height: 4rem;
  border-radius: 50% 0 0 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.avatar::before, .avatar::after {
  content: "";
  position: absolute;
  inset-block: -20%;
  width: 70%;
}
.avatar::before {
  right: 50%;
  background-color: var(--left);
  transform-origin: right center;
}
.avatar::after {
  left: 50%;
  background: var(--right);
  transform-origin: left center;
}

.avatar-image {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.avatar-image[aria-hidden=true] {
  display: none;
}

.profile {
  display: flex;
  align-items: stretch;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  isolation: isolate;
  text-align: left;
}

.profile-info {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  row-gap: 0.25rem;
}

.profile-title {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  color: var(--text-primary);
  height: 1.5rem;
  white-space: nowrap;
}
[data-verified=true] .profile-title::after {
  content: "";
  background-image: url("/images/checkmark.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.profile-name {
  color: var(--text-primary);
}

.profile-categories {
  padding: 0;
  list-style: none;
}

.profile-category {
  display: inline;
  color: var(--action);
  text-transform: capitalize;
}
.profile-category:not(:last-child)::after {
  content: ", ";
}

.message {
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: stretch;
  color: var(--foreground);
  background-color: var(--background);
  border-bottom: solid 1px var(--foreground);
  padding: 1ex 1em;
  gap: 1rem;
}
.message > .button {
  color: var(--foreground);
}
.message[data-type=error] {
  --foreground: #EB1C24;
  --background: #fde8e9;
}
.message[data-type=info] {
  --foreground: #513409;
  --background: #F9E5C8;
}
.message[data-type=success] {
  --foreground: #18341a;
  --background: #A4D5A8;
}

.input:has(input[type=search]:-moz-placeholder-shown)::after {
  content: "search";
}

.input:has(input[type=search]:placeholder-shown)::after {
  content: "search";
}
.input .message {
  margin-top: 1ex;
}

.input-field:required + label::after {
  content: "*";
  color: #DD6325;
  margin-left: 0.125em;
}

input.input-field {
  display: flex;
  align-items: center;
}

textarea.input-field {
  resize: vertical;
  align-self: stretch;
}

.table {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  padding-inline: clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
}
.table .empty {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
}
.table table {
  border-collapse: collapse;
  width: 100%;
}
.table a {
  text-decoration: none;
}
.table th, .table td {
  border: none;
}
.table th:has(> p), .table td:has(> p) {
  text-align: center;
}
.table th:has(input[type=checkbox]), .table td:has(input[type=checkbox]) {
  padding-inline: 1rem !important;
  text-align: center;
}
.table thead th {
  padding-inline: clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
  border-bottom: solid 2px var(--foreground);
  padding-bottom: 1ex;
}
.table thead th > .button {
  display: inline-flex;
}
.table thead th > p {
  color: var(--disabled);
}
.table tbody th, .table tbody td {
  padding: 2.5ex 1rem;
  border-bottom: 1px solid var(--disabled);
}
.table tbody tr:last-child th, .table tbody tr:last-child td {
  border-bottom: none;
}

.table-header {
  grid-row: header;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 4ex;
}
.table-header > *:last-child {
  justify-self: end;
}

.row-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.admin {
  display: grid;
  grid-template: subgrid/subgrid;
}
.admin .table-header {
  grid-column: inner-content-start/content-end;
  padding-inline: clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
}
.admin .table {
  grid-column: inner-content-start/content-end;
  grid-row: 2/-1;
  overflow-x: auto;
}
.admin .list-filters {
  grid-column: sidebar-left;
  grid-row: 1/-1;
  row-gap: 2rem;
  padding-inline: 0;
  overflow: hidden;
}
.admin .list-filters::after {
  position: absolute;
  inset-block: 3rem;
  right: -0.5px;
  display: block;
  background: var(--disabled);
  width: 1px;
  background-size: unset;
  background-position: unset;
  grid-row: unset;
  aspect-ratio: unset;
}

#header-nav {
  grid-column: inner-content-start/content-end;
}

:root {
  --header: max(49px, 3.5rem);
  --sidebar: minmax(3rem, auto);
  --gutter: clamp(1.2rem, 0.2667rem + 3.1111vw, 4rem);
  --inner: 2fr;
}

#root .app-header-brand {
  padding: 0;
}

/*# sourceMappingURL=styles.main.css.map*/