@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;
    }
}

@layer design {
  :root {
    --color-primary: #1976d2;
    --color-white: #ffffff;

    --color-brand: var(--color-brand-700);
    --color-brand-50: #effaff;
    --color-brand-100: #daf3ff;
    --color-brand-200: #beebff;
    --color-brand-300: #91dfff;
    --color-brand-400: #5ecbfc;
    --color-brand-500: #38aff9;
    --color-brand-600: #2293ee;
    --color-brand-700: #1976d2;
    --color-brand-800: #1c63b1;
    --color-brand-900: #1c548c;
    --color-brand-950: #042f4c;

    --color-neutral-50: #f4f6f7;
    --color-neutral-100: #e2e8eb;
    --color-neutral-200: #c9d4d8;
    --color-neutral-300: #a3b5bd;
    --color-neutral-400: #6c8693;
    --color-neutral-500: #5b737f;
    --color-neutral-600: #4e606c;
    --color-neutral-700: #43515b;
    --color-neutral-800: #3c454e;
    --color-neutral-900: #363d43;
    --color-neutral-950: #21262b;

    --color-success-50: #f3faf3;
    --color-success-100: #e2f6e3;
    --color-success-200: #c7ebc8;
    --color-success-300: #9bda9e;
    --color-success-400: #67c16c;
    --color-success-500: #49b64e;
    --color-success-600: #328736;
    --color-success-700: #2a6b2d;
    --color-success-800: #265529;
    --color-success-900: #204722;
    --color-success-950: #0c260f;

    --color-danger-50: #fdf3f3;
    --color-danger-100: #fde3e3;
    --color-danger-200: #fbcdcd;
    --color-danger-300: #f8a9a9;
    --color-danger-400: #f17978;
    --color-danger-500: #e74d4c;
    --color-danger-600: #d3302f;
    --color-danger-700: #b12524;
    --color-danger-800: #932221;
    --color-danger-900: #7a2322;
    --color-danger-950: #420d0d;

    --color-purple-50: #f5f4fe;
    --color-purple-100: #edebfc;
    --color-purple-200: #ddd9fa;
    --color-purple-300: #c3baf5;
    --color-purple-400: #a693ee;
    --color-purple-500: #8b6ae5;
    --color-purple-600: #7750d8;
    --color-purple-700: #5f3dc4;
    --color-purple-800: #5236a5;
    --color-purple-900: #442f87;
    --color-purple-950: #2a1c5c;

    --color-amber-50: #fefbec;
    --color-amber-100: #fcf2c9;
    --color-amber-200: #f9e58e;
    --color-amber-300: #f6d153;
    --color-amber-400: #f3bc2a;
    --color-amber-500: #ed9c12;
    --color-amber-600: #d1760c;
    --color-amber-700: #ae550f;
    --color-amber-800: #8d4213;
    --color-amber-900: #743613;
    --color-amber-950: #431b07;

    --color-green-50: #f6faeb;
    --color-green-100: #e9f4d3;
    --color-green-200: #d5e9ab;
    --color-green-300: #b9da79;
    --color-green-400: #9dc74f;
    --color-green-500: #7cac2f;
    --color-green-600: #5e8a21;
    --color-green-700: #4b6a21;
    --color-green-800: #3e551e;
    --color-green-900: #35491d;
    --color-green-950: #1b280b;

    --color-emerald-50: #eefbf4;
    --color-emerald-100: #d6f5e2;
    --color-emerald-200: #b0e9ca;
    --color-emerald-300: #7dd6ab;
    --color-emerald-400: #49bd88;
    --color-emerald-500: #25a16d;
    --color-emerald-600: #178359;
    --color-emerald-700: #126a4a;
    --color-emerald-800: #10543c;
    --color-emerald-900: #0e4532;
    --color-emerald-950: #07261c;

    --ring-blue-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
      0px 0px 0px 4px rgba(56, 175, 249, 0.24);
    --ring-blue-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
      0px 1px 2px 0px rgba(16, 24, 40, 0.06),
      0px 0px 0px 4px rgba(56, 175, 249, 0.24);
    --ring-error-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
      0px 0px 0px 4px rgba(231, 77, 76, 0.24);

    --spacing-none: 0px;
    --spacing-xxs: 2px;
    --spacing-xs: 4px;
    --spacing-sm: 6px;
    --spacing-md: 8px;
    --spacing-lg: 12px;
    --spacing-xl: 16px;
    --spacing-2xl: 20px;
    --spacing-3xl: 24px;
    --spacing-4xl: 32px;
    --spacing-5xl: 40px;
    --spacing-6xl: 48px;
    --spacing-7xl: 64px;
    --spacing-8xl: 80px;
    --spacing-9xl: 96px;
    --spacing-10xl: 128px;
    --spacing-11xl: 160px;

    --radius-xxs: 2px;
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 20px;
    --radius-4xl: 24px;
    --radius-full: 9999px;

    --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
      0px 1px 2px 0px rgba(16, 24, 40, 0.06);
    --shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.1),
      0 2px 4px -2px rgba(16, 24, 40, 0.06);
  }

  .axc-design {
    color: var(--color-neutral-900);
    font-size: 14px;
    line-height: 20px;
  }

    .axc-design,
    .axc-design *,
    .axc-design *::before,
    .axc-design *::after {
      box-sizing: border-box !important;
    }
}

.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 {
    .LockedLabel__1f7ab5ff i {
      color: #1976D2;
    }
    .hasMessage__1f7ab5ff:hover {
      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
}
  }

.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;
}