/*!
 * @license
 * 
 * Salestrekker <https://salestrekker.com>
 * Copyright (c) Salestrekker Pty Ltd. All rights reserved.
 * Date: 9/19/2025, 2:54:26 AM
 * 
 * core.4754c6d959f618e009e0.chunk.css version 1b5eaaa53d0d3cf759fa
 */
.loader {
  stroke: currentColor;
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity));
  height: 8rem;
  width: 8rem;
  animation: 2s linear infinite loader-animation
}

.loader circle {
    animation: 1.4s ease-in-out infinite both loader-animation-circle;
    display: block;
    fill: transparent;
    stroke-linecap: round;
    stroke-dasharray: 283;
    stroke-dashoffset: 280;
    stroke-width: 10px;
    transform-origin: 50% 50%;
  }

@keyframes loader-animation {
  0% {
    transform: rotateZ(0deg);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

@keyframes loader-animation-circle {
  0%, 25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }

  50%, 75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }

  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}

[aria-label][data-tooltip-position] {
  overflow: visible;
}

[aria-label][data-tooltip-position] {
  position: relative;
  cursor: pointer;
}

[aria-label][data-tooltip-position]:after {
  position: absolute;
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  opacity: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  pointer-events: none;
  border-radius: 0.25rem;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  font-size: 0.75rem;
  white-space: nowrap;
  z-index: 50;
  content: attr(aria-label);
}

[aria-label][data-tooltip-position]:before {
  position: absolute;
  height: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
  width: 0;
  z-index: 50;
  content: '';
  border: 5px solid transparent;
  border-top-color: #000;
}

[aria-label][data-tooltip-position]:hover:before,
[aria-label][data-tooltip-position]:hover:after,
[aria-label][data-tooltip-position][data-tooltip-visible]:before,
[aria-label][data-tooltip-position][data-tooltip-visible]:after,
[aria-label][data-tooltip-position]:not([data-tooltip-nofocus]):focus:before,
[aria-label][data-tooltip-position]:not([data-tooltip-nofocus]):focus:after {
  opacity: 1;
  pointer-events: none;
}

[aria-label][data-tooltip-position][data-tooltip-break]:after {
  white-space: pre;
}

