@layer legacy, defaults, bootstrap, design, application;

@layer defaults {
  [data-reactroot] {
    line-height: 1.3;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    box-sizing: border-box;
  }

    [data-reactroot] *,
    [data-reactroot] ::before,
    [data-reactroot] ::after {
      box-sizing: border-box;

      /*
     Apply the "Standard curve" from Material design to everything by default. Other CSS rules can
     override the timing function if they choose to, but by default, everything will get the
     Material "standard curve", which I (Chris) think is a better-looking easing function than the
     default CSS function.
     */
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    [data-reactroot] input,
    [data-reactroot] textarea,
    [data-reactroot] select {
      font: inherit;
    }

    /* Hide the clear button in Microsoft browsers */
    [data-reactroot] input[type='text']::-ms-clear {
      display: none;
    }

    /* Override strange user agent setting in Chrome print mode */
    [data-reactroot] table {
      font-size: inherit;
    }
}

.ErrorBoundry__cfb1efe4 {
  background: #fff;
  text-align: center;
  margin: 10% auto;
  width: 50%;
  padding: 5% 2%;
  color: gray;
  border-radius: 10px;
}

  .ErrorBoundry__cfb1efe4 h2 {
    color: #000;
  }

  .ErrorBoundry__cfb1efe4 a {
    text-decoration: none;
    color: #1976d2;
  }

.ErrorBoundry--container__cfb1efe4 {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1999;
}

@layer design {

  .icon__e4034df1 {
    color: rgba(0, 0, 0, 0.6);
    display: inline-block;
    font-size: var(--icon-size, 24px);
    line-height: 0;
  }

    .icon__e4034df1:focus {
      outline: none;
    }

    .icon__e4034df1 svg {
      fill: currentColor;
      width: 1em;
      height: 1em;
    }

  .light__e4034df1 {
    color: white;
  }

  .icon__e4034df1.disabled__e4034df1 {
    color: rgba(0, 0, 0, 0.26);
    cursor: not-allowed;
  }

  .light__e4034df1.disabled__e4034df1 {
    color: rgba(255, 255, 255, 0.3);
  }

  .clickable__e4034df1 {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  .clickable__e4034df1:not(.disabled__e4034df1)::before {
    content: '';
    position: absolute;
    top: -0.33em;
    left: -0.33em;
    right: -0.33em;
    bottom: -0.33em;
    border-radius: 50%;
    opacity: 0;
    background: currentColor;
    transition: all 0.1s;
  }

  .clickable__e4034df1:hover::before,
  .clickable__e4034df1:focus::before {
    opacity: 0.15;
  }

  .clickable__e4034df1:focus:not(:focus-visible)::before {
    opacity: 0;
  }

  .clickable__e4034df1:focus-visible::before {
    opacity: 0.15;
  }

  .clickable__e4034df1:active::before {
    opacity: 0.2;
  }

  .clickable__e4034df1.light__e4034df1:not(.disabled__e4034df1)::before {
    background: white;
  }

  .clickable__e4034df1.light__e4034df1:hover::before,
  .clickable__e4034df1.light__e4034df1:focus::before {
    opacity: 0.2;
  }

  .clickable__e4034df1.light__e4034df1:active::before {
    opacity: 0.3;
  }

  .missing__e4034df1 {
    position: relative;
    width: 1em;
    height: 1em;
  }

  .missing__e4034df1 {
    background: red;
  }
}

.scrollbar__f3e9dbc4 {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

  /* Custom styling for the scrollbar in Chrome to make it look a little nicer and take up a
     little less room */
  .scrollbar__f3e9dbc4::-webkit-scrollbar {
    border: 0;
    width: 10px;
  }
  .scrollbar__f3e9dbc4::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
  .scrollbar__f3e9dbc4::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.175);
  }
  .scrollbar__f3e9dbc4::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .scrollbar__f3e9dbc4::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.35);
  }
  .scrollbar__f3e9dbc4::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border: 0;
  }
  .scrollbar__f3e9dbc4::-webkit-scrollbar-corner {
    background: transparent;
  }

@layer design {
  .DropdownListPortal {
    position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
  }

  .DropdownList__portalSource__1568aa89 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: -1;
  }

  .DropdownList__1568aa89 {
    background: white;
    max-height: 375px;
  }

    .DropdownList__1568aa89 ul {
      margin: 0;
      padding: 4px 0;
      list-style-type: none;
      background: white;
    }

    /* Styles that apply to all list items, including the ones with custom elements */
    .DropdownList__1568aa89 li {
      position: relative;
      color: black;
    }
        .DropdownList__1568aa89 li.enabled__1568aa89.highlighted__1568aa89,
        .DropdownList__1568aa89 li.enabled__1568aa89:hover {
          background: #eee;
        }

      .DropdownList__1568aa89 li::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #1976D2;
        transition: all 0.1s;
        transform: translateX(-5px);
      }

      .DropdownList__1568aa89 li.selected__1568aa89::after {
        transform: none;
      }

      .DropdownList__1568aa89 li .searchResult__1568aa89 {
        text-decoration: underline;
      }

    /* Styles that only apply to "normal" list items with string children */
    .DropdownList__1568aa89 li.normal__1568aa89 {
      display: flex;
      align-items: center;
      position: relative;
      flex: none;
      padding: 3px 12px;
      cursor: pointer;
      min-height: 28px;
      text-align: left;
      width: 100%;
      gap: 8px;
    }

      .DropdownList__1568aa89 li.normal__1568aa89.selected__1568aa89 {
        color: #1976D2;
      }

      .DropdownList__1568aa89 li.normal__1568aa89.disabled__1568aa89 {
        opacity: 0.4;
        font-style: italic;
        pointer-events: none;
      }

      .DropdownList__1568aa89 li.normal__1568aa89 .li__content__1568aa89 {
        flex: 1;
      }

      .DropdownList__1568aa89 li.normal__1568aa89 .li__tag__1568aa89 {
        flex: none;
        text-align: right;
        font-size: 0.85em;
        font-weight: 500;
        letter-spacing: 0.025em;
        text-transform: uppercase;
        color: #444;
      }

      .DropdownList__1568aa89 li.normal__1568aa89 .checkbox__1568aa89 {
        margin-right: 10px;
        flex: none;
      }

  .DropdownList--closeable__1568aa89 {
    position: absolute;
    z-index: 2;
    border: 1px solid gray;
    box-shadow: 0 2.5px 3px rgba(0, 0, 0, 0.4);
    background: white;
    max-height: none;
    transform: translateY(-12px);
    opacity: 0;
    visibility: hidden;
  }

  .DropdownList--up__1568aa89 {
    transform: translateY(12px);
  }

  .DropdownList--open__1568aa89 {
    visibility: visible;
    opacity: 1;
    transform: none;
    transition-property: transform, opacity;
    transition-duration: 0.15s;
  }

  .group__1568aa89 {
    position: sticky;
    top: 0;
    display: flex;
    background: white;
    z-index: 1;
    padding: 12px 12px 2px;
    margin-bottom: 4px;
    align-items: center;
    font-weight: 500;
    font-size: 0.9em;
    border-bottom: 1px solid rgba(25, 118, 210, 0.3);
    color: #1976D2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: space-between;
  }

    label:has(input[type='search']) ~ .group__1568aa89 {
      position: sticky;
      top: 34px;
    }

  .groupEnding__1568aa89 {
    border-bottom: 1px solid rgba(25, 118, 210, 0.3);
    margin: 8px 0 12px;
  }

    .groupEnding__1568aa89:first-of-type {
      display: none;
    }

  .SearchMiss__1568aa89 {
    text-align: center;
    padding: 40px;
    background: white;
  }

    .SearchMiss__1568aa89 i.SearchMiss__icon__1568aa89 {
      font-size: 48px;
      transform: none;
    }

    .SearchMiss__1568aa89 p {
      margin-bottom: 0;
      color: #777;
      font-size: 1.15em;
    }

  .clear__1568aa89 {
    position: relative;
  }
    .clear__1568aa89 span::after {
      content: '';
      display: inline-block;
      position: absolute;
      width: 16px;
      flex: none;
      background: gray;
      height: 1px;
      top: 50%;
    }
}

