*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

a, button {
  cursor: revert;
}

ol, ul, menu {
  list-style: none;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input {
  -webkit-user-select: auto;
  -moz-user-select: auto;
       user-select: auto;
}

textarea {
  -webkit-user-select: auto;
  -moz-user-select: auto;
       user-select: auto;
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

:where(pre) {
  all: revert;
}

::-moz-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

::marker {
  content: initial;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  line-break: after-white-space;
  -webkit-user-select: auto;
  -moz-user-select: auto;
       user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

button:hover {
  cursor: pointer;
}

body, html {
  height: 100%;
  min-height: 100%;
}

body {
  background-color: rgba(31, 31, 31, 0.05);
  font-family: "Inter", sans-serif;
  color: rgba(31, 31, 31, 0.8);
  line-height: 1;
  font-size: 1em;
}

div[data-placeholder=true] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 1.5em;
  padding-bottom: 1em;
}

div[data-list=default] {
  display: flex;
  border-top: 1px solid rgba(31, 31, 31, 0.1);
  padding: 0.375em 0;
  align-items: flex-start;
}
div[data-list=default] span {
  flex: 0 0 calc(100% - 32px);
  line-height: 1.375;
}
div[data-list=default] span:hover {
  cursor: pointer;
}
div[data-list=default] button {
  flex: 0 0 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}
div[data-list=default] button:hover svg path {
  fill: rgb(78, 137, 101);
}

[data-title=list] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.75em;
}
[data-title=list] h3 {
  font-weight: 500;
  color: rgba(31, 31, 31, 0.6);
  align-items: center;
}
[data-title=list] h3 em {
  background-color: rgba(31, 31, 31, 0.1);
  padding: 0.25em 1em;
  font-weight: 500;
  font-size: 0.75em;
  border-radius: 12px;
  margin-left: 0.75em;
}

[data-listing=grid] {
  width: 100%;
}

[data-auth=login] {
  position: fixed;
  width: 380px;
  background-color: rgb(255, 255, 255);
  left: calc(50% - 190px);
  top: 32px;
  border-radius: 8px;
}
[data-auth=login] div[data-header=auth] {
  background-color: rgb(78, 137, 101);
  border-radius: 8px 8px 0 0;
  padding: 12px 28px;
}
[data-auth=login] div[data-content=auth] {
  padding: 1em 1.5em 1.5em 1.5em;
}
[data-auth=login] div[data-content=auth] button[type] {
  width: 100%;
}
[data-auth=login] div[data-content=auth] input {
  padding: 0.625em 1em;
}
[data-auth=login] div[data-content=auth] button[type=submit] {
  padding: 0.75em 1em;
}
[data-auth=login] hgroup {
  padding: 1.5em;
}
[data-auth=login] hgroup h1 {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 0.5em;
}
[data-auth=login] hgroup p {
  font-size: 1.125em;
  color: rgba(31, 31, 31, 0.8);
}

[data-loading] {
  background-color: white;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' stroke='%23000'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

nav {
  width: 220px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: rgb(78, 137, 101);
  display: flex;
  flex-direction: column;
}
nav a + a, nav button {
  display: flex;
  font-weight: 500;
}
nav a:first-child {
  padding: 0.75em 1em;
  border-top: 1px solid transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 0.5em;
}
nav a + a {
  color: rgb(255, 255, 255);
  padding: 0.625em 1.25em;
  text-transform: capitalize;
  margin-bottom: 1px;
}
nav a + a svg {
  margin-right: 1em;
}
nav a + a[aria-current=page], nav a + a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
nav button {
  padding: 0.75em 1.25em;
  justify-content: center;
  color: rgb(78, 137, 101);
  background-color: rgb(255, 255, 255);
  border-left: 20px solid rgb(78, 137, 101);
  border-right: 20px solid rgb(78, 137, 101);
  align-items: center;
  position: relative;
  border-radius: 4px;
  top: 24px;
}
nav button svg {
  margin-right: 0.25em;
}
nav button svg path {
  fill: rgb(78, 137, 101);
}
nav button + button {
  position: absolute;
  bottom: 8px;
  left: 0;
  top: auto;
  width: 100%;
  background-color: transparent;
  color: rgb(255, 255, 255);
  justify-content: flex-start;
  border: none;
  text-transform: capitalize;
}
nav button + button span {
  width: 32px;
  height: 32px;
  background-color: rgb(255, 255, 255);
  color: rgb(78, 137, 101);
  text-align: center;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  margin-right: 0.5em;
}

main {
  padding-left: 220px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
main hgroup {
  background-color: rgb(255, 255, 255);
  padding: 0.75em 1.5em;
  flex: 0 0 100%;
}
main hgroup h1 {
  font-size: 1.375em;
  font-weight: 700;
  margin-bottom: 0.25em;
}
main hgroup p {
  font-size: 0.75em;
  color: rgba(31, 31, 31, 0.8);
}

div[data-page=main] {
  margin-top: 2em;
  flex: 0 0 680px;
}

div[data-id=controls] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
div[data-id=controls] div {
  display: flex;
  align-items: center;
}
div[data-id=controls] div input {
  border-color: rgba(31, 31, 31, 0.15);
}
div[data-id=controls] div input:hover, div[data-id=controls] div input:focus {
  outline: none;
  border-bottom-color: rgb(78, 137, 101);
}
div[data-id=controls] div[data-id=search] {
  flex: 0 0 calc(100% - 188px);
}
div[data-id=controls] div[data-id=view] {
  flex: 0 0 96px;
  border-radius: 4px;
}
div[data-id=controls] div[data-id=view] button {
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  flex: 0 0 50%;
  align-self: stretch;
  align-items: center;
  border: 1px solid rgba(31, 31, 31, 0.2);
}
div[data-id=controls] div[data-id=view] button svg path {
  fill: rgba(31, 31, 31, 0.8);
}
div[data-id=controls] div[data-id=view] button[aria-selected] {
  background-color: #4e8965;
}
div[data-id=controls] div[data-id=view] button[aria-selected] svg path {
  fill: rgb(255, 255, 255);
}
div[data-id=controls] div[data-id=view] button[aria-selected]:hover {
  background-color: #4e8965;
}
div[data-id=controls] div[data-id=view] button[aria-selected]:hover svg path {
  fill: rgb(255, 255, 255);
}
div[data-id=controls] div[data-id=view] button:hover {
  background-color: rgba(31, 31, 31, 0.05);
  background-color: rgb(195, 255, 220);
}
div[data-id=controls] div[data-id=view] button:hover svg path {
  fill: rgb(78, 137, 101);
}
div[data-id=controls] div[data-id=view] button:first-child {
  border-radius: 4px 0 0 4px;
  border-right: none;
}
div[data-id=controls] div[data-id=view] button + button {
  border-radius: 0 4px 4px 0;
}
div[data-id=controls] div[data-id=navigation] {
  flex: 0 0 180px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(31, 31, 31, 0.15);
  border-radius: 4px;
}
div[data-id=controls] div[data-id=navigation] button {
  display: flex;
  justify-content: center;
  flex: 0 0 40px;
  align-items: center;
  align-self: stretch;
}
div[data-id=controls] div[data-id=navigation] button svg path {
  fill: rgba(31, 31, 31, 0.8);
}
div[data-id=controls] div[data-id=navigation] button:hover {
  background-color: rgba(31, 31, 31, 0.05);
  background-color: rgb(195, 255, 220);
}
div[data-id=controls] div[data-id=navigation] button:hover svg path {
  fill: rgb(78, 137, 101);
}
div[data-id=controls] div[data-id=navigation] span {
  flex: 0 0 calc(100% - 80px);
  font-size: 0.875em;
  text-align: center;
}
div[data-id=controls] div[data-id=navigation] span + button {
  border-left: 1px solid rgba(31, 31, 31, 0.2);
}
div[data-id=controls] div[data-id=navigation] span + button[disabled]:hover {
  background-color: transparent;
  cursor: default;
}
div[data-id=controls] div[data-id=navigation] span + button[disabled] svg path {
  opacity: 0.2;
}
div[data-id=controls] div[data-id=navigation] button + button {
  border-radius: 0 4px 4px 0;
}

div[role=list][data-view=list] {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(31, 31, 31, 0.15);
  border-radius: 4px;
  padding-top: 0.5em;
}
div[role=list][data-view=list] div[role=listitem] {
  flex: 0 0 100%;
  border-bottom: 1px solid rgba(31, 31, 31, 0.1);
  padding-bottom: 1em;
  border-radius: 0;
}
div[role=list][data-view=list] div[role=listitem]:last-child {
  border-bottom: none;
  padding-bottom: 0.5em;
}

div[role=list][data-view=grid] {
  border: 1px solid transparent;
}
div[role=list][data-view=grid] div[role=listitem] {
  flex: 0 0 calc(50% - 0.5em);
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(31, 31, 31, 0.15);
}
div[role=list][data-view=grid] div[role=listitem] img {
  flex: 0 0 280px;
  align-self: flex-start;
}

div[role=list] {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
div[role=list] div[role=listitem] {
  padding: 0.5em 1em;
  margin-bottom: 0.75em;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div[role=list] div[role=listitem] div {
  flex: 0 0 calc(100% - 112px);
  display: flex;
  flex-direction: column;
  position: relative;
}
div[role=list] div[role=listitem] div span:hover {
  cursor: pointer;
}
div[role=list] div[role=listitem] div span:first-child {
  font-weight: 500;
  margin-bottom: 0.375em;
  margin-top: 0.125em;
  line-height: 1.25;
  padding-right: 2.5em;
}
div[role=list] div[role=listitem] div span + span {
  margin-bottom: 0.5em;
  line-height: 1.25;
}
div[role=list] div[role=listitem] div span + span + span {
  font-style: italic;
  font-size: 0.9375em;
}
div[role=list] img {
  max-width: 96px;
  border-radius: 4px;
  flex: 0 0 96px;
  align-self: flex-start;
}
div[role=list] [role=columnheader] {
  font-size: 0.875em;
  color: rgba(31, 31, 31, 0.6);
  font-weight: 500;
}

div[data-placeholder] {
  padding: 1em;
}

input[type=hidden] + * {
  padding: 0.5em 1em;
  border-bottom: 1px solid rgba(31, 31, 31, 0.1);
}

div.trix-button-row, div.trix-dialogs {
  margin-bottom: 0;
}
div.trix-button-row span, div.trix-dialogs span {
  display: inline-block;
}

div[data-page=form] {
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  border: 1px solid rgba(31, 31, 31, 0.15);
  width: 680px;
}
div[data-page=form] [input=acknowledgements], div[data-page=form] [input=dedication], div[data-page=form] [input=introduction] {
  border: 1px solid transparent;
  padding: 1em 1.5em;
}
div[data-page=form] [input=acknowledgements] div, div[data-page=form] [input=dedication] div, div[data-page=form] [input=introduction] div {
  margin-bottom: 0.5em;
  line-height: 1.5;
}
div[data-page=form] [input=acknowledgements] strong, div[data-page=form] [input=dedication] strong, div[data-page=form] [input=introduction] strong {
  font-weight: 700;
}
div[data-page=form] [input=acknowledgements] em, div[data-page=form] [input=dedication] em, div[data-page=form] [input=introduction] em {
  font-style: italic;
}
div[data-page=form] [input=acknowledgements] ul li, div[data-page=form] [input=dedication] ul li, div[data-page=form] [input=introduction] ul li {
  list-style: none inside disc;
  padding-bottom: 0.25em;
}

span[data-trix-button-group=history-tools] {
  float: inline-end;
}

button[class] {
  display: none;
}

button[class][data-trix-attribute=bold], button[class][data-trix-attribute=italic], button[class][data-trix-attribute=bullet], button[class][data-trix-action=undo], button[class][data-trix-action=redo] {
  display: inline-block;
  text-indent: 500%;
  white-space: nowrap;
  overflow: hidden;
  background-position: center;
  border: 1px solid transparent;
}
button[class][data-trix-attribute=bold][type], button[class][data-trix-attribute=italic][type], button[class][data-trix-attribute=bullet][type], button[class][data-trix-action=undo][type], button[class][data-trix-action=redo][type] {
  padding: 0.25em;
}

button[data-trix-action][type=button][data-trix-active], button[data-trix-attribute][type=button][data-trix-active] {
  background-color: rgb(195, 255, 220);
}
button[data-trix-action][type=button][disabled], button[data-trix-attribute][type=button][disabled] {
  opacity: 0.2;
}

[data-trix-attribute=bold] {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 2H2V6H6C7.10457 6 8 5.10457 8 4C8 2.89543 7.10457 2 6 2ZM0 0V8H6C8.20914 8 10 6.20914 10 4C10 1.79086 8.20914 0 6 0H0Z' fill='%23303F4B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 8H2V12H6C7.10457 12 8 11.1046 8 10C8 8.89543 7.10457 8 6 8ZM0 6V14H6C8.20914 14 10 12.2091 10 10C10 7.79086 8.20914 6 6 6H0Z' fill='%23303F4B'/%3E%3C/svg%3E%0A");
}

[data-trix-attribute=italic] {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 1C5 0.447715 5.44772 0 6 0H10C10.5523 0 11 0.447715 11 1C11 1.55228 10.5523 2 10 2H6C5.44772 2 5 1.55228 5 1Z' fill='%23303F4B'/%3E%3Cpath d='M0 13C0 12.4477 0.447715 12 1 12H5C5.55228 12 6 12.4477 6 13C6 13.5523 5.55228 14 5 14H1C0.447715 14 0 13.5523 0 13Z' fill='%23303F4B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.07692 12.6154L7.07692 0.615385L8.92308 1.38462L3.92308 13.3846L2.07692 12.6154Z' fill='%23303F4B'/%3E%3C/svg%3E%0A");
}

[data-trix-attribute=bullet] {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 1C3 0.447715 3.44772 0 4 0H14C14.5523 0 15 0.447715 15 1C15 1.55228 14.5523 2 14 2H4C3.44772 2 3 1.55228 3 1Z' fill='%234F4F4F'/%3E%3Cpath d='M2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1Z' fill='%234F4F4F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 7C3 6.44772 3.44772 6 4 6H14C14.5523 6 15 6.44772 15 7C15 7.55228 14.5523 8 14 8H4C3.44772 8 3 7.55228 3 7Z' fill='%234F4F4F'/%3E%3Cpath d='M2 7C2 7.55228 1.55228 8 1 8C0.447715 8 0 7.55228 0 7C0 6.44772 0.447715 6 1 6C1.55228 6 2 6.44772 2 7Z' fill='%234F4F4F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 13C3 12.4477 3.44772 12 4 12H14C14.5523 12 15 12.4477 15 13C15 13.5523 14.5523 14 14 14H4C3.44772 14 3 13.5523 3 13Z' fill='%234F4F4F'/%3E%3Cpath d='M2 13C2 13.5523 1.55228 14 1 14C0.447715 14 0 13.5523 0 13C0 12.4477 0.447715 12 1 12C1.55228 12 2 12.4477 2 13Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
}

[data-trix-action=undo] {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 4C1 3.44772 1.44772 3 2 3H10C13.3137 3 16 5.68629 16 9C16 12.3137 13.3137 15 10 15H4C3.44772 15 3 14.5523 3 14C3 13.4477 3.44772 13 4 13H10C12.2091 13 14 11.2091 14 9C14 6.79086 12.2091 5 10 5H2C1.44772 5 1 4.55228 1 4Z' fill='%234F4F4F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.70711 0.292893C5.09763 0.683417 5.09763 1.31658 4.70711 1.70711L2.41421 4L4.70711 6.29289C5.09763 6.68342 5.09763 7.31658 4.70711 7.70711C4.31658 8.09763 3.68342 8.09763 3.29289 7.70711L0.292893 4.70711C-0.0976311 4.31658 -0.0976311 3.68342 0.292893 3.29289L3.29289 0.292893C3.68342 -0.0976311 4.31658 -0.0976311 4.70711 0.292893Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
}

[data-trix-action=redo] {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 4C15 3.44772 14.5523 3 14 3H6C2.68629 3 0 5.68629 0 9C0 12.3137 2.68629 15 6 15H12C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13H6C3.79086 13 2 11.2091 2 9C2 6.79086 3.79086 5 6 5H14C14.5523 5 15 4.55228 15 4Z' fill='%234F4F4F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2929 0.292893C10.9024 0.683417 10.9024 1.31658 11.2929 1.70711L13.5858 4L11.2929 6.29289C10.9024 6.68342 10.9024 7.31658 11.2929 7.70711C11.6834 8.09763 12.3166 8.09763 12.7071 7.70711L15.7071 4.70711C16.0976 4.31658 16.0976 3.68342 15.7071 3.29289L12.7071 0.292893C12.3166 -0.0976311 11.6834 -0.0976311 11.2929 0.292893Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
}

div[data-tabs=page] {
  display: flex;
  width: 680px;
  margin-top: 2em;
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(31, 31, 31, 0.15);
}
div[data-tabs=page] button {
  padding: 0.75em 0;
  margin-right: 1em;
  border-bottom: 3px solid transparent;
}
div[data-tabs=page] button[aria-selected=true] {
  border-bottom: 3px solid rgb(78, 137, 101);
}

form {
  width: 100%;
}
form div {
  position: relative;
  margin-bottom: 1.5em;
}

label {
  font-weight: 500;
  display: block;
  margin-bottom: 0.5em;
  text-transform: capitalize;
}

input, textarea, select, button[type] {
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
}

textarea {
  line-height: 1.5;
}

input, textarea, select {
  padding: 0.5em 1em;
  border-color: rgba(31, 31, 31, 0.3);
  width: 100%;
}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
  outline: 3px solid rgb(195, 255, 220);
  border-color: rgb(78, 137, 101);
}

button[type] {
  text-align: center;
  font-weight: 500;
  padding: 0.625em 1.25em;
}
button[type] svg {
  margin-right: 0.25em;
}
button[type=button] {
  color: rgba(31, 31, 31, 0.8);
  background-color: rgb(255, 255, 255);
  border-color: rgba(31, 31, 31, 0.3);
}
button[type=submit] {
  color: rgb(255, 255, 255);
  background-color: rgb(78, 137, 101);
  border-color: rgb(78, 137, 101);
}
button[type=submit] svg path {
  fill: rgb(255, 255, 255);
}

[data-title=list] button[type] {
  padding: 0.375em 0.5em;
  font-size: 0.9375em;
}
[data-title=list] button[type] svg path {
  fill: rgb(255, 255, 255);
}

input[role=search] {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25 2.5C4.35051 2.5 2 4.85051 2 7.75C2 10.6495 4.35051 13 7.25 13C10.1495 13 12.5 10.6495 12.5 7.75C12.5 4.85051 10.1495 2.5 7.25 2.5ZM0 7.75C0 3.74594 3.24594 0.5 7.25 0.5C11.2541 0.5 14.5 3.74594 14.5 7.75C14.5 9.40191 13.9475 10.9248 13.0173 12.1439C13.0849 12.1848 13.1487 12.2345 13.2071 12.2929L15.7071 14.7929C16.0976 15.1834 16.0976 15.8166 15.7071 16.2071C15.3166 16.5976 14.6834 16.5976 14.2929 16.2071L11.7929 13.7071C11.7345 13.6487 11.6848 13.5849 11.6439 13.5173C10.4248 14.4475 8.90191 15 7.25 15C3.24594 15 0 11.7541 0 7.75Z' fill='%232F2F2F'/%3E%3C/svg%3E%0A");
  background-position: 16px center;
  padding-left: 42px;
}
input[role=search]:focus, input[role=search]:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25 2.5C4.35051 2.5 2 4.85051 2 7.75C2 10.6495 4.35051 13 7.25 13C10.1495 13 12.5 10.6495 12.5 7.75C12.5 4.85051 10.1495 2.5 7.25 2.5ZM0 7.75C0 3.74594 3.24594 0.5 7.25 0.5C11.2541 0.5 14.5 3.74594 14.5 7.75C14.5 9.40191 13.9475 10.9248 13.0173 12.1439C13.0849 12.1848 13.1487 12.2345 13.2071 12.2929L15.7071 14.7929C16.0976 15.1834 16.0976 15.8166 15.7071 16.2071C15.3166 16.5976 14.6834 16.5976 14.2929 16.2071L11.7929 13.7071C11.7345 13.6487 11.6848 13.5849 11.6439 13.5173C10.4248 14.4475 8.90191 15 7.25 15C3.24594 15 0 11.7541 0 7.75Z' fill='%232F2F2F'/%3E%3C/svg%3E%0A");
}

button[data-action=delete] {
  position: absolute;
  right: 24px;
  top: 8px;
}

button[data-action=save] {
  position: absolute;
  top: 16px;
  right: 24px;
  border: 1px solid rgba(31, 31, 31, 0.2);
  padding: 0.5em 1em;
  border-radius: 4px;
}

[data-list=dashboard] {
  margin-top: 2em;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 calc((100% - 680px) / 2);
  flex-wrap: wrap;
}
[data-list=dashboard] div[data-list=entry] {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 48%;
  background-color: rgb(255, 255, 255);
  padding: 1em 1.5em;
  border-radius: 4px;
}
[data-list=dashboard] div[data-list=entry] div {
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  align-items: center;
}
[data-list=dashboard] div[data-list=entry] div span:first-child {
  font-size: 1.5em;
  font-weight: 600;
  padding-bottom: 0.25em;
}
[data-list=dashboard] div[data-list=entry] div span + span {
  font-size: 0.75em;
  color: rgba(31, 31, 31, 0.8);
}
[data-list=dashboard] div[data-list=entry] h2 {
  display: flex;
  flex: 0 0 100%;
  margin-bottom: 1.75em;
  font-size: 1.125em;
  justify-content: center;
  text-align: center;
}
[data-list=dashboard] div[data-list=entry] div[data-progress] {
  background-color: rgba(31, 31, 31, 0.1);
  height: 8px;
  flex: 0 0 100%;
  margin-bottom: 2em;
  border-radius: 4px;
  align-items: flex-start;
  position: relative;
}
[data-list=dashboard] div[data-list=entry] div[data-progress] span {
  background-color: rgba(78, 137, 101, 0.3);
  height: 8px;
  display: inline-block;
}
[data-list=dashboard] div[data-list=entry] div[data-progress] small {
  position: absolute;
  font-size: 0.75em;
  color: rgba(31, 31, 31, 0.6);
  left: 0;
  top: 18px;
}

span[data-item] {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5em;
}
span[data-item=listings] {
  background-color: #519BDF;
}
span[data-item=pages] {
  background-color: #EEAB00;
}

div[role=alertdialog] {
  position: fixed;
  background-color: rgba(31, 31, 31, 0.6);
  left: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  width: 100%;
  z-index: 1000;
}
div[role=alertdialog] div[data-dialog=content] {
  background-color: rgb(255, 255, 255);
  width: 520px;
  margin: 2em auto 0 auto;
  border-radius: 8px;
}
div[role=alertdialog] div[data-dialog=heading] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em 1.5em;
}
div[role=alertdialog] div[data-dialog=heading] h2 {
  font-size: 1.25em;
}
div[role=alertdialog] div[data-dialog=heading] button {
  display: flex;
}
div[role=alertdialog] div[data-dialog=footer] {
  display: flex;
  justify-content: flex-end;
  padding: 1em 1.5em;
  gap: 12px;
}
div[role=alertdialog] div[data-id=title] {
  background-color: rgba(31, 31, 31, 0.05);
  display: flex;
  flex-wrap: wrap;
  padding: 1.5em;
  border-bottom: 1px solid rgba(31, 31, 31, 0.1);
  border-top: 1px solid rgba(31, 31, 31, 0.1);
}
div[role=alertdialog] div[data-id=title] div {
  flex: 0 0 calc(100% - 120px);
}
div[role=alertdialog] div[data-id=title] div span {
  display: flex;
  padding-bottom: 0.25em;
  padding-left: 1.5em;
  line-height: 1.25;
}
div[role=alertdialog] div[data-id=title] div span:hover {
  cursor: pointer;
}
div[role=alertdialog] div[data-id=title] div span:first-child {
  font-weight: 500;
}
div[role=alertdialog] div[data-id=title] div span:nth-child(2) {
  font-size: 0.9375em;
  opacity: 0.8;
}
div[role=alertdialog] div[data-id=title] div span + span + span {
  font-style: italic;
  font-size: 0.9375em;
  opacity: 0.8;
}
div[role=alertdialog] div[data-id=title] label {
  flex: 0 0 120px;
  background-color: rgb(255, 255, 255);
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 6px;
  font-size: 0.75em;
  border: 1px solid rgba(31, 31, 31, 0.1);
  border-radius: 4px;
  height: 100px;
}
div[role=alertdialog] div[data-id=title] label img {
  border-radius: 4px;
}
div[role=alertdialog] div[data-id=title] label:hover {
  cursor: pointer;
  background-color: rgba(31, 31, 31, 0.04);
}
div[role=alertdialog] div[data-id=title] label input {
  display: none;
}
div[role=alertdialog] div[data-id=nav] {
  display: flex;
  padding: 0.75em 1.5em;
  border-bottom: 1px solid rgba(31, 31, 31, 0.1);
}
div[role=alertdialog] div[data-id=nav] button {
  padding: 0.5em;
  border-radius: 4px;
  text-transform: capitalize;
  margin-right: 2px;
}
div[role=alertdialog] div[data-id=nav] button:hover {
  background-color: rgba(31, 31, 31, 0.05);
}
div[role=alertdialog] div[data-id=nav] button[aria-current] {
  background-color: rgb(195, 255, 220);
  color: rgb(78, 137, 101);
}
div[role=alertdialog] div[data-id=tab] {
  display: flex;
  padding: 1em 1.5em;
}
div[role=alertdialog] div[data-id=form] {
  width: 100%;
  display: flex;
  padding: 1em 1.5em;
}

div[role=alert] {
  position: fixed;
  width: 380px;
  left: calc(50% - 190px);
  background-color: rgb(31, 31, 31);
  padding: 0.75em 1em;
  color: rgb(255, 255, 255);
  border-radius: 4px;
  z-index: 100000;
  bottom: 12px;
}

div[data-id=tabs] {
  max-height: 380px;
  overflow-y: scroll;
}

div[data-id=controls] div[data-id=navigation] span + button[disabled]:hover {
  background-color: transparent;
  cursor: default;
}

div[data-id=controls] div[data-id=navigation] span + button[disabled] svg path {
  opacity: 0.2;
}/*# sourceMappingURL=style.css.map */