[aria-label][data-tooltip-position][data-tooltip-break][data-tooltip-length]:after {
  white-space: pre-line;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

[aria-label][data-tooltip-position][data-tooltip-blunt]:before,
[aria-label][data-tooltip-position][data-tooltip-blunt]:after {
  transition-property: none;
}

[aria-label][data-tooltip-position][data-tooltip-position='top']:hover:after,
[aria-label][data-tooltip-position][data-tooltip-position='top'][data-tooltip-visible]:after,
[aria-label][data-tooltip-position][data-tooltip-position='bottom']:hover:after,
[aria-label][data-tooltip-position][data-tooltip-position='bottom'][data-tooltip-visible]:after {
  --transform-translate-x: -50%;
  --transform-translate-y: 0;
}

[aria-label][data-tooltip-position][data-tooltip-position='top']:hover:before,
[aria-label][data-tooltip-position][data-tooltip-position='top'][data-tooltip-visible]:before,
[aria-label][data-tooltip-position][data-tooltip-position='bottom']:hover:before,
[aria-label][data-tooltip-position][data-tooltip-position='bottom'][data-tooltip-visible]:before {
  --transform-translate-x: -50%;
  --transform-translate-y: 0;
}

[aria-label][data-tooltip-position][data-tooltip-position*='-left']:after {
  left: 0;
}

[aria-label][data-tooltip-position][data-tooltip-position*='-left']:before {
  left: 5px;
}

[aria-label][data-tooltip-position][data-tooltip-position*='-right']:after {
  right: 0;
}

[aria-label][data-tooltip-position][data-tooltip-position*='-right']:before {
  right: 5px;
}

[aria-label][data-tooltip-position][data-tooltip-po*='-left']:hover:after,
[aria-label][data-tooltip-position][data-tooltip-po*='-left'][data-tooltip-visible]:after,
[aria-label][data-tooltip-position][data-tooltip-position*='-right']:hover:after,
[aria-label][data-tooltip-position][data-tooltip-position*='-right'][data-tooltip-visible]:after {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
}

[aria-label][data-tooltip-position][data-tooltip-po*='-left']:hover:before,
[aria-label][data-tooltip-position][data-tooltip-po*='-left'][data-tooltip-visible]:before,
[aria-label][data-tooltip-position][data-tooltip-position*='-right']:hover:before,
[aria-label][data-tooltip-position][data-tooltip-position*='-right'][data-tooltip-visible]:before {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
}

[aria-label][data-tooltip-position][data-tooltip-position^='top']:before,
[aria-label][data-tooltip-position][data-tooltip-position^='top']:after {
  transform-origin: top;
  --transform-translate-x: 0;
  --transform-translate-y: 0.25rem;
  bottom: 100%;
}

[aria-label][data-tooltip-position][data-tooltip-position^='top']:after {
  margin-bottom: 10px;
}

[aria-label][data-tooltip-position][data-tooltip-position='top']:before,
[aria-label][data-tooltip-position][data-tooltip-position='top']:after {
  left: 50%;
  transform: translate(-50%, 4px);
}

[aria-label][data-tooltip-position][data-tooltip-position^='bottom']:before,
[aria-label][data-tooltip-position][data-tooltip-position^='bottom']:after {
  top: 100%;
  transform: translate(0, calc(4px * -1));
}

[aria-label][data-tooltip-position][data-tooltip-position^='bottom']:after {
  margin-top: 10px;
}

[aria-label][data-tooltip-position][data-tooltip-position^='bottom']:before {
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-bottom-color: #000;
}

[aria-label][data-tooltip-position][data-tooltip-position='bottom']:after,
[aria-label][data-tooltip-position][data-tooltip-position='bottom']:before {
  left: 50%;
  transform: translate(-50%, calc(4px * -1));
}

[aria-label][data-tooltip-position][data-tooltip-position='left']:hover:after,
[aria-label][data-tooltip-position][data-tooltip-position='left'][data-tooltip-visible]:after,
[aria-label][data-tooltip-position][data-tooltip-position='right']:hover:after,
[aria-label][data-tooltip-position][data-tooltip-position='right'][data-tooltip-visible]:after {
  --transform-translate-x: 0;
  --transform-translate-y: -50%;
}

[aria-label][data-tooltip-position][data-tooltip-position='left']:hover:before,
[aria-label][data-tooltip-position][data-tooltip-position='left'][data-tooltip-visible]:before,
[aria-label][data-tooltip-position][data-tooltip-position='right']:hover:before,
[aria-label][data-tooltip-position][data-tooltip-position='right'][data-tooltip-visible]:before {
  --transform-translate-x: 0;
  --transform-translate-y: -50%;
}

[aria-label][data-tooltip-position][data-tooltip-position='left']:after,
[aria-label][data-tooltip-position][data-tooltip-position='left']:before {
  right: 100%;
  top: 50%;
  transform: translate(4px, -50%);
}

[aria-label][data-tooltip-position][data-tooltip-position='left']:after {
  margin-right: 10px;
}

[aria-label][data-tooltip-position][data-tooltip-position='left']:before {
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-left-color: #000;
}

[aria-label][data-tooltip-position][data-tooltip-position='right']:after,
[aria-label][data-tooltip-position][data-tooltip-position='right']:before {
  left: 100%;
  top: 50%;
  transform: translate(calc(4px * -1), -50%);
}

[aria-label][data-tooltip-position][data-tooltip-position='right']:after {
  margin-left: 10px;
}

[aria-label][data-tooltip-position][data-tooltip-position='right']:before {
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-right-color: #000;
}

[aria-label][data-tooltip-position][data-tooltip-length]:after {
  white-space: normal;
}

[aria-label][data-tooltip-position][data-tooltip-length='small']:after {
  width: 80px;
}

[aria-label][data-tooltip-position][data-tooltip-length='medium']:after {
  width: 150px;
}

[aria-label][data-tooltip-position][data-tooltip-length='large']:after {
  width: 260px;
}

[aria-label][data-tooltip-position][data-tooltip-length='xlarge']:after {
  width: 380px;
}

@media screen and (max-width: 768px) {
  [aria-label][data-tooltip-position][data-tooltip-length='xlarge']:after {
    width: 90vw;
  }
}

[aria-label][data-tooltip-position][data-tooltip-length='fit']:after {
  width: 100%;
}

.button {
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
  border-style: none;
  align-content: center;
  display: flex;
  flex-direction: row;
  font-weight: 500;
  height: 2rem;
  align-items: center;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  position: relative;
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  font-size: 0.875rem;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  text-transform: uppercase
}

.button svg {
    fill: currentColor;
    height: 1rem;
    align-self: center;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    width: 1rem;
  }

.button span {
    margin-left: 0.5rem;
  }

.button .buttonDropdown {
    position: absolute;
    display: none;
    list-style-type: none;
    margin: 0;
    padding-top: 0.25rem;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    z-index: 50;
    top: 32px
  }

.button .buttonDropdown li {
      --bg-opacity: 1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      border-top-width: 0;
      border-right-width: 0;
      border-bottom-width: 1px;
      border-left-width: 0;
      --border-opacity: 1;
      border-color: #e2e8f0;
      border-color: rgba(226, 232, 240, var(--border-opacity));
      border-style: solid;
      display: flex;
      align-items: center;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem
    }

.button .buttonDropdown li svg {
        fill: currentColor;
        height: 1rem;
        align-self: center;
        --text-opacity: 1;
        color: #718096;
        color: rgba(113, 128, 150, var(--text-opacity));
        width: 1rem;
      }

.button .buttonDropdown li em {
        font-weight: 500;
        margin-left: 0.5rem;
        font-style: normal;
        font-size: 0.875rem;
        --text-opacity: 1;
        color: #718096;
        color: rgba(113, 128, 150, var(--text-opacity));
        text-transform: uppercase;
      }

.button .buttonDropdown li:hover {
        --bg-opacity: 1;
        background-color: #edf2f7;
        background-color: rgba(237, 242, 247, var(--bg-opacity))
      }

.button .buttonDropdown li:hover aside svg {
            --text-opacity: 1;
            color: #2d3748;
            color: rgba(45, 55, 72, var(--text-opacity));
          }

.button .buttonDropdown li:hover aside span {
            --text-opacity: 1;
            color: #2d3748;
            color: rgba(45, 55, 72, var(--text-opacity));
          }

.button .buttonDropdown li :last-child {
        border-bottom-width: 0;
      }

.button:hover {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity))
  }