.searcher__77894189.searcher__77894189 {
  align-items: center;
  background: white;
  border-bottom: 1px solid #ddd;
  cursor: text;
  display: flex;
  margin-bottom: 4px;
  margin-top: -4px;
  padding: 8px 10px;
  position: sticky;
  top: 0;
  z-index: 2;
}

  .searcher__77894189.searcher__77894189 i {
    flex: none;
    font-size: 16px;
    margin-left: 6px;
    margin-right: 10px;
  }

  .searcher__77894189.searcher__77894189 input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    flex: 1;
    font-weight: normal;
    padding: 0;
    margin: 0;
    min-width: 0;
  }

  .searcher__77894189.searcher__77894189 input:focus {
      outline: none;
    }

  .searcher__77894189.searcher__77894189 input::-moz-placeholder {
      font-style: italic;
    }

  .searcher__77894189.searcher__77894189 input::placeholder {
      font-style: italic;
    }

.label__66d87c46 {
  align-items: center;
  border-radius: 6px;
  color: #363d43;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  justify-content: space-between;
  line-height: 22px;
  min-width: 0;
  padding: 8px 6px;
  position: relative;
  transition: all 230ms ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

  .label__66d87c46:hover {
    background: #f4f6f7;
  }

  .label__66d87c46:active {
    background: #c4c5c6;
  }

  .label__66d87c46:has(+ div[class^='dialog']) {
    background: #f4f6f7;
  }

  .label__66d87c46:has(+ div[class^='dialog']):active {
      background: #c4c5c6;
    }

  .label__66d87c46 span {
    display: -webkit-box;
    line-clamp: 2;
    max-width: 148px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
  }

.dialog__66d87c46 {
  position: fixed;
  left: calc(var(--sidebar-width, 0px) + 20px);
  top: 20px;
  width: 220px;
  background: white;
  color: black;
  box-shadow:
    0 1px 3px 0 rgba(16, 24, 40, 0.1),
    0 1px 2px 0 rgba(16, 24, 40, 0.06);
  border: 1px solid #c9d4d8;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  transition: all 230ms ease-in;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}

.dialog--open__66d87c46 {
  opacity: 1;
  visibility: visible;
}

.dialog__instructions__66d87c46 {
  display: flex;
  align-items: center;
  padding: 12px;
  margin: 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #363d43;
}

.dialog__instructions__66d87c46 > span {
    flex: 1;
  }

.dialog__instructions__help__66d87c46 {
  color: #1976D2;
  margin-left: 6px;
  font-size: 22px;
  cursor: help;
}

.dialog__dropdown__66d87c46 {
  border-radius: inherit;
}

.dialog__dropdown__66d87c46 > ul > label {
      z-index: unset;
    }

.SiteOptionWithActions__66d87c46 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 12px;
}

.SiteOptionWithActions__66d87c46 .SiteName__66d87c46 {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.SiteOptionWithActions__66d87c46 .PostalCodes__66d87c46 {
    flex: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.SiteOptionWithActions__66d87c46 .PostalCodes__66d87c46.PostalCodes--expanded__66d87c46 {
      overflow: visible;
      white-space: normal;
    }

.SiteOptionWithActions__66d87c46 .PostalCodes__toggle__66d87c46 {
    background: none;
    border: none;
    color: #006eae;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    margin-left: 4px;
    padding: 0;
  }

.SiteOptionWithActions__66d87c46 .ActionButtons__66d87c46 {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
  }

.SiteOptionWithActions__66d87c46 .ActionButtons__66d87c46 button {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 4px 6px;
      display: flex;
      border-radius: 4px;
      color: #666;
    }

.SiteOptionWithActions__66d87c46 .ActionButtons__66d87c46 button:hover {
        background: rgba(0, 102, 204, 0.1);
        color: #0066cc;
      }

.SiteOptionWithActions__66d87c46 .ActionButtons__66d87c46 button:active {
        background: rgba(0, 102, 204, 0.2);
        transform: scale(0.95);
      }

.SiteOptionWithActions__66d87c46 .ActionButtons__66d87c46 button:focus {
        outline: 2px solid #0066cc;
        outline-offset: 1px;
      }

#site_switcher {
  display: flex;
  align-items: center;
}

.siteSwitcher__8c8ef8ae {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: -4px;
  margin-right: 12px;
}

.label__8c8ef8ae {
  display: flex;
  position: relative;
  align-items: center;
  padding: 8px 4px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.label__8c8ef8ae::after {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 5px;
    left: 0;
    right: 0;
    background: #777;
  }

#multisite .label__8c8ef8ae::after {
      background: #999;
    }

.label__8c8ef8ae i {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 6px;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    transform: rotate(45deg);
  }

#multisite .label__8c8ef8ae i {
      border-right-color: gray;
      border-bottom-color: gray;
    }

.dialog__8c8ef8ae {
  position: absolute;
  right: -4px;
  top: 100%;
  margin-top: 14px;
  width: 220px;
  background: white;
  color: black;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  border: 1px solid gray;
  border-radius: 2px;
  transition: all 0.15s;
  opacity: 0;
  transform: translateY(-12px);
}

.dialog--open__8c8ef8ae {
  opacity: 1;
  transform: none;
}

.dialog__instructions__8c8ef8ae {
  display: flex;
  align-items: center;
  padding: 12px;
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}

.dialog__instructions__8c8ef8ae > span {
    flex: 1;
  }

.dialog__instructions__help__8c8ef8ae {
  color: #1976D2;
  margin-left: 6px;
  font-size: 22px;
  cursor: help;
}

.dialog__dropdown__8c8ef8ae > ul > label {
      z-index: unset;
    }

#enterprise-header {
  position: relative;
  z-index: 2;
}

body {
  padding: 0;
  margin: 0;
}

.EnterpriseHeader__6468b9cd {
  display: flex;
  background: #333;
  color: white;
}

.EnterpriseHeader__6468b9cd > a {
    display: inline-flex;
    align-items: center;
    font-size: 1.2em;
    padding: 6px 16px;
    color: inherit;
    font-weight: 500;
    text-decoration: none;
  }

.spacer__6468b9cd {
  flex: 1;
}

.AdminMenu__6468b9cd {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 1.2em;
  padding: 6px 16px;
  color: inherit;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.AdminMenuDialog__6468b9cd {
  position: absolute;
  left: 0;
  top: 100%;
  background: white;
  color: black;
  cursor: default;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  min-width: 200px;
  font-size: 14px;
  font-weight: normal;
  z-index: 1;
}

.AdminMenuDialog__6468b9cd a {
    display: block;
    padding: 8px 12px;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    transition: all 0.1s;
  }

.AdminMenuDialog__6468b9cd a:hover {
      background: #eee;
    }

.UserProfile__6468b9cd {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 6px 16px;
  border-radius: 50%;
  background: gray;
  color: white;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}

.UserProfile__6468b9cd i {
    color: white;
  }

.UserProfileDialog__6468b9cd {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 12px;
  background: white;
  color: black;
  cursor: default;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  min-width: 150px;
}

.UserProfileDialog__6468b9cd p {
    text-transform: uppercase;
    font-size: 0.9em;
    white-space: nowrap;
    margin: 0;
  }

.UserProfileDialog__6468b9cd p,
  .UserProfileDialog__6468b9cd a {
    display: block;
    padding: 8px 12px;
    cursor: pointer;
  }

.UserProfileDialog__6468b9cd p:hover, .UserProfileDialog__6468b9cd a:hover {
      background: #eee;
    }

.UserProfileDialog__6468b9cd a {
    text-decoration: none;
    color: inherit;
    transition: all 0.1s;
  }

@layer design {
  .dialogs__66196756 {
    z-index: 3000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
  }

  .dialogs--open__66196756 {
    transition-duration: 0.25s;
    visibility: visible;
    opacity: 1;
  }

  .dialogContainer__66196756 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    transition: all 0.2s;
    transform: scale(0.95) translateY(20px);
    opacity: 0;
  }

    .dialogs--open__66196756 .dialogContainer__66196756 {
      transition-duration: 0.25s;
      transform: none;
      opacity: 1;
    }

    .dialogs--closing__66196756 .dialogContainer__66196756 {
      transform: scale(0.9) translateY(-12px);
    }

  .dialog__66196756 {
    margin-top: 50px;
    margin-top: 10vh;
    margin-bottom: 20px;
    margin-bottom: 5vh;
    min-width: 300px;
    max-width: 500px;
    background: white;
    border-radius: 2px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  }

    .dialog__66196756 > div[data-id='Dialog'] {
      padding: unset;
      position: relative;
      width: 100%;
      height: unset;
      margin: unset;
      border: unset;
    }

  .dialogHeading__66196756 {
    display: flex;
    align-items: center;
    padding: 20px;
    margin: 0;
    font-size: 1.7em;
    font-weight: bold;
    color: #424242;
  }

    .dialogHeading__66196756 i {
      margin-right: 12px;
    }

  .dialogHeading__close__66196756 {
    color: #616161;
  }

  .dialogBody__66196756 {
    padding: 8px 20px 20px;
  }
}

.progress__90eb911d {
  display: inline-block;
  width: 28px;
  height: 28px;
  border: 3px solid white;
  border-radius: 50%;
  animation: spin__90eb911d infinite 1.1s linear;
}

.primary__90eb911d {
  border-color: #1976D2;
}

.white__90eb911d {
  border-color: white;
}

.progress__90eb911d {
  border-top-color: transparent;
}