.button:hover .buttonDropdown {
      display: block;
    }

[data-dropdown-position='right'] {
  right: 0;
}

.icon {
  display: flex;
  margin: 0;
  padding: 0
}
.icon span {
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-size: 1.875rem;
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }
.icon figcaption {
    display: none;
  }

.buttonGroup {
  margin: 0;
  display: inline-flex
}
.buttonGroup button {
    border-radius: 0;
  }
.buttonGroup button:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
.buttonGroup button:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

.callout {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-top-width: 4px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-style: solid;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}
.callout svg {
    fill: currentColor;
    height: 2rem;
    margin-right: 0.75rem;
    align-self: center;
    width: 2rem;
  }
.callout aside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
  }
.callout aside h1 {
      font-weight: 500;
      margin: 0;
      font-size: 1.25rem;
    }
.callout aside p {
      font-weight: 300;
      margin: 0;
      font-size: 1rem;
    }
.callout h1 + p {
    margin-top: 0.5rem;
  }
.callout[data-callout-type='default'] {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity))
  }
.callout[data-callout-type='default'] svg {
      --text-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--text-opacity));
    }
.callout[data-callout-type='info'] {
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity))
  }
.callout[data-callout-type='info'] svg {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
.callout[data-callout-type='warning'] {
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity))
  }
.callout[data-callout-type='warning'] svg {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
.callout[data-callout-type='error'] {
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity))
  }
.callout[data-callout-type='error'] svg {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
.callout[data-callout-type='success'] {
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity))
  }
.callout[data-callout-type='success'] svg {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }


  .itemList ol,
  .itemList ol li,
  .itemList ol li dl,
  .itemList ol li dl dt,
  .itemList ol li dl dd {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
.itemList ol li {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
    border-style: solid;
    display: flex;
    flex-direction: row;
    position: relative;
    font-size: 0.875rem;
    z-index: 0
  }
.itemList ol li dl {
      align-items: center;
      display: flex;
      flex-direction: row;
      width: 100%
    }
.itemList ol li dl dt {
        display: flex;
        flex-direction: row;
        padding-top: 0.25rem;
        padding-right: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 33.333333%;
      }
.itemList ol li dl dd {
        padding: 0.25rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 33.333333%;
      }
.itemList ol li dl:hover {
        --bg-opacity: 1;
        background-color: #edf2f7;
        background-color: rgba(237, 242, 247, var(--bg-opacity));
        cursor: pointer
      }
.itemList ol li dl:hover .itemListMenu {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          margin: 0;
          padding: 0;
          width: auto;
        }
.itemList ol li dl[data-item-selected='true'] {
        --bg-opacity: 1;
        background-color: #edf2f7;
        background-color: rgba(237, 242, 247, var(--bg-opacity));
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      }
.itemList ol li.header {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
    display: flex;
    flex-direction: row;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 0;
    z-index: 20
  }
.itemList ol li.header dl {
      align-items: stretch
    }
.itemList ol li.header dl:hover {
        --bg-opacity: 1;
        background-color: #e2e8f0;
        background-color: rgba(226, 232, 240, var(--bg-opacity));
        cursor: pointer
      }
.itemList ol li.header dl:hover .itemListMenu {
          justify-content: flex-start;
        }
.itemList ol li.header dl dt,
      .itemList ol li.header dl dd {
        border-top-width: 0;
        border-right-width: 1px;
        border-bottom-width: 0;
        border-left-width: 0;
        --border-opacity: 1;
        border-color: #cbd5e0;
        border-color: rgba(203, 213, 224, var(--border-opacity));
        border-style: solid;
        display: flex;
        flex-direction: row;
        font-weight: 700;
        font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        height: 1.25rem;
        align-items: center;
        padding: 0.5rem;
        --text-opacity: 1;
        color: #718096;
        color: rgba(113, 128, 150, var(--text-opacity));
        font-size: 0.875rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-transform: uppercase
      }
.itemList ol li.header dl dt span, .itemList ol li.header dl dd span {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
.itemList ol li.header dl dt svg, .itemList ol li.header dl dd svg {
          fill: currentColor;
          height: 0.75rem;
          margin-left: 0.25rem;
          align-self: center;
          --text-opacity: 1;
          color: #718096;
          color: rgba(113, 128, 150, var(--text-opacity));
          width: 0.75rem;
          transform: rotate(0deg);
        }
.itemList ol li.header dl dt:hover, .itemList ol li.header dl dd:hover {
          --bg-opacity: 1;
          background-color: #edf2f7;
          background-color: rgba(237, 242, 247, var(--bg-opacity));
        }
.itemList ol li.header dl .itemListMenu {
        --bg-opacity: 1;
        background-color: #718096;
        background-color: rgba(113, 128, 150, var(--bg-opacity));
        display: none;
        align-items: center;
        margin: 0;
        padding: 0;
        position: relative;
        width: 0;
        z-index: 10
      }
.itemList ol li.header dl .itemListMenu button {
          --text-opacity: 1;
          color: #e2e8f0;
          color: rgba(226, 232, 240, var(--text-opacity))
        }
.itemList ol li.header dl .itemListMenu button svg {
            --text-opacity: 1;
            color: #e2e8f0;
            color: rgba(226, 232, 240, var(--text-opacity));
          }
.itemList ol li.header dl .itemListMenu button:hover {
            --text-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--text-opacity))
          }