@keyframes spin__90eb911d {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Base button class */
  [data-reactroot] .button__b90e8cd3 {
    display: inline-block;
    position: relative;
    margin: 0;
    font: inherit;
    font-size: 14px;
    text-transform: uppercase;
    padding: 9px 20px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    background-color: #e1e1e1;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.1s;
    min-width: 80px;
  }
  [data-reactroot] .button__b90e8cd3::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  [data-reactroot] .button__b90e8cd3:focus {
    outline: 0;
  }
  [data-reactroot] .button__b90e8cd3:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: none;
  }
  [data-reactroot] .button__b90e8cd3:active {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  }
  [data-reactroot] .button__b90e8cd3::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    opacity: 0;
    transition: all 0.1s;
  }
  [data-reactroot] .button__b90e8cd3:active::after {
    opacity: 0.05;
  }
  [data-reactroot] .button__b90e8cd3 .progress__b90e8cd3 {
    position: absolute;
    height: 24px;
    width: 24px;
    border-width: 3px;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
  }
  [data-reactroot] .button__b90e8cd3 span {
    transition: all 0.2s;
  }
  [data-reactroot] .primary__b90e8cd3 {
    background: #1976D2;
    color: white;
  }
  [data-reactroot] .secondary__b90e8cd3 {
    background: whitesmoke;
    color: #333;
  }
  [data-reactroot] .success__b90e8cd3 {
    background: #4CAF50;
    color: white;
  }
  [data-reactroot] .info__b90e8cd3 {
    background: #03A9F4;
    color: white;
  }
  [data-reactroot] .warning__b90e8cd3 {
    background: #FF9800;
    color: white;
  }
  [data-reactroot] .danger__b90e8cd3 {
    background: #B71C1C;
    color: white;
  }
  [data-reactroot] .white__b90e8cd3 {
    background: white;
    color: #1976D2;
  }
  [data-reactroot] .listing-head__b90e8cd3 {
    background: white;
    color: inherit;
  }
  [data-reactroot] .button__b90e8cd3 .progress__b90e8cd3 {
    border-color: white;
    border-top-color: transparent;
  }
  [data-reactroot] .white__b90e8cd3 .progress__b90e8cd3 {
    border-color: #1976D2;
    border-top-color: transparent;
  }
  [data-reactroot] .flat__b90e8cd3 .progress__b90e8cd3 {
    border-color: #1976D2;
    border-top-color: transparent;
  }
  [data-reactroot] .flat__b90e8cd3 {
    background: transparent;
    color: #1976D2;
    box-shadow: none;
    padding-left: 12px;
    padding-right: 12px;
  }
  [data-reactroot] .flat__b90e8cd3:hover,
  [data-reactroot] .flat__b90e8cd3:active {
    box-shadow: none;
  }
  [data-reactroot] .flat__b90e8cd3.white__b90e8cd3 {
    color: white;
  }
  [data-reactroot] .flat__b90e8cd3.white__b90e8cd3:hover {
    background: rgba(255, 255, 255, 0.15);
  }
  [data-reactroot] .flat__b90e8cd3.white__b90e8cd3:active {
    background: rgba(255, 255, 255, 0.3);
  }
  [data-reactroot] .outline__b90e8cd3 {
    background: transparent;
    border: 1px solid #1976D2;
    color: #1976D2;
    padding-left: 12px;
    padding-right: 12px;
  }
  [data-reactroot] .outline__b90e8cd3:hover {
      color: white;
      background-color: #1976D2;
    }
  [data-reactroot] .small__b90e8cd3 {
    font-size: 12px;
    min-width: 50px;
    padding: 3px 0px;
  }

.header-button__b90e8cd3 {
  display: inline-block;
  position: relative;
  margin: 0;
  font: inherit;
  font-size: 0.95em;
  text-transform: uppercase;
  color: #555;
  border: none;
  border-radius: 2px;
  padding: 8px 20px;
  cursor: pointer;
  background-color: #e1e1e1;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

.Header__e8cccf4c {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -8px 0;
}

  .Header__e8cccf4c h2 {
    font-size: 1em;
    margin: 0;
  }

  .Header__e8cccf4c small {
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 6px;
    margin-bottom: -10px;
    color: #555;
  }

.Body__e8cccf4c {
  padding-top: 20px;
  background: #eee;
  border-top: 1px solid #ccc;
}

.Body__content__e8cccf4c {
  display: flex;
  margin: -4px;
}

.Body__content__e8cccf4c > * {
    flex: 1;
  }

.Body__content__e8cccf4c h4 {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 0 4px;
    margin: 0;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 0.9em;
    color: #555;
  }

.Body__content__e8cccf4c h4 i {
      font-size: 18px;
      cursor: help;
      margin-left: 4px;
    }

.Body__content__e8cccf4c h4 ~ h4 {
      margin-top: 16px;
    }

.EditUser__e8cccf4c {
  min-width: 600px;
}

.UserInformation__e8cccf4c {
  margin-right: 20px;
  flex: 1;
}

.UserInformation__e8cccf4c small {
    display: block;
    text-align: center;
    margin: 4px;
    font-size: 0.9em;
    color: #555;
  }

.Password__e8cccf4c {
  position: relative;
}

.PasswordToggle__e8cccf4c {
  position: absolute;
  right: 12px;
  top: 10px;
}

.ValidationErrors__e8cccf4c:empty {
    display: none;
  }

.ValidationError__e8cccf4c {
  background: #b93a3a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 16px;
  color: white;
}

.ValidationError__e8cccf4c i {
    color: inherit;
  }

.SiteAccessCount__f910314f {
  text-align: center;
  margin-top: 8px;
}

.SiteDropdown__f910314f {
  border: 1px solid gray;
  max-height: 400px;
}

.SiteOption__f910314f {
  display: flex;
  align-items: center;
  padding: 3px 12px;
  min-height: 28px;
  cursor: pointer;
}

.SiteOption__f910314f input[type='checkbox'] {
    margin: 0;
    margin-right: 6px;
  }

.SiteOption__f910314f span {
    pointer-events: none;
    flex: 1;
  }

.SiteOption--organization__f910314f {
  padding-left: 12px;
}

.SiteOption--district__f910314f {
  padding-left: 28px;
}

.SiteOption--site__f910314f {
  padding-left: 44px;
}

.UserSiteRole__f910314f {
  position: relative;
  margin-right: -8px;
}

.UserSiteRole__f910314f.UserSiteRole__f910314f select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0;
    background: transparent;
    border: none;
    margin: -4px 0;
    padding: 4px 20px 4px 12px;
    align-self: stretch;
    font-size: 0.9em;
    color: #444;
    direction: rtl;
    pointer: cursor;
  }

.UserSiteRole__f910314f.UserSiteRole__f910314f select:focus {
      outline: none;
    }

.UserSiteRole__f910314f option {
    direction: ltr;
  }

.UserSiteRole__f910314f i {
    position: absolute;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    transform: rotate(45deg);
    top: 4px;
    right: 7px;
    pointer-events: none;
  }

.UserSiteRole__f910314f {
  position: relative;
  margin-right: -8px;
}

.UserSiteRole__f910314f.UserSiteRole__f910314f select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0;
    background: transparent;
    border: none;
    margin: -4px 0;
    padding: 4px 20px 4px 12px;
    align-self: stretch;
    font-size: 0.9em;
    color: #444;
    direction: rtl;
    pointer: cursor;
  }

.UserSiteRole__f910314f.UserSiteRole__f910314f select:focus {
      outline: none;
    }

.UserSiteRole__f910314f option {
    direction: ltr;
  }

.UserSiteRole__f910314f i {
    position: absolute;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    transform: rotate(45deg);
    top: 4px;
    right: 7px;
    pointer-events: none;
  }

.UserSites__header__f910314f {
  display: flex;
  justify-content: space-between;
}

.UserSites__header__f910314f span {
    display: flex;
  }

.confirmTooltipContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.confirmTooltip__84b9c83c,
.animating__84b9c83c {
  position: relative;
  border-radius: 2px;
  color: #ECEFF1;
  transition: all 0.2s;
  line-height: 1.4em;
  z-index: 9000;
  margin-top: 18px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.Tooltip--default__84b9c83c {
  background: #263238;
}

.Tooltip--error__84b9c83c {
  background: #FFEBEE;
  color: #B71C1C;
}

.Tooltip--warning__84b9c83c {
  background: #FFF3E0;
  color: #424242;
}

.caret__84b9c83c {
  position: absolute;
  border: 12px solid transparent;
  border-left-width: 16px;
  border-right-width: 16px;
  top: -23px;
  pointer-events: none;
  /* left or right is set in code */
}

.Caret--default__84b9c83c {
  border-bottom-color: #263238;
}

.Caret--error__84b9c83c {
  border-bottom-color: #FFEBEE;
}

.Caret--warning__84b9c83c {
  border-bottom-color: #FFF3E0;
}

.animating__84b9c83c {
  opacity: 0;
  transform: scale(0.95) translateY(-12px);
}

.contents__84b9c83c {
  padding: 12px 12px 8px;
}

.LevelIcon__84b9c83c {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.LevelIcon__84b9c83c i {
    font-size: 80px;
    opacity: 0.15;
    position: absolute;
    right: -20px;
    top: -20px;
    transform: rotate(10deg);
  }

.actions__84b9c83c {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
}

.actions__84b9c83c:empty {
    display: none;
  }

.TooltipButton__84b9c83c {
  all: unset;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1;
  margin-left: 8px;
  min-width: 40px;
  padding: 8px 12px;
  position: relative;
  text-align: center;
  transition: all 0.1s;
}

.TooltipButton__84b9c83c:hover,
  .TooltipButton__84b9c83c:focus {
    background: rgba(255, 255, 255, 0.25);
    outline: none;
  }

.TooltipButton__84b9c83c:active {
    background: rgba(255, 255, 255, 0.35);
  }

.TooltipButton__84b9c83c:focus-visible {
    border-color: #bbb;
  }

.dirty__05aa9f84,
.dirty--clickable__05aa9f84 {
  position: absolute;
  width: 32px;
  height: 32px;
  background: #1976D2;
  top: -17px;
  right: -17px;
  transform: rotate(-135deg);
}

.dirty--clickable__05aa9f84 {
  cursor: pointer;
}

@layer design {

  .container__14adc055 {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    cursor: text;
    padding: 22px 12px 4px;
    background: white;
    margin-bottom: 1px; /* visual adjustment because outline appears outside element box  */
    transition: all 0.1s ease-out;
    outline: 1px solid gray;
  }

    @media print {

  .container__14adc055 {
      /* PhantomJS renders a 1px border a little thicker, which is perfect. Using outlines causes
       weird visual artifacts like part of a floatinglabel sitting on one page and the rest on
       another. */
      border: 1px solid gray;
      outline: none;
      margin-bottom: -1px
  }
    }

  /*
 * This CSS only applies to Firefox, which has a bug that causes the outline property to render
 * incorrectly for parent elements with absolutely positioned children.
 */
  @-moz-document url-prefix() {
    .container__14adc055 {
      outline: none;
      box-shadow: 0 0 0 1px gray;
    }
  }

  .container__14adc055 input,
  .container__14adc055 textarea,
  .container__14adc055 select {
    border: none;
    background: transparent;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
  }

  .container__14adc055 input:focus,
  .container__14adc055 textarea:focus,
  .container__14adc055 select:focus {
    outline: none;
  }

  .error__14adc055 {
    background: #FFEBEE;
    outline: 2px solid #B71C1C;
    z-index: 1;
  }

  .warning__14adc055 {
    background: #FFF3E0;
    outline-color: #FF9800;
    z-index: 1;
  }

  .error__14adc055 .label__14adc055 {
    color: #B71C1C;
  }

  .warning__14adc055 .label__14adc055 {
    color: #FF9800;
  }

  .error__14adc055 .dirtyIndicator__14adc055 {
    background: #B71C1C;
  }

  .warning__14adc055 .dirtyIndicator__14adc055 {
    background: #FF9800;
  }

  .readOnly__14adc055 {
    cursor: not-allowed;
  }

  .disabled__14adc055 {
    cursor: not-allowed;
  }

  /*
 * This CSS only applies to Firefox, which has a bug that causes the outline property to render
 * incorrectly for parent elements with absolutely positioned children.
 */
  @-moz-document url-prefix() {
    .error__14adc055 {
      outline: none;
      box-shadow: 0 0 0 2px #B71C1C;
    }

    .warning__14adc055 {
      outline: none;
      box-shadow: 0 0 0 1px #FF9800;
    }
  }

  .topRight__14adc055 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    overflow: hidden;
  }

  .middleRight__14adc055 {
    position: absolute;
    z-index: 1;
    top: 25%;
    right: 10px;
    width: 22px;
    height: 22px;
    overflow: hidden;
  }

  .label__14adc055 {
    align-items: center;
    display: flex;
    gap: 4px;
    line-height: normal;
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 15px;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    color: gray;
    white-space: nowrap;
  }

    @media print {

  .label__14adc055 {
      /* These styles should match .label--floated (I couldn't find a way to reuse them) */
      font-size: 0.92em;
      top: 4px;
      color: #333;
      font-weight: 500
  }
    }

  .label--floated__14adc055 {
    /* These styles should match .label print styling (I couldn't find a way to reuse them) */
    font-size: 0.92em;
    top: 4px;
    color: #1976D2;
    font-weight: 500;
  }

    @media print {

  .label--floated__14adc055 {
      color: #333
  }
    }

  /**
 * Overrides for select elements inside floating labels
 */
  .container__14adc055 .select__14adc055 {
    position: static;
    border: none;
    padding: 0;
    padding-right: 16px;
    background: transparent;
  }

  .container__14adc055 .select__14adc055 i {
    right: 8px;
  }

  .container__14adc055 .dropdown__14adc055:not(select) {
    border-top: 0;
    left: -1px;
    right: -1px;
    width: auto;
    max-width: 350px;
  }

  .container__14adc055 .parallelSelectContainer__14adc055 {
    margin-left: -12px;
    padding-right: 0;
  }

  .container__14adc055 .parallelSelectContainer__14adc055 .parallelSelect__14adc055 {
    padding-left: 12px;
    background: transparent;
  }

    .container__14adc055 .parallelSelectContainer__14adc055 .parallelSelect__14adc055 input {
      background: transparent;
    }

  .container__14adc055 .parallelDropdown__14adc055 {
    left: -1px;
    margin-top: 5px;
    border-top: 0;
  }

  .container__14adc055 .radioGroupContainer__14adc055 {
    padding: 2px 0 0 8px;
  }

  .container__14adc055 .checkboxListContainer__14adc055 {
    padding: 2px 0 0 8px;
  }

  .container__14adc055.textBoxContainer__14adc055 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

    @media print {

  .container__14adc055.textBoxContainer__14adc055 {
      word-wrap: break-word
  }
    }

    .container__14adc055.textBoxContainer__14adc055 > textarea {
      max-height: 150px;
      padding: 0 12px 4px;
    }

  .container__14adc055 .yesNo__14adc055 {
    padding-top: 1px;
    margin-bottom: -1px;
  }

  .container__14adc055 .miniCalendar__14adc055 {
    position: static;
  }

  .container__14adc055.primaryPhysician__14adc055 {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
  }

  .slim__14adc055 {
    border: 1px solid #aaa;
    padding: 5px;
  }

  .noPointerEvents__14adc055 {
    pointer-events: none;
  }

  i.Help__14adc055 {
    cursor: help;
    font-size: 15px;
    pointer-events: all;
  }
}

.ReadOnlyIcon__14adc055 {
  color: #1976D2;
  font-size: 14px;
}

@media print {

.ReadOnlyIcon__14adc055 {
    display: none
}
  }

@layer design {
    .LockedLabel__1f7ab5ff i {
      color: #1976D2;
    }
    .hasMessage__1f7ab5ff:hover {
      cursor: pointer;
    }
}

@layer design {
    .MultiselectFloatingLabel__91e1839a:has(dialog[open]) {
      z-index: 2;
    }

    .MultiselectFloatingLabel__91e1839a:hover i[title] {
      z-index: 1;
    }

  .Placeholder__91e1839a {
    opacity: 0.6;
    font-style: italic;
  }

  .Multiselect__91e1839a.Multiselect__91e1839a {
    inset: 0;
  }

    .Multiselect__91e1839a.Multiselect__91e1839a > button {
      all: unset;
      background: transparent;
      position: absolute;
      inset: 0;
      z-index: 0;
    }

      .Multiselect__91e1839a.Multiselect__91e1839a > button > i[data-icon='axc_expand_more'] {
        cursor: pointer;
        position: absolute;
        right: 8px;
        top: 50%;
        transition: all 0.1s;
        translate: 0 -50%;
      }
        .Multiselect__91e1839a.Multiselect__91e1839a > button:has(+ dialog[open]) i {
          rotate: 180deg;
        }

    .Multiselect__91e1839a.Multiselect__91e1839a > dialog {
      top: calc(100% - 1px);
      margin-left: -1px;
    }

  .SelectedOptions__91e1839a {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-right: 32px;
  }

  .SelectedOption__91e1839a {
    all: unset;
    align-items: center;
    background: #ECEFF1;
    border-radius: 100px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-flex;
    gap: 4px;
    padding: 0 4px 0 8px;
    position: relative;
    white-space: nowrap;
    z-index: 1;
  }

    .SelectedOption__91e1839a:focus-visible {
      box-shadow: 0 0 0 2px currentColor;
    }

    .SelectedOption__91e1839a i {
      font-size: 14px;
    }
}

.MultiselectDropdownList__19da9536 li > i[data-icon='check_box'],
  .MultiselectDropdownList__19da9536 li > i[data-icon='check_box_outline_blank'] {
    font-size: 20px;
  }
  .MultiselectDropdownList__19da9536 li > i[data-icon='check_box'] {
    color: #1976D2;
  }

@layer design {
  .DropdownButton__b58e07c8 {
    position: relative;
  }
    .DropdownButton__b58e07c8[data-open] {
      position: relative;
    }

    .DropdownButton__b58e07c8 > button {
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }

    .DropdownButton__b58e07c8 > dialog {
      background: white;
      box-shadow:
        0px 1px 3px 0px rgba(16, 24, 40, 0.1),
        0px 1px 2px 0px rgba(16, 24, 40, 0.06);
      border: 1px solid rgba(0, 0, 20, 0.33);
      border-radius: 2px;
      color: #263238;
      cursor: default;
      display: block;
      left: 0;
      line-height: 1.3;
      font-weight: normal;
      letter-spacing: 0;
      margin: 0;
      opacity: 0;
      padding: 0;
      position: absolute;
      text-align: left;
      transform: translateY(-8px);
      z-index: 1;
    }

      .DropdownButton__b58e07c8 > dialog[open] {
        opacity: 1;
        transform: none;
        transition: all 0.1s;
        transition-property: opacity, transform;
      }
}

@layer design {
  .Button__4bf0249f {
    --padding-x: 7px;
    --padding-y: 3px;
    all: unset;
    align-items: center;
    background: var(--bg);
    border-radius: 4px;
    border: 1px solid var(--bg);
    box-sizing: border-box;
    color: var(--fg);
    cursor: pointer;
    display: inline-flex;
    gap: 4px;
    font-size: 13.5px;
    font-weight: normal;
    justify-content: center;
    padding: var(--padding-y) var(--padding-x);
    position: relative;
    text-decoration: none;
    transition: all 0.1s;
    white-space: nowrap;
  }

    .Button__4bf0249f > i,
    .Button__4bf0249f .contents__4bf0249f i {
      color: var(--fg);
    }

    a:has(> .Button__4bf0249f) {
      text-decoration: none;
    }

    .Button__4bf0249f > i[data-icon='axc_progress'] {
      position: absolute;
      left: 50%;
      top: 50%;
      color: inherit;
      transform: translate(-50%, -50%);
      font-size: 20px;
    }
      .Button__4bf0249f.Button--loading__4bf0249f .contents__4bf0249f,
      .Button__4bf0249f.Button--loading__4bf0249f .Split__4bf0249f,
      .Button__4bf0249f.Button--loading__4bf0249f .HelpIcon__4bf0249f {
        opacity: 0;
      }

    .Button__4bf0249f.Button--medium__4bf0249f {
      --padding-x: 20px;
      --padding-y: 10px;
      border-radius: 2px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
      line-height: 1;
      min-width: 90px;
      text-decoration: none;
    }

      .Button__4bf0249f.Button--medium__4bf0249f > i[data-icon='axc_progress'] {
        font-size: 24px;
      }

      .Button__4bf0249f.Button--medium__4bf0249f .contents__4bf0249f {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }

    .Button__4bf0249f.Button--primary__4bf0249f {
      --bg: #1976D2;
      --fg: white;
      --bg-disabled: rgba(25, 118, 210, 0.65);
    }
    .Button__4bf0249f.Button--secondary__4bf0249f {
      --bg: #CFD8DC;
      --fg: #263238;
      --bg-disabled: rgba(207, 216, 220, 0.65);
    }
    .Button__4bf0249f.Button--danger__4bf0249f {
      --bg: #D32F2F;
      --fg: white;
      --bg-disabled: rgba(211, 47, 47, 0.65);
    }
    .Button__4bf0249f.Button--link__4bf0249f {
      --bg: transparent;
      --fg: #1976D2;
      --bg-disabled: transparent;
      box-shadow: none;
    }
      .Button__4bf0249f.Button--link__4bf0249f:hover {
        background: rgba(25, 118, 210, 0.1);
      }
    .Button__4bf0249f.Button--success__4bf0249f {
      --bg: #28a745;
      --fg: white;
      --bg-disabled: rgba(40, 167, 69, 0.65);
    }
    .Button__4bf0249f.Button--warning__4bf0249f {
      --bg: #FFC107;
      --fg: #263238;
      --bg-disabled: rgba(255, 193, 7, 0.65);
    }
    .Button__4bf0249f.Button--light__4bf0249f {
      --bg: #f4f5f6;
      --fg: #263238;
      --bg-disabled: rgba(244, 245, 246, 0.65);
    }
    .Button__4bf0249f.Button--info__4bf0249f {
      --bg: #17a2b8;
      --fg: white;
      --bg-disabled: rgba(23, 162, 184, 0.65);
    }
    .Button__4bf0249f.Button--dark__4bf0249f {
      --bg: #343a40;
      --fg: white;
      --bg-disabled: rgba(52, 58, 64, 0.65);
    }

    .Button__4bf0249f.Button--outline__4bf0249f.Button--secondary__4bf0249f {
      --bg: #6c757d;
    }
      .Button__4bf0249f.Button--outline__4bf0249f.Button--secondary__4bf0249f:hover {
        --fg: white;
      }

    .Button__4bf0249f.Button--outline__4bf0249f {
      background: transparent;
      border-color: var(--bg);
      color: var(--bg);
    }

      .Button__4bf0249f.Button--outline__4bf0249f > i,
      .Button__4bf0249f.Button--outline__4bf0249f .contents__4bf0249f i {
        color: var(--bg);
      }

      .Button__4bf0249f.Button--outline__4bf0249f:hover {
        background: var(--bg);
        color: var(--fg);
      }

        .Button__4bf0249f.Button--outline__4bf0249f:hover > i,
        .Button__4bf0249f.Button--outline__4bf0249f:hover .contents__4bf0249f i {
          color: var(--fg);
        }

        .Button__4bf0249f.Button--outline__4bf0249f:hover:disabled {
          background: var(--bg-disabled);
        }

      .Button__4bf0249f.Button--outline__4bf0249f:disabled {
        background: transparent;
      }

    .Button__4bf0249f.Button--flat__4bf0249f {
      background: transparent;
      color: #1976D2;
      border: none;
      font-size: 0.9em;
      font-weight: 500;
      letter-spacing: 0.03em;
      line-height: 1;
      padding: 9px;
      text-transform: uppercase;
      --bg-disabled: transparent;
    }

      .Button__4bf0249f.Button--flat__4bf0249f:hover {
        background: rgba(25, 118, 210, 0.1);
      }
      .Button__4bf0249f.Button--flat__4bf0249f:active {
        background: rgba(25, 118, 210, 0.2);
      }
      .Button__4bf0249f.Button--flat__4bf0249f:disabled {
        opacity: 0.5;
      }

    .Button__4bf0249f:disabled {
      cursor: not-allowed;
      background: var(--bg-disabled);
      border: 1px solid var(--bg-disabled);
    }

      .Button__4bf0249f:disabled > :not(.Help__4bf0249f) {
        opacity: 0.65;
      }

    .Button__4bf0249f:not(:disabled):active:not(:has(.Split__4bf0249f:active)) {
      filter: brightness(90%);
    }

    .Button__4bf0249f:focus {
      outline: none !important; /* bootstrap */
    }

    .Button__4bf0249f:focus-visible,
    .Button__4bf0249f:has(+ dialog[open]) {
      box-shadow: 0 0 0 2px #263238;
    }

    .Button__4bf0249f .HelpIcon__4bf0249f {
      font-size: 16px;
    }

  .contents__4bf0249f {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    font-size: 13.5px;
    transition: all 0.1s;
  }

  .HelpIcon__4bf0249f {
    transition: all 0.1s;
    color: inherit;
    line-height: 0;
  }

    .HelpIcon__4bf0249f i {
      font-size: 16px;
      margin: -2px -2px -2px 0;
    }

    .HelpIcon__4bf0249f:hover + .Help__4bf0249f {
      opacity: 1;
      transform: none;
      transition-delay: 0.5s;
    }

  .Help__4bf0249f {
    background: white;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    color: #263238;
    line-height: 1.2;
    margin-top: 8px;
    max-width: 300px;
    min-width: 200px;
    opacity: 0;
    padding: 8px;
    pointer-events: none;
    position: absolute;
    left: 0;
    text-align: left;
    top: 100%;
    transform: translateY(-4px);
    transition: opacity 0.15s;
    white-space: normal;
    width: -moz-min-content;
    width: min-content;
    z-index: 3;
  }

  .Split__4bf0249f {
    position: relative;
    margin-top: calc(var(--padding-y)*-1);
    margin-bottom: calc(var(--padding-y)*-1);
    margin-left: calc(var(--padding-x) - 4px);
    margin-right: calc(var(--padding-x)*-1);
    transition: all 0.1s;
  }

    .Split__4bf0249f:active {
      background: rgba(0, 0, 0, 0.1);
    }

    .Split__4bf0249f::after {
      content: '';
      position: absolute;
      top: -1px;
      bottom: -1px;
      width: 1.5px;
      left: 0;
      background: currentColor;
      opacity: 0.5;
    }

    .Split__4bf0249f > i {
      color: inherit !important;
      font-size: 1em;

      padding: var(--padding-y) 4px;
    }
      .Button--medium__4bf0249f .Split__4bf0249f > i {
        padding: var(--padding-y) 12px;
      }

      .Split__4bf0249f > i svg {
        transform: scale(1.2);
      }
        .Button--medium__4bf0249f .Split__4bf0249f > i svg {
          transform: scale(1.7);
        }
}

.Button__796b1abd.small__796b1abd i.Expand__796b1abd {
      font-size: 18px;
      margin: -8px -2px -8px 4px;
    }
  .Button__796b1abd i.Expand__796b1abd {
    margin: -8px -8px -8px 4px;
  }

.DropdownItem__abb61815 {
  all: unset;
  background: white;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: 6px 12px;
  position: relative;
  width: 100%;
}

  .DropdownItem__abb61815 small {
    color: #757575;
    display: block;
    font-size: 0.95em;
    margin-top: 4px;
  }

  .DropdownItem__abb61815[data-active]::after {
      background: #1976D2;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      top: 0;
      transition: all 0.1s;
      width: 4px;
    }

  .DropdownItem__abb61815:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .DropdownItem__abb61815:hover {
    background: #EEEEEE;
  }

.Instructions__c573dc17 {
  background: #ECEFF1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 12px;
  position: relative;
}

  .Instructions__c573dc17 p {
    margin: 0;
  }

  .Instructions__c573dc17 i {
    color: #263238;
    font-size: 100px;
    opacity: 0.1;
    pointer-events: none;
    position: absolute;
    right: -20px;
    top: -20px;
    transform: rotate(5deg);
  }

.radio__a1dcdd19 {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.radio--disabled__a1dcdd19 {
  cursor: not-allowed;
  opacity: 0.5;
}

.radio__a1dcdd19 input[type='radio'] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.radio__a1dcdd19 input[type='radio'] + i {
    font-size: 19px;
    margin: -1px 0;
    margin-right: 4px;
    transition: all 0.1s;
    position: relative;
  }

.radio__a1dcdd19 input[type='radio'] + i::before {
      background: #1976D2;
      border-radius: 50%;
      content: '';
      inset: -3px;
      opacity: 0;
      position: absolute;
      transition: all 0.1s;
    }

.radio__a1dcdd19 input[type='radio']:focus-visible + i::before {
    opacity: 0.2;
  }

.radio__a1dcdd19 > * {
  display: inline-block;
  vertical-align: middle;
}

.radio__a1dcdd19 input[type='radio']:checked:not(:disabled) + i {
  color: #1976D2;
}

@media print {

.radio__a1dcdd19 input[type='radio']:checked:not(:disabled) + i {
    color: #333
}
  }

.yesno__c2b920c9 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.yesnoRadio__c2b920c9 {
  position: relative;
}

.yesnoRadio__c2b920c9::after {
  content: '';
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}

@layer design {
  .select__383732ef {
    display: inline-block;
    position: relative;
    padding: 8px;
    padding-top: 6px;
    padding-right: 24px;
    border: 1px solid #aaa;
    width: 100%;
  }

  .select__383732ef input {
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }

  .select__383732ef input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: gray;
  }
  .select__383732ef input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: gray;
    opacity: 1;
  }
  .select__383732ef input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: gray;
  }

  .select__383732ef input:focus {
    outline: none;
  }

  .select__383732ef > i {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 4px;
    transition: all 0.1s;
    cursor: pointer;
  }
    .select--open__383732ef > i {
      transform: rotate(-180deg);
    }

  .select__383732ef select {
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border: 0;
  }

  .select--touchable__383732ef {
    display: inherit;
    width: 100%;
  }

  .select--loading__383732ef {
    display: flex;
  }

  .select--touchable__isLoading__383732ef {
    display: none !important;
  }
}