.itemList ol li.header dl .itemListMenu button:hover svg {
              --text-opacity: 1;
              color: #fff;
              color: rgba(255, 255, 255, var(--text-opacity));
            }
.itemList ol li.header dl[data-bulkactions-visible='true'] dt,
      .itemList ol li.header dl[data-bulkactions-visible='true'] dd {
        display: none;
      }
.itemList ol li.header dl[data-bulkactions-visible='true'] .itemListMenu {
        display: flex;
        width: 100%;
        padding: 0.1em 0.25rem 0.15em 0.25rem;
        left: 0.1em;
      }
.itemList ol li.header dl[data-not-allowed='true'] {
      cursor: not-allowed;
    }
.itemList ol li.header [data-header-ordered='true'] {
      --text-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--text-opacity))
    }
.itemList ol li.header [data-header-ordered='true'] svg {
        --text-opacity: 1;
        color: #1a202c;
        color: rgba(26, 32, 44, var(--text-opacity));
      }
.itemList .startingLetter ol li {
    background-color: transparent;
  }
.itemList ol li [data-selected='true'] {
    cursor: pointer;
    width: 2rem
  }
.itemList ol li [data-selected='true'] svg {
      display: block;
    }

.itemListSelection {
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
  border-top-width: 0;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 0;
  --border-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--border-opacity));
  border-style: solid;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.5rem;
  min-height: 36px
}
.itemListSelection svg {
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentColor;
    height: 0;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    width: 0;
  }
.itemListSelection:hover,
  .itemListSelection[data-selected='true'] {
    cursor: pointer;
    width: 2rem
  }
.itemListSelection:hover svg, .itemListSelection[data-selected='true'] svg {
      height: 1rem;
      width: 1rem;
    }
.itemListSelection::before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2rem;
    z-index: 20;
    content: '';
    left: 0.5em;
  }

.placeholder {
  margin: 1rem
}
.placeholder defs linearGradient stop {
        stop-color: #cbd5e0;
        stop-opacity: 1;
      }
.placeholder defs linearGradient stop:nth-child(2n) {
        stop-color: #edf2f7;
      }


.startingLetter {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
  border-style: solid;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center
}
.startingLetter ol {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    list-style-type: none;
    margin: 0;
    padding: 0
  }
.startingLetter ol li {
      flex: 1 1 auto
    }
.startingLetter ol li button {
        --bg-opacity: 1;
        background-color: #edf2f7;
        background-color: rgba(237, 242, 247, var(--bg-opacity));
        border-top-width: 1px;
        border-right-width: 0;
        border-bottom-width: 0;
        border-left-width: 1px;
        --border-opacity: 1;
        border-color: #cbd5e0;
        border-color: rgba(203, 213, 224, var(--border-opacity));
        border-style: solid;
        font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        outline: 2px solid transparent;
        outline-offset: 2px;
        border-top-left-radius: 0.375rem;
        border-top-right-radius: 0.375rem;
        text-align: center;
        font-size: 0.875rem;
        --text-opacity: 1;
        color: #718096;
        color: rgba(113, 128, 150, var(--text-opacity));
        width: 100%;
      }
.startingLetter ol li button:hover {
        --bg-opacity: 1;
        background-color: #e2e8f0;
        background-color: rgba(226, 232, 240, var(--bg-opacity));
        font-weight: 900;
        --text-opacity: 1;
        color: #2d3748;
        color: rgba(45, 55, 72, var(--text-opacity));
      }
.startingLetter ol li button.selected,
      .startingLetter ol li button.selected:hover {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        font-weight: 700;
        --text-opacity: 1;
        color: #2d3748;
        color: rgba(45, 55, 72, var(--text-opacity));
      }
.startingLetter ol li:last-child button {
          border-right-width: 1px;
          --border-opacity: 1;
          border-color: #cbd5e0;
          border-color: rgba(203, 213, 224, var(--border-opacity));
          border-style: solid;
        }

.label {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  padding: 0.15em 0.25em 0.075em 0.25em
}
.label svg {
    fill: currentColor;
    height: 0.75rem;
    margin-left: 0.5rem;
    width: 0.75rem;
  }
.label[data-label-type='default'] {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }
.label[data-label-type='info'] {
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }
.label[data-label-type='warning'] {
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }
.label[data-label-type='error'] {
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }
.label[data-label-type='success'] {
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }
.label[role='button'] {
    display: flex;
    flex-direction: row;
  }
.label[role='button']:hover,
  .label[data-label-type='default'][role='button']:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }
.label[data-label-type='info'][role='button']:hover {
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }
.label[data-label-type='warning'][role='button']:hover {
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }
.label[data-label-type='error'][role='button']:hover {
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }
.label[data-label-type='success'][role='button']:hover {
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

.total {
  display: flex;
  flex-direction: row;
  margin: 0;
  margin-right: 0.5rem;
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity));
  font-size: 0.875rem
}
.total em {
    font-weight: 600;
    font-style: normal;
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
.total .label {
    margin-left: 0.5rem;
  }

.itemListMenu {
  position: absolute;
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
  display: none;
  margin: 0;
  padding-right: 0.25rem;
  right: 0;
  width: 0;
  z-index: 10
}
.itemListMenu button {
    background-color: transparent;
    box-shadow: none;
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity))
  }
.itemListMenu button:hover {
      background-color: transparent;
      --text-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--text-opacity));
    }
.itemListMenu button svg {
      --text-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--text-opacity))
    }
.itemListMenu button svg:hover {
        --text-opacity: 1;
        color: #2d3748;
        color: rgba(45, 55, 72, var(--text-opacity));
      }
.itemListMenu .total {
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0;
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
    border-style: solid;
    align-items: center;
    padding-left: 0.25rem;
    padding-right: 0.75rem;
    margin-right: 0.5rem;
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity))
  }
.itemListMenu .total em {
      --text-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--text-opacity));
    }

.pageHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem
}
.pageHeader .title hgroup h1 {
        font-weight: 300;
        font-size: 1.5rem;
      }

.avatar {
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
  border-width: 2px;
  --border-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--border-opacity));
  border-style: solid;
  --border-opacity: 0.5;
  display: flex;
  height: 1.5rem;
  margin: 0;
  position: relative;
  border-radius: 9999px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  width: 1.5rem
}
.avatar img {
    position: absolute;
    background-size: cover;
    height: 1.5rem;
    object-fit: cover;
    border-radius: 9999px;
    z-index: 10;
    width: 1.5rem;
  }
.avatar figcaption {
    font-weight: 600;
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    display: flex;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 0.875rem;
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
    letter-spacing: -0.05em;
    width: 1.5rem;
  }