.SnackbarRoot {
  position: fixed;
  z-index: 3500;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
}

.snackbars__1064b8aa.snackbars__1064b8aa,
.snackbars__1064b8aa.snackbars__1064b8aa:hover {
}

.snackbar__1064b8aa {
  position: absolute;
  top: 60px;
  left: 50%;
  background: white;
  color: black;
  display: flex;
  align-items: center;
  font-size: 1.1em;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.6);
  transform: translateX(-50%);
  border-radius: 4px;
  pointer-events: all;
  min-width: 350px;
}

.snackbar__1064b8aa .action__1064b8aa {
    flex: none;
    font-size: 0.9em;
    letter-spacing: -0.01em;
  }

.snackbar--success__1064b8aa {
  background: rgb(215, 234, 192);
}

.snackbar--primary__1064b8aa .icon__1064b8aa {
  background: #1976D2;
}

.snackbar--success__1064b8aa .icon__1064b8aa {
  background: #4CAF50;
}

.snackbar--info__1064b8aa .icon__1064b8aa {
  background: #03A9F4;
}

.snackbar--warning__1064b8aa .icon__1064b8aa {
  background: #F57C00;
}

.snackbar--danger__1064b8aa .icon__1064b8aa {
  background: #B71C1C;
}

.snackbar--danger__1064b8aa {
  background: #B71C1C;
  color: white;
}

.snackbar--danger__1064b8aa .close__1064b8aa {
    color: inherit;
  }

.snackbar--danger__1064b8aa .action__1064b8aa {
    color: inherit;
  }

.icon__1064b8aa {
  position: relative;
  background: #333;
  color: white;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px 10px;
}

.icon__1064b8aa i {
    color: inherit;
    font-size: 32px;
  }

.message__1064b8aa {
  white-space: pre-wrap;
  padding: 12px 0;
  margin: 0;
  margin-left: 14px;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  line-height: 1.25;
}

.close__1064b8aa {
  margin: 0 16px 0 12px;
  flex: none;
}

.action__1064b8aa + .close__1064b8aa {
  margin-left: 0;
}

/**
 * snackbar animations
 */

.animator__1064b8aa {
  position: absolute;
  left: 50%;
  right: 0;
  transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  opacity: 0;
  transform: translateY(-12px) translateX(-50%);
}

.animator--open__1064b8aa {
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(0) translateX(-50%);
  opacity: 1;
}