.title {
  align-content: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.title .avatar {
    margin-bottom: 0.15em;
  }
.title svg {
    fill: currentColor;
    height: 1.5rem;
    align-self: center;
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
    width: 1.5rem;
  }
.title hgroup {
    flex-direction: column;
    margin-left: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
.title hgroup h1,
    .title hgroup h2 {
      margin: 0;
      padding: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
.title hgroup h1 {
      font-weight: 500;
      font-size: 0.875rem;
    }
.title hgroup h1.trivial {
      font-weight: 400;
    }
.title hgroup h2 {
      font-weight: 300;
      --text-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--text-opacity));
      font-size: 0.75rem;
      text-transform: uppercase;
    }

.modal {
  position: absolute;
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  --bg-opacity: 0.75;
  display: none;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 50
}
.modal main {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-top-width: 4px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-style: solid;
    position: relative;
    border-radius: 0.375rem
  }
.modal main header {
      border-top-width: 0;
      border-right-width: 0;
      border-bottom-width: 1px;
      border-left-width: 0;
      --border-opacity: 1;
      border-color: #e2e8f0;
      border-color: rgba(226, 232, 240, var(--border-opacity));
      border-style: solid;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.5rem
    }
.modal main header svg {
        fill: currentColor;
        height: 1.25rem;
        align-self: center;
        width: 1.25rem;
      }
.modal main header .title h1 {
        font-weight: 600;
        font-size: 0.875rem;
        text-transform: uppercase;
      }
.modal main header aside {
        cursor: pointer;
        display: flex;
        height: 1rem;
        width: 1rem
      }
.modal main header aside svg {
          fill: currentColor;
          height: 1rem;
          align-self: center;
          width: 1rem;
        }
.modal main article {
      padding: 0.75rem;
    }
.modal main footer {
      border-top-width: 1px;
      border-right-width: 0;
      border-bottom-width: 0;
      border-left-width: 0;
      --border-opacity: 1;
      border-color: #e2e8f0;
      border-color: rgba(226, 232, 240, var(--border-opacity));
      border-style: solid;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.5rem
    }
.modal main footer .button {
        margin-left: 0.25rem;
      }
.modal main.w33 {
      width: 33.333333%;
    }
.modal main.w50 {
      width: 50%;
    }
.modal main.w66 {
      width: 66.666667%;
    }
.modal main[data-modal-type='default'] header aside svg, .modal main[data-modal-type='info'] header aside svg, .modal main[data-modal-type='warning'] header aside svg, .modal main[data-modal-type='error'] header aside svg {
            --text-opacity: 1;
            color: #718096;
            color: rgba(113, 128, 150, var(--text-opacity));
          }
.modal main[data-modal-type='default'] header aside:hover svg, .modal main[data-modal-type='info'] header aside:hover svg, .modal main[data-modal-type='warning'] header aside:hover svg, .modal main[data-modal-type='error'] header aside:hover svg {
              --text-opacity: 1;
              color: #1a202c;
              color: rgba(26, 32, 44, var(--text-opacity));
            }
.modal main[data-modal-type='default'] {
      --border-opacity: 1;
      border-color: #718096;
      border-color: rgba(113, 128, 150, var(--border-opacity))
    }
.modal main[data-modal-type='default'] header svg {
          --text-opacity: 1;
          color: #718096;
          color: rgba(113, 128, 150, var(--text-opacity));
        }
.modal main[data-modal-type='info'] {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity))
    }
.modal main[data-modal-type='info'] header svg {
          --text-opacity: 1;
          color: #3182ce;
          color: rgba(49, 130, 206, var(--text-opacity));
        }
.modal main[data-modal-type='warning'] {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity))
    }
.modal main[data-modal-type='warning'] header svg {
          --text-opacity: 1;
          color: #dd6b20;
          color: rgba(221, 107, 32, var(--text-opacity));
        }
.modal main[data-modal-type='error'] {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity))
    }
.modal main[data-modal-type='error'] header svg {
          --text-opacity: 1;
          color: #e53e3e;
          color: rgba(229, 62, 62, var(--text-opacity));
        }
.modal main[data-modal-type='success'] {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity))
    }
.modal main[data-modal-type='success'] header svg {
          --text-opacity: 1;
          color: #38a169;
          color: rgba(56, 161, 105, var(--text-opacity));
        }
.modal[data-modal-visible='true'] {
    display: flex;
    justify-content: center;
    align-items: center;
  }


/*# sourceMappingURL=core.4754c6d959f618e009e0.chunk.css.map*/