@charset "UTF-8";

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes s-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes s-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes toastEaseIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 599
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 599
  }
}

@keyframes toastEaseIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 599
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 599
  }
}

@-webkit-keyframes toastEaseOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 599
  }

  99% {
    display: block
  }

  to {
    display: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 599
  }
}

@keyframes toastEaseOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 599
  }

  99% {
    display: block
  }

  to {
    display: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 599
  }
}

* {
  line-height: 1.5rem;
  /* position: relative*/
}

body, html {
  height: auto;
  width: 100%
}

html {
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

*, ::after, ::before {
  box-sizing: inherit
}

article, aside, aui-uploader[basic], details, figcaption, figure, footer, header, hgroup, main, nav, s-autocomplete, s-column-manager ul > li.show-hover.hover s-icon, section, summary {
  display: block
}

li, ol, ul {
  margin: 0;
  padding: 0
}

img, legend, li, ol, table.card-table > tbody > tr > td, table.card-table > tbody > tr > th, table.card-table > thead > tr > td, table.card-table > thead > tr > th, ul {
  border: 0
}

[hidden], aui-sidenav aui-footer > footer > s-container [data-ref="aui-footer.avalara-dot-com"], s-popper[type=subnav] aui-footer > footer > s-container > span [data-ref="aui-footer.avalara-dot-com"], template {
  display: none
}

svg:not(:root) {
  overflow: hidden
}

body {
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  color: #1a1a1a;
  font-family: "Source Sans Pro",sans-serif;
  font-size: .875rem;
  font-weight: 400
}

:root {
  font-size: 16PX
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(../fonts/source-sans-pro-300.woff) format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 300;
  src: local("Source Sans Pro Light Italic"),local("SourceSansPro-LightIt"),url(../fonts/source-sans-pro-300i.woff) format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro"),local("SourceSansPro-Regular"),url(../fonts/source-sans-pro-400.woff) format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: local("Source Sans Pro Italic"),local("SourceSansPro-It"),url(../fonts/source-sans-pro-400i.woff) format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro Semibold"),local("SourceSansPro-Semibold"),url(../fonts/source-sans-pro-600.woff) format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  src: local("Source Sans Pro Semibold Italic"),local("SourceSansPro-SemiboldIt"),url(../fonts/source-sans-pro-600i.woff) format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url(../fonts/source-sans-pro-700.woff) format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

h1, h2, h3 {
  color: #1a1a1a
}

h1, h3, h4, h5 {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 3.25rem
}

h2 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.625rem
}

h3, h4, h5 {
  font-size: 1.125rem;
  line-height: 1.875rem
}

h4, h5 {
  font-size: .875rem;
  line-height: 1.5rem
}

h5 {
  font-size: .75rem;
  line-height: 1.25rem
}

a {
  background: 0 0;
  color: #0c7bab;
  cursor: pointer;
  text-decoration: none
}

  a:hover {
    color: #015f87;
    text-decoration: underline
  }

  a:active, a:hover {
    outline: 0
  }

  a:visited {
    color: #9f52b3
  }

  a:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #0c7bab;
    outline: 2px dotted transparent;
    outline-offset: 2px;
    z-index: 101
  }

hr {
  border: solid #c4c4c4;
  border-width: .0625rem 0 0;
  height: .0625rem;
  margin: .75rem auto
}

s-pipe {
  color: #c4c4c4;
  display: inline-block;
  margin: auto .75rem
}

  s-pipe::before {
    content: "|"
  }

@media only screen and (max-width:839px) {
  s-vr {
    margin: auto .75rem
  }
}

b, strong {
  font-weight: 700
}

a.button, button, small, table tbody th > a, table thead th > a {
  font-size: .875rem
}

ul[type=none] {
  list-style-type: none
}

ul[type=circle] {
  list-style-type: circle
}

ul[type=square] {
  list-style-type: square
}

ul[type=check] {
  list-style-type: none
}

  ul[type=check] li::before {
    content: "✓";
    left: -1em;
    position: absolute
  }

.text-left {
  text-align: left !important
}

.text-center {
  text-align: center !important
}

.text-right {
  text-align: right !important
}

.text-justify {
  text-align: justify !important
}

.text-space {
  letter-spacing: .0625rem !important
}

.text-underline {
  text-decoration: underline !important
}

.text-strikethrough {
  text-decoration: line-through !important
}

.text-white {
  color: #fff !important
}

.text-green-dark {
  color: #22821d !important
}

.text-red-medium {
  color: #d92b2b !important
}

.text-red-dark {
  color: #c70000 !important
}

.text-blue-medium {
  color: #059bd2 !important
}

.text-yellow-darker {
  color: #e5b700 !important
}

.text-xs, .text-xs-strong {
  font-size: .75rem !important;
  line-height: 1.25rem !important
}

.text-xs-strong {
  font-weight: 600 !important
}

.required::after, .text-sm {
  font-size: .875rem !important
}

.text-md, .text-sm, .text-sm-strong {
  line-height: 1.5rem !important
}

.text-md, .text-sm-strong {
  font-size: .875rem !important;
  font-weight: 600 !important
}

.text-md {
  font-size: 1.125rem !important
}

.text-lg {
  font-size: 1.5rem !important;
  line-height: 2.625rem !important
}

.text-xl {
  font-size: 1.875rem !important;
  font-weight: 600 !important;
  line-height: 3.25rem !important
}

.text-xxl {
  font-size: 3rem !important;
  line-height: 5.125rem !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-default {
  font-size: .875rem !important;
  line-height: 1.5rem !important
}

.text-label {
  font-size: .75rem !important;
  font-weight: 400 !important;
  line-height: 1.25rem !important
}

.required::after {
  color: #c70000 !important;
  content: " *"
}

.text-ellipsis, aui-header s-menu [slot=menu-items] div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.font-light {
  font-weight: 300 !important
}

.font-normal {
  font-weight: 400 !important
}

.font-semibold {
  font-weight: 600 !important
}

.font-bold {
  font-weight: 700 !important
}

.font-italic {
  font-style: italic !important
}

.font-normal {
  font-style: normal !important
}

.pad-all-none {
  padding: 0 !important
}

.pad-all-xs {
  padding: .375rem !important
}

.pad-all-sm {
  padding: .75rem !important
}

.pad-all-md {
  padding: 1.125rem !important
}

.pad-all-lg {
  padding: 1.5rem !important
}

.pad-all-xl {
  padding: 1.875rem !important
}

.pad-top-none {
  padding-top: 0 !important
}

.pad-top-xs {
  padding-top: .375rem !important
}

.pad-top-sm {
  padding-top: .75rem !important
}

.pad-top-md {
  padding-top: 1.125rem !important
}

.pad-top-lg {
  padding-top: 1.5rem !important
}

.pad-top-xl {
  padding-top: 1.875rem !important
}

.pad-right-none {
  padding-right: 0 !important
}

.pad-right-xs {
  padding-right: .375rem !important
}

.pad-right-sm {
  padding-right: .75rem !important
}

.pad-right-md {
  padding-right: 1.125rem !important
}

.pad-right-lg {
  padding-right: 1.5rem !important
}

.pad-right-xl {
  padding-right: 1.875rem !important
}

.pad-bottom-none {
  padding-bottom: 0 !important
}

.pad-bottom-xs {
  padding-bottom: .375rem !important
}

.pad-bottom-sm {
  padding-bottom: .75rem !important
}

.pad-bottom-md {
  padding-bottom: 1.125rem !important
}

.pad-bottom-lg {
  padding-bottom: 1.5rem !important
}

.pad-bottom-xl {
  padding-bottom: 1.875rem !important
}

.pad-left-none {
  padding-left: 0 !important
}

.pad-left-xs {
  padding-left: .375rem !important
}

.pad-left-sm {
  padding-left: .75rem !important
}

.pad-left-md {
  padding-left: 1.125rem !important
}

.pad-left-lg {
  padding-left: 1.5rem !important
}

.pad-left-xl {
  padding-left: 1.875rem !important
}

.margin-all-none {
  margin: 0 !important
}

.margin-all-xs {
  margin: .375rem !important
}

.margin-all-sm {
  margin: .75rem !important
}

.margin-all-md {
  margin: 1.125rem !important
}

.margin-all-lg {
  margin: 1.5rem !important
}

.margin-all-xl {
  margin: 1.875rem !important
}

.margin-top-none {
  margin-top: 0 !important
}

.margin-top-xs {
  margin-top: .375rem !important
}

.margin-top-sm {
  margin-top: .75rem !important
}

.margin-top-md {
  margin-top: 1.125rem !important
}

.margin-top-lg {
  margin-top: 1.5rem !important
}

.margin-top-xl {
  margin-top: 1.875rem !important
}

.margin-right-none {
  margin-right: 0 !important
}

.margin-right-auto {
  margin-right: auto !important
}

.margin-right-xs {
  margin-right: .375rem !important
}

.margin-right-sm {
  margin-right: .75rem !important
}

.margin-right-md {
  margin-right: 1.125rem !important
}

.margin-right-lg {
  margin-right: 1.5rem !important
}

.margin-right-xl {
  margin-right: 1.875rem !important
}

.margin-bottom-none {
  margin-bottom: 0 !important
}

.margin-bottom-xs {
  margin-bottom: .375rem !important
}

.margin-bottom-sm {
  margin-bottom: .75rem !important
}

.margin-bottom-md {
  margin-bottom: 1.125rem !important
}

.margin-bottom-lg {
  margin-bottom: 1.5rem !important
}

.margin-bottom-xl {
  margin-bottom: 1.875rem !important
}

.margin-left-none {
  margin-left: 0 !important
}

.margin-left-auto {
  margin-left: auto !important
}

.margin-left-xs {
  margin-left: .375rem !important
}

.margin-left-sm {
  margin-left: .75rem !important
}

.margin-left-md {
  margin-left: 1.125rem !important
}

.margin-left-lg {
  margin-left: 1.5rem !important
}

.margin-left-xl {
  margin-left: 1.875rem !important
}

.flex {
  display: flex !important
}

.inline-flex {
  display: inline-flex !important
}

.flex-dir-row {
  flex-direction: row !important
}

.flex-dir-col {
  flex-direction: column !important
}

.align-self-center {
  align-self: center !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-stretch {
  align-self: stretch !important
}

.align-items-center {
  align-items: center !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-stretch {
  align-items: stretch !important
}

.justify-self-center {
  justify-self: center !important
}

.justify-self-start {
  justify-self: flex-start !important
}

.justify-self-end {
  justify-self: flex-end !important
}

.justify-self-stretch {
  justify-self: stretch !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-space {
  justify-content: space-between !important
}

.justify-content-stretch {
  justify-content: stretch !important
}

.space-between {
  justify-content: space-between !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.block {
  display: block !important
}

.inline {
  display: inline !important
}

.inline-block {
  display: inline-block !important
}

.hidden {
  display: none !important
}

.right {
  float: right !important
}

.clear {
  clear: both !important
}

.visually-hidden, .visually-hidden * {
  border: 0;
  clip: rect(0,0,0,0);
  height: .0625rem;
  margin: -.0625rem;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  white-space: nowrap;
  width: .0625rem
}

.full-width {
  width: 100% !important
}

.absolute {
  position: absolute !important
}

.fixed {
  position: fixed !important
}

.relative {
  position: relative !important
}

.static {
  position: static !important
}

.sticky {
  position: sticky !important;
  z-index: 1 !important
}

.pin {
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important
}

.pin-auto {
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important
}

.pin-t {
  top: 0 !important
}

.pin-r {
  right: 0 !important
}

.pin-b {
  bottom: 0 !important
}

.pin-l {
  left: 0 !important
}

.show-md, .show-sm, .show-xs {
  display: none !important
}

@media only screen and (max-width:839px) {
  .hide-md {
    display: none !important
  }

  .show-md {
    display: initial !important
  }
}

@media only screen and (max-width:599px) {
  .hide-sm {
    display: none !important
  }

  .show-sm {
    display: initial !important
  }
}

@media only screen and (max-width:383px) {
  .hide-xs {
    display: none !important
  }

  .show-xs {
    display: initial !important
  }
}

.divider-left {
  border-left: 1px solid #c4c4c4 !important
}

.divider-right {
  border-right: 1px solid #c4c4c4 !important
}

a.button, button {
  border-radius: 4px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  height: 2.25rem;
  margin: 0;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  text-align: center
}

  a.button s-icon, button s-icon {
    font-weight: 400
  }

  a.button + a.button, a.button + button, aui-sidenav aui-footer > footer > s-container > span * + *, button + a.button, button + button, s-popper[type=subnav] aui-footer > footer > s-container > span + span {
    margin-left: .75rem
  }

  a.button.large + a.button.large, a.button.large + button.large, button.large + a.button.large, button.large + button.large {
    margin-left: 1.125rem
  }

  a.button[disabled], button[disabled] {
    cursor: not-allowed
  }

  a.button:focus, button:focus, s-table-container:focus, s-tabs s-tab:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #0c7bab;
    outline: 2px dotted transparent;
    outline-offset: 2px;
    z-index: 101
  }

    a.button:focus.ghost, button:focus.ghost {
      box-shadow: 0 0 0 1px #fff,0 0 0 1px #fff,0 0 0 1px #fff,0 0 0 1px #fff,0 0 0 1px #fff,0 0 0 1px #fff,0 0 0 2px #fff,0 0 0 4px #0c7bab
    }

  a.button.large, button.large {
    border-radius: 4px;
    font-size: 1.125rem;
    height: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  a.button.small, button.small {
    border-radius: 4px;
    font-size: .875rem;
    height: 1.875rem;
    padding-left: .75rem;
    padding-right: .75rem
  }

  a.button.primary, button.primary {
    background-color: #0c7bab;
    border: 1px solid #014f70;
    color: #fff
  }

    a.button.primary:hover, button.primary:hover {
      background-color: #015f87
    }

    a.button.primary:active, button.primary:active {
      background-color: #014f70
    }

    a.button.primary[disabled], button.primary[disabled] {
      background-color: #fafafa;
      border: 1px solid #ddd;
      color: #c4c4c4
    }

  a.button.active:not(.primary), a.button.active:not(.primary):hover, button.active:not(.primary), button.active:not(.primary):hover {
    background-color: #cfedfa;
    border: 1px solid #059bd2;
    color: #014f70
  }

  a.button.secondary, a.button.tertiary, button.secondary, button.tertiary {
    background-color: #fafafa;
    border: 1px solid #c4c4c4;
    color: #1a1a1a
  }

    a.button.secondary:hover, button.secondary:hover {
      background-color: #ddd
    }

    a.button.secondary:active, button.secondary:active {
      background-color: #c4c4c4
    }

    a.button.secondary[disabled], button.secondary[disabled] {
      background-color: #fafafa;
      border: 1px solid #ddd;
      color: #c4c4c4
    }

  a.button.tertiary, button.tertiary {
    background-color: transparent
  }

    a.button.tertiary:hover, aui-header[sidenavheader] a[ref=login]:hover, aui-header[sidenavheader] button[ref=walkme-help]:hover, aui-header[sidenavheader] s-menu [slot=menu-trigger]:hover, button.tertiary:hover, s-table-container > table tr.hover:hover, table.s-table tr.hover:hover {
      background-color: #fafafa
    }

    a.button.tertiary:active, aui-header[sidenavheader] button[ref=sidenav-trigger] .open, aui-header[sidenavheader] s-menu[open] [data-ref="aui-header.account-menu.trigger"][slot=menu-trigger] [ref=icon-container], button.tertiary:active {
      background-color: #ddd
    }

    a.button.tertiary[disabled], button.tertiary[disabled] {
      background-color: #fafafa;
      border: 1px solid #ddd;
      color: #c4c4c4
    }

  a.button.ghost, a.button.ghost-blue, button.ghost, button.ghost-blue {
    background-color: transparent;
    border: 1px solid transparent;
    color: #444
  }

    a.button.ghost:hover, button.ghost:hover {
      color: #1a1a1a
    }

    a.button.ghost[disabled], button.ghost[disabled] {
      color: #c4c4c4
    }

  a.button.ghost-blue, button.ghost-blue {
    color: #0c7bab
  }

    a.button.ghost-blue:hover:not([disabled]), button.ghost-blue:hover:not([disabled]) {
      background-color: #f7fdff;
      color: #015f87
    }

    a.button.ghost-blue.active, a.button.ghost-blue:active, button.ghost-blue.active, button.ghost-blue:active {
      background-color: #cfedfa;
      border: 1px solid #059bd2;
      color: #014f70
    }

    a.button.ghost-blue[disabled], button.ghost-blue[disabled] {
      color: #c4c4c4
    }

  a.button.link, button.link {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #0c7bab;
    display: inline-flex;
    font-weight: 400;
    height: 1.125rem;
    line-height: 1rem;
    padding: 0
  }

    a.button.link:hover, button.link:hover {
      color: #015f87;
      text-decoration: underline
    }

    a.button.link[disabled], button.link[disabled] {
      color: #c4c4c4;
      text-decoration: none
    }

  a.button.icon, button.icon {
    padding: 0;
    text-align: center;
    width: 2.25rem
  }

    a.button.icon.small, button.icon.small {
      width: 1.875rem
    }

    a.button.icon.large, button.icon.large {
      width: 3rem
    }

    a.button.icon s-icon, a.button.icon-leading s-icon, a.button.icon-trailing s-icon, button.icon s-icon, button.icon-leading s-icon, button.icon-trailing s-icon {
      position: relative;
      top: 1px;
      vertical-align: -1px
    }

  a.button.icon-leading s-icon, button.icon-leading s-icon {
    margin-right: .375rem
  }

  a.button.icon-trailing s-icon, button.icon-trailing s-icon, s-chip + s-chip {
    margin-left: .375rem
  }

form fieldset + a.button, form fieldset + button {
  vertical-align: 1px
}

a.button.loading, button.loading {
  color: transparent;
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

  a.button.loading:not(.ghost):not(.ghost-blue), button.loading:not(.ghost):not(.ghost-blue) {
    background-color: #fafafa;
    border: 1px solid #ddd
  }

  a.button.loading::before, button.loading::before {
    -webkit-animation: loading 1s infinite linear;
    animation: loading 1s infinite linear;
    border: 3px solid #c4c4c4;
    border-left-color: #444;
    border-radius: 50%;
    content: " ";
    display: inline-flex;
    height: 1rem;
    left: 50%;
    margin-left: -.5rem;
    margin-top: -.5rem;
    position: absolute;
    top: 50%;
    width: 1rem
  }

a.button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  padding-top: 0;
  vertical-align: top
}

  a.button[disabled] {
    pointer-events: none
  }

@font-face {
  font-family: "s-icons";
  font-style: normal;
  font-weight: 400;
  src: local("s-icons"),url(../fonts/s-icons.woff) format("woff")
}

@font-face {
  font-family: "s-icons-24";
  font-style: normal;
  font-weight: 400;
  src: local("s-icons"),url(../fonts/s-icons-24.woff) format("woff")
}

@font-face {
  font-family: "s-icons-temp";
  font-style: normal;
  font-weight: 400;
  src: local("s-icons"),url(../fonts/s-icons-temp.woff) format("woff")
}

s-icon {
  display: inline-block;
  font-family: "s-icons";
  font-size: 1rem;
  line-height: 1;
  text-decoration: inherit
}


  s-icon[name=alert-circle]::before {
    content: "\e911"
  }

  s-icon[name=alert-circle-filled]::before {
    content: "\e912"
  }

  s-icon[name=alert-triangle]::before {
    content: "\e913"
  }

  s-icon[name=alert-triangle-filled]::before {
    content: "\e914"
  }

  s-icon[name=app-launcher]::before {
    content: "\e915"
  }

  s-icon[name=archive]::before {
    content: "\e198"
  }

  s-icon[name=arrow-circle-down]::before {
    content: "\e916"
  }

  s-icon[name=arrow-circle-down-filled]::before {
    content: "\e917"
  }

  s-icon[name=arrow-circle-left]::before {
    content: "\e918"
  }

  s-icon[name=arrow-circle-left-filled]::before {
    content: "\e919"
  }

  s-icon[name=arrow-circle-right]::before {
    content: "\e91a"
  }

  s-icon[name=arrow-circle-right-filled]::before {
    content: "\e91d"
  }

  s-icon[name=arrow-circle-up]::before {
    content: "\e91e"
  }

  s-icon[name=arrow-circle-up-filled]::before {
    content: "\e923"
  }

  s-icon[name=arrow-down]::before {
    content: "\e61c"
  }

  s-icon[name=arrow-left]::before {
    content: "\e924"
  }

  s-icon[name=arrow-right]::before {
    content: "\e925"
  }

  s-icon[name=arrow-up]::before {
    content: "\e60b"
  }

  s-icon[name=attach]::before {
    content: "\e937"
  }

  s-icon[name=beaker]::before {
    content: "\e202"
  }

  s-icon[name=bell]::before {
    content: "\e926"
  }

  s-icon[name=bell-filled]::before {
    content: "\e92b"
  }

  s-icon[name=bug-filled]::before {
    content: "\e94d"
  }

  s-icon[name=building]::before {
    content: "\e629"
  }

  s-icon[name=building-2]::before {
    content: "\e903"
  }

  s-icon[name=buildings]::before {
    content: "\e90d"
  }

  s-icon[name=calculator]::before {
    content: "\e91b"
  }

  s-icon[name=calendar]::before {
    content: "\e617"
  }

  s-icon[name=camera]::before {
    content: "\e930"
  }

  s-icon[name=catalog]::before {
    content: "\e205"
  }

  s-icon[name=certificate]::before {
    content: "\e931"
  }

  s-icon[name=chart-bar]::before {
    content: "\e92c"
  }

  s-icon[name=chat]::before {
    content: "\e91f"
  }

  s-icon[name=chat-2]::before {
    content: "\e932"
  }

  s-icon[name=chat-2-filled]::before {
    content: "\e920"
  }

  s-icon[name=check]::before {
    content: "\e933"
  }

  s-icon[name=check-circle]::before {
    content: "\e934"
  }

  s-icon[name=check-circle-filled]::before {
    content: "\e625"
  }

  s-icon[name=check-light]::before {
    content: "\e946"
  }

  s-icon[name=check-square]::before {
    content: "\e938"
  }

  s-icon[name=check-square-filled]::before {
    content: "\e939"
  }

  s-icon[name=check-verification]::before {
    content: "\e93a"
  }

  s-icon[name=check-verification-filled]::before {
    content: "\e93b"
  }

  s-icon[name=chevron-circle-down]::before {
    content: "\e800"
  }

  s-icon[name=chevron-circle-left]::before {
    content: "\e93c"
  }

  s-icon[name=chevron-circle-right]::before {
    content: "\e93d"
  }

  s-icon[name=chevron-circle-up]::before {
    content: "\e907"
  }

  s-icon[name=chevron-double-down]::before {
    content: "ꀄ"
  }

  s-icon[name=chevron-double-left]::before {
    content: "ꀅ"
  }

  s-icon[name=chevron-double-right]::before {
    content: "ꀆ"
  }

  s-icon[name=chevron-double-up]::before {
    content: "ꀇ"
  }

  s-icon[name=chevron-down]::before {
    content: "\e61a"
  }

  s-icon[name=chevron-left]::before {
    content: "\e607"
  }

  s-icon[name=chevron-right]::before {
    content: "\e61b"
  }

  s-icon[name=chevron-up]::before {
    content: "\e61f"
  }

  s-icon[name=clipboard-check]::before {
    content: "\e94b"
  }

  s-icon[name=clock]::before {
    content: "\e93e"
  }

  s-icon[name=close]::before {
    content: "\e802"
  }

  s-icon[name=close-circle]::before {
    content: "\e93f"
  }

  s-icon[name=close-circle-filled]::before {
    content: "ꆕ"
  }

  s-icon[name=close-square]::before {
    content: "\e940"
  }

  s-icon[name=code]::before {
    content: "\e941"
  }

  s-icon[name=code-window]::before {
    content: "\e942"
  }

  s-icon[name=columns]::before {
    content: "\e943"
  }

  s-icon[name=compose]::before {
    content: "\e922"
  }

  s-icon[name=configure]::before {
    content: "\e945"
  }

  s-icon[name=copy]::before {
    content: "\e927"
  }

  s-icon[name=credit-card]::before {
    content: "\e928"
  }

  s-icon[name=density-compact]::before {
    content: "\e201"
  }

  s-icon[name=density-default]::before {
    content: "\e200"
  }

  s-icon[name=density-spacious]::before {
    content: "\e199"
  }

  s-icon[name=download]::before {
    content: "\e60d"
  }

  s-icon[name=drag-handle]::before {
    content: "\e966"
  }

  s-icon[name=duplicate]::before {
    content: "\e948"
  }

  s-icon[name=earth]::before {
    content: "\e904"
  }

  s-icon[name=edit-list]::before {
    content: "\e90a"
  }

  s-icon[name=edit-pencil]::before {
    content: "\e614"
  }

  s-icon[name=email]::before {
    content: "\e921"
  }

  s-icon[name=exempt]::before {
    content: "\e204"
  }

  s-icon[name=export]::before {
    content: "\e910"
  }

  s-icon[name=eye-off]::before {
    content: "\e94c"
  }

  s-icon[name=eye-on]::before {
    content: "\e94a"
  }

  s-icon[name=facebook]::before {
    content: "\e935"
  }

  s-icon[name=file-1]::before {
    content: "\e929"
  }

  s-icon[name=file-2]::before {
    content: "\e91c"
  }

  s-icon[name=file-alert]::before {
    content: "\e947"
  }

  s-icon[name=file-csv]::before {
    content: "\e900"
  }

  s-icon[name=file-image]::before {
    content: "\e95b"
  }

  s-icon[name=file-pdf]::before {
    content: "\e901"
  }

  s-icon[name=file-slide]::before {
    content: "ꆒ"
  }

  s-icon[name=file-spreadsheet]::before {
    content: "ꆔ"
  }

  s-icon[name=file-text]::before {
    content: "ꆖ"
  }

  s-icon[name=filter]::before {
    content: "\e612"
  }


  s-icon[name=flag]::before {
    content: "\e950"
  }

  s-icon[name=flag-filled]::before {
    content: "\e952"
  }

  s-icon[name=folder]::before {
    content: "\e953"
  }

  s-icon[name=fullscreen]::before {
    content: "\e954"
  }

  s-icon[name=globe]::before {
    content: "\e905"
  }

  s-icon[name=grad-cap]::before {
    content: "ꀁ"
  }

  s-icon[name=grid]::before {
    content: "\e955"
  }

  s-icon[name=heart]::before {
    content: "\e957"
  }

  s-icon[name=heart-filled]::before {
    content: "\e95e"
  }

  s-icon[name=heartbeat]::before {
    content: "\e958"
  }

  s-icon[name=help-circle]::before {
    content: "\e959"
  }

  s-icon[name=help-circle-filled]::before {
    content: "\e95a"
  }

  s-icon[name=home]::before {
    content: "\e949"
  }

  s-icon[name=image]::before {
    content: "\e95b"
  }

  s-icon[name=import]::before {
    content: "\e95c"
  }

  s-icon[name=inbox]::before {
    content: "\e95d"
  }

  s-icon[name=indeterminate]::before {
    content: "\e961"
  }

  s-icon[name=indeterminate-circle]::before {
    content: "\e963"
  }

  s-icon[name=indeterminate-circle-filled]::before {
    content: "\e60c"
  }

  s-icon[name=indeterminate-square]::before {
    content: "\e964"
  }

  s-icon[name=indeterminate-square-filled]::before {
    content: "\e965"
  }

  s-icon[name=info-circle]::before {
    content: "\e90f"
  }

  s-icon[name=info-circle-filled]::before {
    content: "\e951"
  }

  s-icon[name=international]::before {
    content: "\e936"
  }

  s-icon[name=key]::before {
    content: "\e956"
  }

  s-icon[name=keyhole]::before {
    content: "\e906"
  }

  s-icon[name=lightbulb]::before {
    content: "\e95f"
  }

  s-icon[name=link]::before {
    content: "\e9cb"
  }

  s-icon[name=linkedin]::before {
    content: "\e960"
  }

  s-icon[name=list]::before {
    content: "\e619"
  }

  s-icon[name=location]::before {
    content: "\e962"
  }

  s-icon[name=lock]::before {
    content: "\e967"
  }

  s-icon[name=lock-filled]::before {
    content: "\e968"
  }

  s-icon[name=logout]::before {
    content: "\e90b"
  }

  s-icon[name=map]::before {
    content: "\e96c"
  }

  s-icon[name=menu]::before {
    content: "\e623"
  }

  s-icon[name=monitor]::before {
    content: "ꀂ"
  }

  s-icon[name=more]::before {
    content: "\e60a"
  }

  s-icon[name=network]::before {
    content: "\e96d"
  }

  s-icon[name=pause-circle]::before {
    content: "\e96e"
  }

  s-icon[name=percent]::before {
    content: "\e94f"
  }

  s-icon[name=percent-circle]::before {
    content: "\e969"
  }

  s-icon[name=percent-square]::before {
    content: "\e96a"
  }

  s-icon[name=phone]::before {
    content: "\e92e"
  }

  s-icon[name=plug]::before {
    content: "\e909"
  }

  s-icon[name=plus]::before {
    content: "\e602"
  }

  s-icon[name=plus-circle]::before {
    content: "\e96b"
  }

  s-icon[name=print]::before {
    content: "\e801"
  }

  s-icon[name=redo]::before {
    content: "\e96f"
  }

  s-icon[name=refresh]::before {
    content: "\e610"
  }

  s-icon[name=return]::before {
    content: "\e203"
  }

  s-icon[name=run]::before {
    content: "\e970"
  }

  s-icon[name=search]::before {
    content: "\e620"
  }

  s-icon[name=security]::before {
    content: "\e971"
  }

  s-icon[name=security-alert-filled]::before {
    content: "\e972"
  }

  s-icon[name=security-blocked-filled]::before {
    content: "\e973"
  }

  s-icon[name=security-check]::before {
    content: "\e902"
  }

  s-icon[name=security-check-filled]::before {
    content: "\e974"
  }

  s-icon[name=security-disabled-filled]::before {
    content: "\e975"
  }

  s-icon[name=security-filled]::before {
    content: "\e97b"
  }

  s-icon[name=security-info-filled]::before {
    content: "\e97c"
  }

  s-icon[name=send]::before {
    content: "\e97d"
  }

  s-icon[name=settings]::before {
    content: "\e621"
  }

  s-icon[name=share]::before {
    content: "\e97e"
  }

  s-icon[name=shopping-cart]::before {
    content: "\e92d"
  }

  s-icon[name=shopping-cart-filled]::before {
    content: "\e976"
  }

  s-icon[name=sign-document]::before {
    content: "\e944"
  }

  s-icon[name=sort]::before {
    content: "\e90e"
  }

  s-icon[name=stamp]::before {
    content: "\e977"
  }

  s-icon[name=star]::before {
    content: "\e978"
  }

  s-icon[name=star-filled]::before {
    content: "\e979"
  }

  s-icon[name=support]::before {
    content: "\e97a"
  }

  s-icon[name=switch-accounts]::before {
    content: "\e908"
  }

  s-icon[name=tag]::before {
    content: "\e92a"
  }

  s-icon[name=trash]::before {
    content: "\e613"
  }

  s-icon[name=triangle-circle-down]::before {
    content: "\e97f"
  }

  s-icon[name=triangle-circle-left]::before {
    content: "\e980"
  }

  s-icon[name=triangle-circle-right]::before {
    content: "\e981"
  }

  s-icon[name=triangle-circle-up]::before {
    content: "\e982"
  }

  s-icon[name=triangle-down]::before {
    content: "\e983"
  }

  s-icon[name=triangle-left]::before {
    content: "\e984"
  }

  s-icon[name=triangle-right]::before {
    content: "\e988"
  }

  s-icon[name=triangle-up]::before {
    content: "\e98b"
  }

  s-icon[name=trophy]::before {
    content: "\e98c"
  }

  s-icon[name=twitter]::before {
    content: "\e98d"
  }

  s-icon[name=undo]::before {
    content: "\e98e"
  }

  s-icon[name=upload]::before {
    content: "\e600"
  }

  s-icon[name=usage]::before {
    content: "\e90c"
  }

  s-icon[name=usd-circle]::before {
    content: "\e98f"
  }

  s-icon[name=user]::before {
    content: "\e94e"
  }

  s-icon[name=users]::before {
    content: "\e92f"
  }

  s-icon[name=user-circle]::before {
    content: "\e985"
  }

  s-icon[name=user-circle-filled]::before {
    content: "\e986"
  }

  s-icon[name=user-filled]::before {
    content: "ꀃ"
  }

  s-icon[name=void]::before {
    content: "\e987"
  }

  s-icon[name=wrench]::before {
    content: "\e989"
  }

  s-icon[name=youtube]::before {
    content: "\e98a"
  }

  s-icon[name=zoom-in]::before {
    content: "\e990"
  }

  s-icon[name=zoom-out]::before {
    content: "\e991"
  }

  s-icon[name=first], s-icon[name=last] {
    font-family: "s-icons-temp"
  }

    s-icon[name=first]::before {
      content: "ꆖ"
    }

    s-icon[name=last]::before {
      content: "ꆗ"
    }

  s-icon[name=document]::before {
    content: "\e929"
  }

  s-icon[name=document-2]::before {
    content: "\e91c"
  }

  s-icon[name=doc-csv-filled]::before {
    content: "\e900"
  }

  s-icon[name=doc-pdf-filled]::before {
    content: "\e901"
  }

  s-icon[name=document-alert]::before {
    content: "\e947"
  }

  s-icon[name=folder-2]::before {
    content: "\e953"
  }

  s-icon[name=pencil]::before {
    content: "\e614"
  }

  s-icon.medium {
    font-family: "s-icons-24";
    font-size: 1.5rem
  }

    s-icon.medium[name=alert-circle]::before {
      content: "ꀉ"
    }

    s-icon.medium[name=alert-circle-filled]::before {
      content: "ꀈ"
    }

    s-icon.medium[name=alert-triangle]::before {
      content: "ꀐ"
    }

    s-icon.medium[name=alert-triangle-filled]::before {
      content: "ꀑ"
    }

    s-icon.medium[name=app-launcher]::before {
      content: "ꀒ"
    }

    s-icon.medium[name=arrow-circle-down]::before {
      content: "ꀓ"
    }

    s-icon.medium[name=arrow-circle-down-filled]::before {
      content: "ꀔ"
    }

    s-icon.medium[name=arrow-circle-left]::before {
      content: "ꀕ"
    }

    s-icon.medium[name=arrow-circle-left-filled]::before {
      content: "ꀖ"
    }

    s-icon.medium[name=arrow-circle-right]::before {
      content: "ꀗ"
    }

    s-icon.medium[name=arrow-circle-right-filled]::before {
      content: "ꀘ"
    }

    s-icon.medium[name=arrow-circle-up]::before {
      content: "ꀙ"
    }

    s-icon.medium[name=arrow-circle-up-filled]::before {
      content: "ꀠ"
    }

    s-icon.medium[name=arrow-down]::before {
      content: "ꀡ"
    }

    s-icon.medium[name=arrow-left]::before {
      content: "ꀢ"
    }

    s-icon.medium[name=arrow-right]::before {
      content: "ꀣ"
    }

    s-icon.medium[name=arrow-up]::before {
      content: "ꀤ"
    }

    s-icon.medium[name=attach]::before {
      content: "ꀥ"
    }

    s-icon.medium[name=award-ribbon]::before {
      content: "ꀦ"
    }

    s-icon.medium[name=bell]::before {
      content: "ꀧ"
    }

    s-icon.medium[name=bell-filled]::before {
      content: "ꀨ"
    }

    s-icon.medium[name=bug]::before {
      content: "ꀩ"
    }

    s-icon.medium[name=bug-filled]::before {
      content: "ꀰ"
    }

    s-icon.medium[name=building]::before {
      content: "ꀱ"
    }

    s-icon.medium[name=calculator]::before {
      content: "ꀲ"
    }

    s-icon.medium[name=calendar]::before {
      content: "ꀳ"
    }

    s-icon.medium[name=camera]::before {
      content: "ꀴ"
    }

    s-icon.medium[name=certificate]::before {
      content: "ꀵ"
    }

    s-icon.medium[name=certificate-2]::before {
      content: "ꀶ"
    }

    s-icon.medium[name=chart-bar]::before {
      content: "ꀷ"
    }

    s-icon.medium[name=chat]::before {
      content: "ꀸ"
    }

    s-icon.medium[name=chat-2]::before {
      content: "ꀹ"
    }

    s-icon.medium[name=chat-2-filled]::before {
      content: "ꁀ"
    }

    s-icon.medium[name=check-circle]::before {
      content: "ꁁ"
    }

    s-icon.medium[name=check-circle-filled]::before {
      content: "ꁂ"
    }

    s-icon.medium[name=check-light]::before {
      content: "ꁃ"
    }

    s-icon.medium[name=check-square]::before {
      content: "ꁄ"
    }

    s-icon.medium[name=check-square-filled]::before {
      content: "ꁅ"
    }

    s-icon.medium[name=check-verification]::before {
      content: "ꁆ"
    }

    s-icon.medium[name=check-verification-filled]::before {
      content: "ꁇ"
    }

    s-icon.medium[name=checklist]::before {
      content: "ꂘ"
    }

    s-icon.medium[name=chevron-circle-down]::before {
      content: "ꁈ"
    }

    s-icon.medium[name=chevron-circle-left]::before {
      content: "ꁉ"
    }

    s-icon.medium[name=chevron-circle-right]::before {
      content: "ꁐ"
    }

    s-icon.medium[name=chevron-circle-up]::before {
      content: "ꁑ"
    }

    s-icon.medium[name=chevron-down]::before {
      content: "ꁒ"
    }

    s-icon.medium[name=chevron-left]::before {
      content: "ꁓ"
    }

    s-icon.medium[name=chevron-right]::before {
      content: "ꁔ"
    }

    s-icon.medium[name=chevron-up]::before {
      content: "ꁕ"
    }

    s-icon.medium[name=clipboard-check]::before {
      content: "ꁖ"
    }

    s-icon.medium[name=clock]::before {
      content: "ꁗ"
    }

    s-icon.medium[name=close]::before {
      content: "ꁘ"
    }

    s-icon.medium[name=close-circle]::before {
      content: "ꁠ"
    }

    s-icon.medium[name=close-circle-filled]::before {
      content: "ꁙ"
    }

    s-icon.medium[name=close-square]::before {
      content: "ꁡ"
    }

    s-icon.medium[name=code]::before {
      content: "ꁢ"
    }

    s-icon.medium[name=code-window]::before {
      content: "ꁣ"
    }

    s-icon.medium[name=columns]::before {
      content: "ꁤ"
    }

    s-icon.medium[name=compose]::before {
      content: "ꁥ"
    }

    s-icon.medium[name=configure]::before {
      content: "ꁦ"
    }

    s-icon.medium[name=copy]::before {
      content: "ꁧ"
    }

    s-icon.medium[name=credit-card]::before {
      content: "ꁨ"
    }

    s-icon.medium[name=download]::before {
      content: "ꁳ"
    }

    s-icon.medium[name=duplicate]::before {
      content: "ꁴ"
    }

    s-icon.medium[name=edit-pencil]::before {
      content: "ꄤ"
    }

    s-icon.medium[name=email]::before {
      content: "ꁵ"
    }

    s-icon.medium[name=eye-off]::before {
      content: "ꁷ"
    }

    s-icon.medium[name=eye-on]::before {
      content: "ꁶ"
    }

    s-icon.medium[name=facebook]::before {
      content: "ꂙ"
    }

    s-icon.medium[name=file-1]::before {
      content: "ꁩ"
    }

    s-icon.medium[name=file-2]::before {
      content: "ꁰ"
    }

    s-icon.medium[name=file-alert]::before {
      content: "ꁱ"
    }

    s-icon.medium[name=file-image]::before {
      content: "ꂓ"
    }

    s-icon.medium[name=file-image-filled]::before {
      content: "ꂔ"
    }

    s-icon.medium[name=file-pdf]::before {
      content: "ꁲ"
    }

    s-icon.medium[name=filter]::before {
      content: "ꁸ"
    }

    s-icon.medium[name=flag]::before {
      content: "ꁹ"
    }

    s-icon.medium[name=flag-filled]::before {
      content: "ꂀ"
    }

    s-icon.medium[name=folder]::before {
      content: "ꂁ"
    }

    s-icon.medium[name=fullscreen]::before {
      content: "ꂂ"
    }

    s-icon.medium[name=globe]::before {
      content: "ꂃ"
    }

    s-icon.medium[name=grad-cap]::before {
      content: "ꂄ"
    }

    s-icon.medium[name=grid]::before {
      content: "ꂅ"
    }

    s-icon.medium[name=handshake]::before {
      content: "ꂆ"
    }

    s-icon.medium[name=heart]::before {
      content: "ꂇ"
    }

    s-icon.medium[name=heart-filled]::before {
      content: "ꂈ"
    }

    s-icon.medium[name=heartbeat]::before {
      content: "ꂉ"
    }

    s-icon.medium[name=help-circle]::before {
      content: "ꂐ"
    }

    s-icon.medium[name=help-circle-filled]::before {
      content: "ꂑ"
    }

    s-icon.medium[name=home]::before {
      content: "ꂒ"
    }

    s-icon.medium[name=inbox]::before {
      content: "ꂕ"
    }

    s-icon.medium[name=indeterminate-circle]::before {
      content: "ꄓ"
    }

    s-icon.medium[name=indeterminate-circle-filled]::before {
      content: "ꄔ"
    }

    s-icon.medium[name=indeterminate-square]::before {
      content: "ꄕ"
    }

    s-icon.medium[name=indeterminate-square-filled]::before {
      content: "ꄖ"
    }

    s-icon.medium[name=info-circle]::before {
      content: "ꂖ"
    }

    s-icon.medium[name=info-circle-filled]::before {
      content: "ꂗ"
    }

    s-icon.medium[name=key]::before {
      content: "ꄀ"
    }

    s-icon.medium[name=key-filled]::before {
      content: "ꄁ"
    }

    s-icon.medium[name=lightbulb]::before {
      content: "ꄂ"
    }

    s-icon.medium[name=lightbulb-lit]::before {
      content: "ꄃ"
    }

    s-icon.medium[name=link]::before {
      content: "ꄄ"
    }

    s-icon.medium[name=linkedin]::before {
      content: "ꆇ"
    }

    s-icon.medium[name=list]::before {
      content: "ꄅ"
    }

    s-icon.medium[name=location]::before {
      content: "ꄆ"
    }

    s-icon.medium[name=location-filled]::before {
      content: "ꄇ"
    }

    s-icon.medium[name=lock]::before {
      content: "ꄈ"
    }

    s-icon.medium[name=map]::before {
      content: "ꄉ"
    }

    s-icon.medium[name=math]::before {
      content: "ꄐ"
    }

    s-icon.medium[name=medal]::before {
      content: "ꄑ"
    }

    s-icon.medium[name=menu]::before {
      content: "ꄒ"
    }

    s-icon.medium[name=money]::before {
      content: "ꄗ"
    }

    s-icon.medium[name=money-2]::before {
      content: "ꄘ"
    }

    s-icon.medium[name=monitor]::before {
      content: "ꆈ"
    }

    s-icon.medium[name=more]::before {
      content: "ꄙ"
    }

    s-icon.medium[name=network]::before {
      content: "ꄠ"
    }

    s-icon.medium[name=network-2]::before {
      content: "ꄡ"
    }

    s-icon.medium[name=network-3]::before {
      content: "ꄢ"
    }

    s-icon.medium[name=pause-circle]::before {
      content: "ꄣ"
    }

    s-icon.medium[name=percent]::before {
      content: "ꄥ"
    }

    s-icon.medium[name=percent-circle]::before {
      content: "ꄦ"
    }

    s-icon.medium[name=percent-square]::before {
      content: "ꄧ"
    }

    s-icon.medium[name=phone]::before {
      content: "ꄨ"
    }

    s-icon.medium[name=phone-filled]::before {
      content: "ꄩ"
    }

    s-icon.medium[name=plus]::before {
      content: "ꄰ"
    }

    s-icon.medium[name=plus-circle]::before {
      content: "ꄱ"
    }

    s-icon.medium[name=plus-circle-filled]::before {
      content: "ꄲ"
    }

    s-icon.medium[name=print]::before {
      content: "ꄳ"
    }

    s-icon.medium[name=redo]::before {
      content: "ꆅ"
    }

    s-icon.medium[name=refresh]::before {
      content: "ꄴ"
    }

    s-icon.medium[name=run]::before {
      content: "ꄵ"
    }

    s-icon.medium[name=scale]::before {
      content: "ꄶ"
    }

    s-icon.medium[name=search]::before {
      content: "ꄷ"
    }

    s-icon.medium[name=security]::before {
      content: "ꄸ"
    }

    s-icon.medium[name=security-alert]::before {
      content: "ꄹ"
    }

    s-icon.medium[name=security-alert-filled]::before {
      content: "ꅀ"
    }

    s-icon.medium[name=security-blocked]::before {
      content: "ꅁ"
    }

    s-icon.medium[name=security-blocked-filled]::before {
      content: "ꅂ"
    }

    s-icon.medium[name=security-check]::before {
      content: "ꅃ"
    }

    s-icon.medium[name=security-check-filled]::before {
      content: "ꅄ"
    }

    s-icon.medium[name=security-disabled]::before {
      content: "ꅅ"
    }

    s-icon.medium[name=security-disabled-filled]::before {
      content: "ꅆ"
    }

    s-icon.medium[name=security-filled]::before {
      content: "ꅇ"
    }

    s-icon.medium[name=security-help]::before {
      content: "ꅈ"
    }

    s-icon.medium[name=security-help-filled]::before {
      content: "ꅉ"
    }

    s-icon.medium[name=security-info]::before {
      content: "ꅐ"
    }

    s-icon.medium[name=security-info-filled]::before {
      content: "ꅑ"
    }

    s-icon.medium[name=security-usd]::before {
      content: "ꅒ"
    }

    s-icon.medium[name=security-usd-filled]::before {
      content: "ꅓ"
    }

    s-icon.medium[name=send]::before {
      content: "ꅔ"
    }

    s-icon.medium[name=settings]::before {
      content: "ꅕ"
    }

    s-icon.medium[name=share]::before {
      content: "ꅖ"
    }

    s-icon.medium[name=shopping-cart]::before {
      content: "ꅗ"
    }

    s-icon.medium[name=shopping-cart-filled]::before {
      content: "ꅘ"
    }

    s-icon.medium[name=sign-document]::before {
      content: "ꅙ"
    }

    s-icon.medium[name=stamp]::before {
      content: "ꅠ"
    }

    s-icon.medium[name=star]::before {
      content: "ꅡ"
    }

    s-icon.medium[name=star-filled]::before {
      content: "ꅢ"
    }

    s-icon.medium[name=stethoscope]::before {
      content: "ꅣ"
    }

    s-icon.medium[name=support]::before {
      content: "ꅤ"
    }

    s-icon.medium[name=trash]::before {
      content: "ꅥ"
    }

    s-icon.medium[name=triangle-circle-down]::before {
      content: "ꅦ"
    }

    s-icon.medium[name=triangle-circle-left]::before {
      content: "ꅧ"
    }

    s-icon.medium[name=triangle-circle-right]::before {
      content: "ꅨ"
    }

    s-icon.medium[name=triangle-circle-up]::before {
      content: "ꅩ"
    }

    s-icon.medium[name=triangle-down]::before {
      content: "ꅰ"
    }

    s-icon.medium[name=triangle-left]::before {
      content: "ꅱ"
    }

    s-icon.medium[name=triangle-right]::before {
      content: "ꅲ"
    }

    s-icon.medium[name=triangle-up]::before {
      content: "ꅳ"
    }

    s-icon.medium[name=trophy]::before {
      content: "ꅴ"
    }

    s-icon.medium[name=twitter]::before {
      content: "ꅵ"
    }

    s-icon.medium[name=undo]::before {
      content: "ꆆ"
    }

    s-icon.medium[name=upload]::before {
      content: "ꅶ"
    }

    s-icon.medium[name=usd-circle]::before {
      content: "ꅷ"
    }

    s-icon.medium[name=user]::before {
      content: "ꅹ"
    }

    s-icon.medium[name=user-circle]::before {
      content: "ꆀ"
    }

    s-icon.medium[name=user-circle-filled]::before {
      content: "ꆁ"
    }

    s-icon.medium[name=user-filled]::before {
      content: "ꅸ"
    }

    s-icon.medium[name=void]::before {
      content: "ꆉ"
    }

    s-icon.medium[name=wrench]::before {
      content: "ꆂ"
    }

    s-icon.medium[name=youtube]::before {
      content: "ꆃ"
    }

    s-icon.medium[name=zoom-in]::before {
      content: "ꆄ"
    }

    s-icon.medium[name=zoom-out]::before {
      content: "ꆐ"
    }

    s-icon.medium[name=close-filled]::before {
      content: "ꁙ"
    }

    s-icon.medium[name=doc-pdf]::before {
      content: "ꁲ"
    }

    s-icon.medium[name=document]::before {
      content: "ꁩ"
    }

    s-icon.medium[name=document-2]::before {
      content: "ꁰ"
    }

    s-icon.medium[name=document-alert]::before {
      content: "ꁱ"
    }

    s-icon.medium[name=folder-2]::before {
      content: "ꂁ"
    }

    s-icon.medium[name=image]::before {
      content: "ꂓ"
    }

    s-icon.medium[name=image-filled]::before {
      content: "ꂔ"
    }

    s-icon.medium[name=pencil]::before {
      content: "ꄤ"
    }

a s-icon, a.button, aui-footer s-dialog a:hover, s-dialog#footer-contact-dialog a:hover {
  text-decoration: none
}

table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: .625rem;
  margin-top: calc(1.875rem*.4);
  width: 100%
}

  table, table td, table th, table tr {
    background-color: transparent
  }

    table td:not([class*=pad-]), table th:not([class*=pad-]) {
      padding-right: .75rem
    }

      table td:not([class*=pad-]):last-of-type, table th:not([class*=pad-]):last-of-type {
        padding-right: 0
      }

    table tbody td, table tbody th, table thead td, table thead th {
      border-bottom: 1px solid #c4c4c4;
      border-top: 1px solid #c4c4c4;
      height: 1.875rem;
      max-width: 40.625rem;
      min-height: 1.875rem;
      overflow-wrap: break-word
    }

    table tbody th, table thead th {
      color: #444;
      font-size: .875rem;
      text-align: left;
      white-space: nowrap
    }

    table tr {
      border-radius: 4px
    }

      table tr td, table tr td a {
        font-size: .875rem
      }

    table.card-table > tbody > tr > td:not([class*=pad-]), table.card-table > tbody > tr > th:not([class*=pad-]), table.card-table > thead > tr > td:not([class*=pad-]), table.card-table > thead > tr > th:not([class*=pad-]) {
      padding-left: calc(.75rem*.5 + .375rem);
      padding-right: calc(.75rem*.5)
    }

    table.card-table > tbody > tr > td, table.card-table > thead > tr > td {
      padding: .75rem calc(.75rem*.5) calc(.75rem*.5);
      position: relative
    }

      table.card-table > tbody > tr > td:first-of-type::after, table.card-table > thead > tr > td:first-of-type::after {
        border-left: 1px solid #c4c4c4
      }

      table.card-table > tbody > tr > td:last-of-type::after, table.card-table > thead > tr > td:last-of-type::after {
        border-right: 1px solid #c4c4c4
      }

      table.card-table > tbody > tr > td::after, table.card-table > thead > tr > td::after {
        background-color: #f7fdff;
        border-bottom: 1px solid #c4c4c4;
        border-top: 1px solid #c4c4c4;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: calc(12px*.5);
        z-index: -1
      }

    table.card-table > tbody > tr.row-collapse > td, table.card-table > thead > tr.row-collapse > td {
      padding: .75rem calc(.75rem*.5) 0;
      top: calc((12px*.5 + 1px)*-1)
    }

      table.card-table > tbody > tr.row-collapse > td::after, table.card-table > thead > tr.row-collapse > td::after {
        bottom: calc((12px*.5 + 1px)*-1)
      }

    table.card-table > thead > tr > th {
      border-bottom: 1px solid #c4c4c4;
      border-top: 1px solid #c4c4c4
    }

    .table-container, table.card-table td.bg-white::after {
      background-color: #fff
    }

    table.borderless td, table.borderless th {
      border: 0
    }

.table-container {
  border: 1px solid #c4c4c4;
  overflow: auto;
  padding: 1.25rem
}

table.right-last tbody tr td:last-of-type, table.right-last tbody tr th:last-of-type:not(:first-of-type), table.right-last thead tr td:last-of-type, table.right-last thead tr th:last-of-type:not(:first-of-type) {
  text-align: right
}

table.right tbody tr td:not(:first-of-type), table.right tbody tr th:not(:first-of-type), table.right thead tr td:not(:first-of-type), table.right thead tr th:not(:first-of-type) {
  text-align: right
}

s-table-container {
  border: 1px solid #c4c4c4;
  display: block;
  overflow: auto
}

  s-table-container:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 0
  }

  s-table-container :focus-visible {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #0c7bab;
    outline: 2px dotted transparent;
    outline-offset: 2px;
    z-index: 101
  }

  s-table-container > table, table.s-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    width: 100%
  }

@media screen and (min-device-pixel-ratio:0) {
  s-table-container > table, table.s-table {
    width: calc(100% + .03125rem)
  }
}

s-table-container > table td:not([class*=pad-]), s-table-container > table th:not([class*=pad-]), table.s-table td:not([class*=pad-]), table.s-table th:not([class*=pad-]) {
  padding-left: .75rem;
  padding-right: .75rem
}

s-table-container > table td.align-right, s-table-container > table th.align-right, table.s-table td.align-right, table.s-table th.align-right {
  text-align: right
}

s-table-container > table tbody td, s-table-container > table tbody th, s-table-container > table thead td, s-table-container > table thead th, table.s-table tbody td, table.s-table tbody th, table.s-table thead td, table.s-table thead th {
  border-bottom: 1px solid #c4c4c4;
  border-top: 1px solid #c4c4c4;
  height: 2.625rem;
  max-width: unset;
  min-height: 2.625rem;
  overflow-wrap: normal
}

s-table-container > table thead th, table.s-table thead th {
  color: #1a1a1a;
  font-weight: 600;
  padding-bottom: .5625rem;
  padding-top: .5625rem;
  text-align: left;
  white-space: nowrap
}

s-table-container > table tr, table.s-table tr {
  border-radius: 0
}

  s-box.secondary, s-table-container > table tr.selected, table.s-table tr.selected {
    background-color: #f7fdff
  }

s-table-container > table.width-auto, table.s-table.width-auto {
  width: auto
}

s-table-container > table.table-layout-fixed, table.s-table.table-layout-fixed {
  table-layout: fixed
}

s-table-container > table.row-height-sm tbody td, s-table-container > table.row-height-sm tbody th, s-table-container > table.row-height-sm thead td, s-table-container > table.row-height-sm thead th, table.s-table.row-height-sm tbody td, table.s-table.row-height-sm tbody th, table.s-table.row-height-sm thead td, table.s-table.row-height-sm thead th {
  height: 1.875rem;
  min-height: 1.875rem;
  padding-bottom: .1875rem;
  padding-top: .1875rem
}

s-table-container > table.row-height-lg tbody td, s-table-container > table.row-height-lg tbody th, s-table-container > table.row-height-lg thead td, s-table-container > table.row-height-lg thead th, table.s-table.row-height-lg tbody td, table.s-table.row-height-lg tbody th, table.s-table.row-height-lg thead td, table.s-table.row-height-lg thead th {
  height: 3.375rem;
  min-height: 3.375rem;
  padding-bottom: .9375rem;
  padding-top: .9375rem
}

s-table-container > table.show-gridlines td, s-table-container > table.show-gridlines th, table.s-table, table.s-table.show-gridlines td, table.s-table.show-gridlines th {
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4
}

  s-table-container > table.fixed-column tbody tr th:first-of-type, s-table-container > table.fixed-column thead th:first-of-type, table.s-table.fixed-column tbody tr th:first-of-type, table.s-table.fixed-column thead th:first-of-type {
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: inset -1px 0 0 #c4c4c4;
    left: 0;
    position: sticky;
    z-index: 1
  }

  s-table-container > table.fixed-column-right tbody tr td:last-of-type, s-table-container > table.fixed-column-right thead th:last-of-type, table.s-table.fixed-column-right tbody tr td:last-of-type, table.s-table.fixed-column-right thead th:last-of-type {
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: inset 1px 0 0 #c4c4c4;
    position: sticky;
    right: 0;
    z-index: 1
  }

  s-table-container > table.fixed-column-right.fixed-column-headers thead th:last-of-type, table.s-table.fixed-column-right.fixed-column-headers thead th:last-of-type {
    box-shadow: inset 1px -1px 0 #c4c4c4;
    z-index: 2
  }

  s-table-container > table.fixed-column.fixed-column-headers thead th:first-of-type, table.s-table.fixed-column.fixed-column-headers thead th:first-of-type {
    box-shadow: inset -1px -1px 0 #c4c4c4
  }

  s-table-container > table.fixed-column-headers tr:first-of-type td, s-table-container > table.fixed-column-headers tr:first-of-type th, table.s-table.fixed-column-headers tr:first-of-type td, table.s-table.fixed-column-headers tr:first-of-type th {
    border-top: 0
  }

  s-table-container > table.fixed-column-headers thead th, table.s-table.fixed-column-headers thead th {
    background-color: #fff;
    border-bottom: 0;
    border-top: 0;
    box-shadow: inset 0 -1px 0 #c4c4c4;
    padding-bottom: .0625rem;
    padding-top: .0625rem;
    position: sticky;
    top: 0;
    z-index: 1
  }

  s-table-container > table.fixed-column-headers.shadow-scrolltop thead th::after, table.s-table.fixed-column-headers.shadow-scrolltop thead th::after {
    background: linear-gradient(to bottom,rgba(26,26,26,.4196078431),transparent);
    bottom: -12px;
    content: "";
    display: block;
    height: .75rem;
    left: 0;
    position: absolute;
    width: 100%
  }

  s-table-container > table.fixed-column-headers.shadow-scrollleft th:first-child::after, s-table-container > table.fixed-column-headers.shadow-scrollleft tr td:first-child::after, table.s-table.fixed-column-headers.shadow-scrollleft th:first-child::after, table.s-table.fixed-column-headers.shadow-scrollleft tr td:first-child::after {
    background: linear-gradient(to right,rgba(26,26,26,.4196078431),transparent);
    content: "";
    display: block;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: .75rem
  }

  s-table-container > table.fixed-column-headers.fixed-column thead tr th:first-of-type, table.s-table.fixed-column-headers.fixed-column thead tr th:first-of-type {
    background-clip: border-box;
    z-index: 2
  }

  s-table-container > table td .secondary-text, table.s-table td .secondary-text {
    color: #444;
    display: block;
    font-size: .75rem
  }

  s-table-container > table td, table.s-table td {
    padding-bottom: .5625rem;
    padding-top: .5625rem;
    vertical-align: text-top
  }

    fieldset legend ~ label:first-of-type, s-table-container > table td input[type=checkbox] + label:first-of-type, s-table-container > table td input[type=radio] + label:first-of-type, table.s-table td input[type=checkbox] + label:first-of-type, table.s-table td input[type=radio] + label:first-of-type {
      margin-top: 0
    }

s-table-container thead tr:first-of-type th {
  border-top: 0
}

s-table-container tr:last-of-type td, s-table-container tr:last-of-type th {
  border-bottom: 0
}

s-table-container table tr td:not([class*=pad-]):last-of-type, s-table-container table tr th:not([class*=pad-]):last-of-type {
  padding-right: .75rem
}

s-table-container table.show-gridlines tr td:first-of-type, s-table-container table.show-gridlines tr th:first-of-type {
  border-left: 0
}

s-table-container table.show-gridlines tr td:last-of-type, s-table-container table.show-gridlines tr th:last-of-type {
  border-right: 0
}

s-alert {
  border-radius: 4px;
  display: block;
  padding: .9375rem 3rem .9375rem 3.375rem
}

  s-alert + s-alert {
    margin-top: .375rem
  }

  aui-service-notification[nodismiss], s-alert[nodismiss], s-banner[nodismiss] {
    padding-right: 1.125rem
  }

  s-alert [ref=status-icon] {
    left: 1.125rem;
    top: 16px
  }

  s-alert [ref=dismiss-button] {
    right: .75rem;
    top: 12px
  }

    s-alert [ref=dismiss-button]:focus {
      box-shadow: 0 0 0 2px #1a1a1a
    }

  s-alert a, s-alert a:hover, s-alert a:visited {
    color: #1a1a1a;
    text-decoration: underline
  }

    s-alert a:focus {
      box-shadow: 0 0 0 2px #1a1a1a
    }

  s-alert[status=info] {
    background-color: #f7fdff;
    border: #9bddfa solid 1px
  }

    s-alert[status=info] s-icon[ref=status-icon] {
      color: #0c7bab
    }

  s-alert[status=success] {
    background-color: #f2fcf2;
    border: #9ee69a solid 1px
  }

    aui-uploader s-icon[name=file-csv], aui-uploader s-icon[name=file-spreadsheet], s-alert[status=success] s-icon[ref=status-icon] {
      color: #22821d
    }

  s-alert[status=warning] {
    background-color: #fffbeb;
    border: #ffdb4d solid 1px
  }

    s-alert[status=warning] s-icon[ref=status-icon] {
      color: #1a1a1a
    }

  s-alert[status=error] {
    background-color: #fff0f0;
    border: #f57a7a solid 1px
  }

    s-alert[status=error] s-icon[ref=status-icon] {
      color: #c70000
    }

aui-footer {
  display: block;
  width: 100%
}

  aui-footer s-icon, aui-header s-icon, aui-nav s-icon {
    font-size: 1rem
  }

  aui-footer > footer > s-container {
    max-width: none;
    padding: .75rem 0;
    text-align: center
  }

    aui-footer > footer > s-container * + * {
      margin-left: 1.5rem
    }

  aui-footer s-dialog, s-dialog#footer-contact-dialog {
    line-height: 1.5rem
  }

    aui-footer s-dialog [ref=cam-photo-container] *, s-dialog#footer-contact-dialog [ref=cam-photo-container] * {
      font-size: 3.375rem;
      height: 4.5rem;
      width: 4.5rem
    }

    aui-footer s-dialog button + button, s-dialog#footer-contact-dialog button + button {
      margin-bottom: .1875rem;
      margin-top: .1875rem
    }

    aui-footer [ref=cam-text], s-dialog#footer-contact-dialog [ref=cam-text] {
      width: 10.9375rem
    }

  aui-footer hr {
    margin: 1.125rem 0
  }

  aui-footer [ref=copyright] {
    color: #6f6f6f;
    white-space: nowrap
  }

@media only screen and (max-width:599px) {
  aui-footer > footer > s-container {
    flex-direction: column
  }

    aui-footer > footer > s-container > span {
      display: block;
      margin-left: 0;
      margin-top: .375rem
    }
}

aui-sidenav aui-footer {
  height: 3.5625rem
}

  aui-sidenav aui-footer > footer > s-container {
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    justify-content: flex-start;
    margin: .375rem 0;
    padding: 0;
    text-align: left
  }

    aui-sidenav aui-footer > footer > s-container > span {
      align-items: center;
      display: flex;
      padding-right: .75rem
    }

      aui-sidenav aui-footer > footer > s-container > span > a {
        line-height: 1.25rem
      }

      aui-sidenav aui-footer > footer > s-container > span > button.link {
        align-items: center;
        font-size: .75rem;
        height: 1.25rem
      }

    aui-sidenav aui-footer > footer > s-container span[ref=copyright] {
      margin-left: .75rem;
      padding-left: 0
    }

s-popper[type=subnav] aui-footer > footer > s-container {
  background-color: #fff;
  border: solid 1px #c4c4c4;
  border-radius: 0 4px 4px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 1.125rem;
  padding: .75rem;
  text-align: left
}

  s-popper[type=subnav] aui-footer > footer > s-container > span {
    margin-bottom: .375rem
  }

    s-popper[type=subnav] aui-footer > footer > s-container > span * + * {
      margin-left: 0
    }

    s-popper[type=subnav] aui-footer > footer > s-container > span > button.link {
      text-align: left
    }

    s-popper[type=subnav] aui-footer > footer > s-container > span > a, s-popper[type=subnav] aui-footer > footer > s-container > span > button.link, s-popper[type=subnav] aui-footer > footer > s-container > span > span {
      align-items: center;
      border-radius: 4px;
      color: #1a1a1a;
      display: inline-flex;
      height: 2.25rem;
      padding: 0 .75rem;
      width: 100%
    }

      s-popper[type=subnav] aui-footer > footer > s-container > span > a:hover, s-popper[type=subnav] aui-footer > footer > s-container > span > button.link:hover {
        background-color: #fafafa;
        text-decoration: none
      }

  s-popper[type=subnav] aui-footer > footer > s-container [ref=copyright] {
    color: #6f6f6f;
    font-size: .75rem;
    white-space: nowrap
  }

aui-header {
  background-color: #fff;
  border-bottom: 1px solid #c4c4c4;
  display: block
}

  aui-header [ref=product-name] {
    color: #6f6f6f;
    font-size: 1.5rem;
    font-weight: 300;
    margin-top: .0625rem
  }

  aui-header s-container {
    height: 2.625rem;
    padding-right: .75rem
  }

  aui-header img {
    height: 1.25rem
  }

  aui-header s-menu > [slot=menu-trigger] > s-icon {
    vertical-align: -3px
  }

  aui-header a:hover {
    text-decoration: none
  }

  aui-header[sidenavheader] {
    position: sticky;
    top: 0;
    z-index: 100
  }

    aui-header[sidenavheader] s-container {
      max-width: unset;
      padding-left: 1.5rem
    }

    aui-header[sidenavheader] s-menu[open] [data-ref="aui-header.account-menu.trigger"][slot=menu-trigger], aui-header[sidenavheader] s-menu[open] button[slot=menu-trigger] {
      background-color: #ddd;
      border-color: #ddd;
      color: #1a1a1a
    }

    aui-header[sidenavheader] a[ref=login], aui-header[sidenavheader] button[ref=walkme-help], aui-header[sidenavheader] s-menu [slot=menu-trigger] {
      align-items: center;
      border-radius: 4px;
      display: inline-flex;
      height: 1.875rem;
      justify-content: center;
      margin: .375rem;
      min-width: 1.875rem;
      padding: 0 .375rem
    }

    aui-header[sidenavheader] button[ref=sidenav-trigger], aui-header[sidenavheader] s-menu [slot=menu-items] {
      margin-right: .375rem
    }

@media only screen and (max-width:839px) {
  aui-header[sidenavheader] s-container {
    padding-left: .375rem
  }
}

@media only screen and (max-width:599px) {
  aui-header[sidenavheader] .collapses.icon-leading {
    margin: 0 .1875rem
  }

    aui-header[sidenavheader] .collapses.icon-leading s-icon {
      margin: 0
    }

  aui-header[sidenavheader] s-menu[ref=account-menu] {
    margin-right: .375rem
  }

  aui-header[sidenavheader] s-menu [slot=menu-items] {
    margin-right: .1875rem;
    margin-top: .375rem
  }
}

aui-header a[ref=login], aui-header button[ref=walkme-help], aui-header s-menu [slot=menu-trigger] {
  align-items: center;
  border-radius: 0;
  display: inline-flex;
  height: 2.625rem;
  padding: 0 .75rem
}

aui-header s-menu[open] [slot=menu-trigger] {
  background: #f7fdff;
  color: #1a1a1a
}

  aui-header s-menu[open] [slot=menu-trigger] [ref=icon-container], aui-locale-switcher > s-menu > [slot=menu-items] > li > button.selected {
    background-color: #cfedfa
  }

aui-header s-menu > [slot=menu-items] > h4 {
  align-items: center;
  border: transparent solid 1px;
  font-size: .75rem;
  font-weight: 600;
  height: 2.25rem;
  margin: 0 .375rem;
  padding: .375rem .75rem
}

aui-header s-menu > [slot=menu-items], aui-header s-menu > [slot=menu-items] > h4 {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

aui-header [ref=icon-container] {
  background-color: #ddd;
  border-radius: 50%;
  height: 1.875rem;
  text-transform: uppercase;
  width: 1.875rem
}

aui-header [ref=login]:active, aui-header s-menu [slot=menu-trigger]:active {
  background-color: #fff
}

aui-header s-menu [slot=menu-items] {
  border-radius: 0 0 4px 4px;
  left: auto;
  max-width: 18.5rem;
  right: 0
}

  aui-header s-menu [slot=menu-items] hr[role=separator] {
    margin: .5625rem 0
  }

  aui-header s-menu [slot=menu-items] div.section-header {
    border: 1px solid transparent;
    margin: .1875rem .75rem;
    min-height: 2.25rem;
    padding: .3125rem .75rem
  }

aui-header.hide-account-billing a[ref=account-billing], aui-header.hide-account-change-password a[ref=account-change-password], aui-header.hide-account-id [ref=account-id], aui-header.hide-account-menu [ref=login], aui-header.hide-account-menu s-menu, aui-header.hide-account-products-usage a[ref=account-products-usage], aui-header.hide-account-products-usage.hide-account-support-cases.hide-account-billing hr[ref=account-features-separator], aui-header.hide-account-support-cases a[ref=account-support-cases] {
  display: none
}

@media only screen and (max-width:1259px) {
  aui-header s-container {
    padding-right: .75rem
  }
}

@media only screen and (max-width:839px) {
  aui-header s-container {
    padding-right: 0
  }
}

aui-locale-switcher > s-menu > [slot=menu-items] > li > button {
  height: 1.875rem
}

aui-nav {
  background-color: #6f6f6f;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

  aui-nav s-container {
    height: 2.625rem;
    padding: 0 1.125rem
  }

    aui-nav s-container nav > ul, aui-supernav s-container nav > ul {
      list-style-type: none;
      white-space: nowrap
    }

      aui-nav s-container nav > ul > li, aui-nav s-menu s-menu[open] [slot=menu-items], aui-supernav s-container nav > ul > li {
        display: inline-flex
      }

        aui-nav s-container nav > ul > li > a, aui-nav s-container nav > ul > li > a:visited, aui-nav s-container nav > ul > li > button, aui-nav s-container nav > ul > li > s-menu > [slot=menu-trigger] {
          align-items: center;
          background-color: #6f6f6f;
          border-bottom: 4px solid #6f6f6f;
          border-left: 0;
          border-radius: 0;
          border-right: 0;
          border-top: 4px solid #6f6f6f;
          color: #fff;
          display: inline-flex;
          font-weight: 400;
          height: 2.625rem;
          padding: 0 .75rem;
          position: relative;
          white-space: nowrap
        }

          aui-nav s-container nav > ul > li > a:visited:focus, aui-nav s-container nav > ul > li > button:focus {
            box-shadow: 0 0 0 2px #1a1a1a
          }

          aui-nav s-container nav > ul > li > a:visited[disabled], aui-nav s-container nav > ul > li > a[disabled], aui-nav s-container nav > ul > li > button[disabled], s-input-extended div[ref=input-wrapper] div[ref=decorative-icon-container] s-icon {
            color: #a2a2a2
          }

          aui-nav s-container nav > ul > li > s-menu > [slot=menu-trigger][disabled] {
            color: #c4c4c4;
            cursor: not-allowed
          }

            aui-nav s-container nav > ul > li > s-menu > [slot=menu-trigger][disabled]:hover {
              background-color: #6f6f6f;
              border-bottom: 4px solid #6f6f6f;
              border-top: 4px solid #6f6f6f
            }

          aui-nav s-container nav > ul > li > a:hover, aui-nav s-container nav > ul > li > s-menu > [slot=menu-trigger]:hover {
            background-color: #444;
            border-bottom: 4px solid #444;
            border-top: 4px solid #444;
            color: #fff;
            text-decoration: none
          }

        aui-nav s-container nav > ul > li > s-menu[open] > [slot=menu-trigger] {
          background-color: #1a1a1a;
          border-bottom: 4px solid #1a1a1a;
          border-top: 4px solid #1a1a1a
        }

        aui-nav s-container nav > ul > li a.active, aui-nav s-container nav > ul > li.active [slot=menu-trigger], aui-nav s-container nav > ul > li.active a, aui-nav s-container nav > ul > li > s-menu.active > [slot=menu-trigger] {
          border-bottom: 4px solid #fff
        }

        aui-nav s-container nav > ul > li > a:focus, aui-nav s-container nav > ul > li > s-menu > [slot=menu-trigger]:focus {
          box-shadow: 0 0 0 2px #1a1a1a;
          z-index: 1
        }

  aui-nav #collapsed-nav-menu:not([open]) > [slot=menu-trigger] > s-icon[name=close], aui-nav s-menu:not([open]) > [slot=menu-trigger] > s-icon[name=triangle-up] {
    display: none
  }

  aui-nav #collapsed-nav-menu[open] > [slot=menu-trigger] > s-icon[name=menu], aui-nav s-menu[open] > [slot=menu-trigger] > s-icon[name=triangle-down] {
    display: none
  }

@media only screen and (max-width:599px) {
  aui-nav > s-container > nav > #collapsed-nav-menu > [slot=menu-items] {
    left: 0;
    right: auto
  }
}

aui-nav s-menu s-menu {
  flex-direction: column;
  width: 100%
}

  aui-nav s-menu s-menu [slot=menu-trigger] {
    align-items: center;
    background-color: #fff;
    border: 0;
    color: #1a1a1a;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 600;
    height: 2.25rem;
    justify-content: space-between;
    padding: 0 .75rem;
    text-decoration: none
  }

  aui-nav s-menu s-menu [slot=menu-items] {
    border: 0;
    display: none;
    left: auto;
    position: relative;
    top: auto
  }

    aui-nav s-menu s-menu [slot=menu-items] > a {
      padding-left: 1.125rem
    }

  aui-nav s-menu s-menu.open-top [slot=menu-items] {
    bottom: auto
  }

  aui-nav s-menu s-menu.open-left [slot=menu-items] {
    right: auto
  }

@media only screen and (max-width:1259px) {
  aui-nav s-container {
    padding: 0 .75rem
  }
}

@media only screen and (max-width:839px) {
  aui-nav s-container {
    padding: 0
  }
}

aui-sidenav, aui-sidenav.prerender {
  background-color: #fff;
  border-right: 1px solid #c4c4c4;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  float: left;
  height: calc(100vh - 2.625rem);
  left: 0;
  overflow: auto;
  padding-right: .75rem;
  position: sticky;
  top: 42px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  z-index: 10
}

  aui-sidenav.prerender > div, aui-sidenav > div {
    height: 100%
  }

  aui-sidenav div.fullheight, aui-sidenav.prerender div.fullheight {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }

    aui-sidenav div.fullheight > ul, aui-sidenav.prerender div.fullheight > ul {
      margin: .75rem .75rem 3.9375rem
    }

  aui-sidenav.prerender ~ s-popper[type=subnav] ul, aui-sidenav ~ s-popper[type=subnav] ul {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 0 4px 4px 0;
    margin-left: 1.125rem;
    padding: .75rem
  }

  aui-sidenav button, aui-sidenav.prerender button, aui-sidenav.prerender ~ s-popper[type=subnav] button, aui-sidenav ~ s-popper[type=subnav] button {
    background-color: #fff;
    border: 0
  }

    aui-sidenav button:focus, aui-sidenav.prerender button:focus, aui-sidenav.prerender ~ s-popper[type=subnav] button:focus, aui-sidenav ~ s-popper[type=subnav] button:focus {
      z-index: 0
    }

  aui-sidenav div.horizontally-collapsed li.top-level-with-subnav.active > div > button, aui-sidenav li.subitem.active > div > a, aui-sidenav li.subitem.active > div > button, aui-sidenav li.top-level-link.active a, aui-sidenav.prerender div.horizontally-collapsed li.top-level-with-subnav.active > div > button, aui-sidenav.prerender li.subitem.active > div > a, aui-sidenav.prerender li.subitem.active > div > button, aui-sidenav.prerender li.top-level-link.active a, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav.active > div > button, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem.active > div > a, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem.active > div > button, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link.active a, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav.active > div > button, aui-sidenav ~ s-popper[type=subnav] li.subitem.active > div > a, aui-sidenav ~ s-popper[type=subnav] li.subitem.active > div > button, aui-sidenav ~ s-popper[type=subnav] li.top-level-link.active a {
    background-color: #cfedfa;
    color: #014f70
  }

  aui-sidenav ul, aui-sidenav.prerender ul, aui-sidenav.prerender ~ s-popper[type=subnav] ul, aui-sidenav ~ s-popper[type=subnav] ul {
    list-style-type: none
  }

    aui-sidenav ul a, aui-sidenav ul a:hover, aui-sidenav ul a:visited, aui-sidenav.prerender ul a, aui-sidenav.prerender ul a:hover, aui-sidenav.prerender ul a:visited, aui-sidenav.prerender ~ s-popper[type=subnav] ul a, aui-sidenav.prerender ~ s-popper[type=subnav] ul a:hover, aui-sidenav.prerender ~ s-popper[type=subnav] ul a:visited, aui-sidenav ~ s-popper[type=subnav] ul a, aui-sidenav ~ s-popper[type=subnav] ul a:hover, aui-sidenav ~ s-popper[type=subnav] ul a:visited, aui-supernav s-container nav s-menu [slot=menu-trigger]:hover {
      color: #1a1a1a
    }

      aui-sidenav ul a:hover, aui-sidenav.prerender ul a:hover, aui-sidenav.prerender ~ s-popper[type=subnav] ul a:hover, aui-sidenav ~ s-popper[type=subnav] ul a:hover {
        background-color: #fafafa;
        text-decoration: none
      }

    aui-sidenav ul.subnav, aui-sidenav.prerender ul.subnav, aui-sidenav.prerender ~ s-popper[type=subnav] ul.subnav, aui-sidenav ~ s-popper[type=subnav] ul.subnav {
      margin-bottom: .1875rem;
      width: 100%
    }

  aui-sidenav h5, aui-sidenav.prerender h5, aui-sidenav.prerender ~ s-popper[type=subnav] h5, aui-sidenav ~ s-popper[type=subnav] h5 {
    color: #6f6f6f;
    height: 1.25rem;
    margin: .375rem .75rem
  }

  aui-sidenav ul li li, aui-sidenav.prerender ul li li, aui-sidenav.prerender ~ s-popper[type=subnav] ul li li, aui-sidenav ~ s-popper[type=subnav] ul li li {
    height: 2.625rem
  }

  aui-sidenav li.top-level-link, aui-sidenav.prerender li.top-level-link, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link, aui-sidenav ~ s-popper[type=subnav] li.top-level-link {
    align-items: center;
    display: flex;
    height: 2.625rem
  }

  aui-sidenav button.disabled-navitem, aui-sidenav button.subnav-trigger, aui-sidenav.prerender button.disabled-navitem, aui-sidenav.prerender button.subnav-trigger, aui-sidenav.prerender ~ s-popper[type=subnav] button.disabled-navitem, aui-sidenav.prerender ~ s-popper[type=subnav] button.subnav-trigger, aui-sidenav ~ s-popper[type=subnav] button.disabled-navitem, aui-sidenav ~ s-popper[type=subnav] button.subnav-trigger {
    display: flex;
    justify-content: space-between;
    margin: .1875rem 0
  }

    aui-sidenav button.disabled-navitem div, aui-sidenav button.subnav-trigger div, aui-sidenav.prerender button.disabled-navitem div, aui-sidenav.prerender button.subnav-trigger div, aui-sidenav.prerender ~ s-popper[type=subnav] button.disabled-navitem div, aui-sidenav.prerender ~ s-popper[type=subnav] button.subnav-trigger div, aui-sidenav ~ s-popper[type=subnav] button.disabled-navitem div, aui-sidenav ~ s-popper[type=subnav] button.subnav-trigger div {
      align-items: center;
      display: flex
    }

  aui-sidenav li.hover-menu-header div, aui-sidenav li.top-level-link a.top-level-a, aui-sidenav li.top-level-link button.disabled-navitem, aui-sidenav li.top-level-link button.subnav-trigger, aui-sidenav li.top-level-with-subnav a.top-level-a, aui-sidenav li.top-level-with-subnav button.disabled-navitem, aui-sidenav li.top-level-with-subnav button.subnav-trigger, aui-sidenav.prerender li.hover-menu-header div, aui-sidenav.prerender li.top-level-link a.top-level-a, aui-sidenav.prerender li.top-level-link button.disabled-navitem, aui-sidenav.prerender li.top-level-link button.subnav-trigger, aui-sidenav.prerender li.top-level-with-subnav a.top-level-a, aui-sidenav.prerender li.top-level-with-subnav button.disabled-navitem, aui-sidenav.prerender li.top-level-with-subnav button.subnav-trigger, aui-sidenav.prerender ~ s-popper[type=subnav] li.hover-menu-header div, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link a.top-level-a, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link button.disabled-navitem, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link button.subnav-trigger, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav a.top-level-a, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav button.disabled-navitem, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav button.subnav-trigger, aui-sidenav ~ s-popper[type=subnav] li.hover-menu-header div, aui-sidenav ~ s-popper[type=subnav] li.top-level-link a.top-level-a, aui-sidenav ~ s-popper[type=subnav] li.top-level-link button.disabled-navitem, aui-sidenav ~ s-popper[type=subnav] li.top-level-link button.subnav-trigger, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav a.top-level-a, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav button.disabled-navitem, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav button.subnav-trigger {
    align-items: center;
    border-radius: 4px;
    color: #1a1a1a;
    display: flex;
    font-weight: 600;
    height: 2.25rem;
    padding: .75rem;
    width: 100%
  }

  aui-sidenav li.top-level-link > div, aui-sidenav li.top-level-with-subnav > div, aui-sidenav.prerender li.top-level-link > div, aui-sidenav.prerender li.top-level-with-subnav > div, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link > div, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav > div, aui-sidenav ~ s-popper[type=subnav] li.top-level-link > div, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav > div {
    width: 100%
  }

  aui-sidenav li.top-level-link a.top-level-a:hover, aui-sidenav li.top-level-link button.disabled-navitem:hover, aui-sidenav li.top-level-link button.subnav-trigger:hover, aui-sidenav li.top-level-with-subnav a.top-level-a:hover, aui-sidenav li.top-level-with-subnav button.disabled-navitem:hover, aui-sidenav li.top-level-with-subnav button.subnav-trigger:hover, aui-sidenav.prerender li.top-level-link a.top-level-a:hover, aui-sidenav.prerender li.top-level-link button.disabled-navitem:hover, aui-sidenav.prerender li.top-level-link button.subnav-trigger:hover, aui-sidenav.prerender li.top-level-with-subnav a.top-level-a:hover, aui-sidenav.prerender li.top-level-with-subnav button.disabled-navitem:hover, aui-sidenav.prerender li.top-level-with-subnav button.subnav-trigger:hover, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link a.top-level-a:hover, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link button.disabled-navitem:hover, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link button.subnav-trigger:hover, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav a.top-level-a:hover, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav button.disabled-navitem:hover, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav button.subnav-trigger:hover, aui-sidenav ~ s-popper[type=subnav] li.top-level-link a.top-level-a:hover, aui-sidenav ~ s-popper[type=subnav] li.top-level-link button.disabled-navitem:hover, aui-sidenav ~ s-popper[type=subnav] li.top-level-link button.subnav-trigger:hover, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav a.top-level-a:hover, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav button.disabled-navitem:hover, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav button.subnav-trigger:hover {
    background-color: #fafafa
  }

  aui-sidenav li.top-level-link a.top-level-a s-icon.main-icon, aui-sidenav li.top-level-link button.disabled-navitem s-icon.main-icon, aui-sidenav li.top-level-link button.subnav-trigger s-icon.main-icon, aui-sidenav li.top-level-with-subnav a.top-level-a s-icon.main-icon, aui-sidenav li.top-level-with-subnav button.disabled-navitem s-icon.main-icon, aui-sidenav li.top-level-with-subnav button.subnav-trigger s-icon.main-icon, aui-sidenav.prerender li.top-level-link a.top-level-a s-icon.main-icon, aui-sidenav.prerender li.top-level-link button.disabled-navitem s-icon.main-icon, aui-sidenav.prerender li.top-level-link button.subnav-trigger s-icon.main-icon, aui-sidenav.prerender li.top-level-with-subnav a.top-level-a s-icon.main-icon, aui-sidenav.prerender li.top-level-with-subnav button.disabled-navitem s-icon.main-icon, aui-sidenav.prerender li.top-level-with-subnav button.subnav-trigger s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link a.top-level-a s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link button.disabled-navitem s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link button.subnav-trigger s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav a.top-level-a s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav button.disabled-navitem s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-with-subnav button.subnav-trigger s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] li.top-level-link a.top-level-a s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] li.top-level-link button.disabled-navitem s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] li.top-level-link button.subnav-trigger s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav a.top-level-a s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav button.disabled-navitem s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] li.top-level-with-subnav button.subnav-trigger s-icon.main-icon {
    font-weight: 400;
    padding-right: .75rem
  }

  aui-sidenav div.horizontally-collapsed li.top-level-link a.top-level-a, aui-sidenav div.horizontally-collapsed li.top-level-link button.disabled-navitem, aui-sidenav div.horizontally-collapsed li.top-level-link button.subnav-trigger, aui-sidenav div.horizontally-collapsed li.top-level-with-subnav a.top-level-a, aui-sidenav div.horizontally-collapsed li.top-level-with-subnav button.disabled-navitem, aui-sidenav div.horizontally-collapsed li.top-level-with-subnav button.subnav-trigger, aui-sidenav.prerender div.horizontally-collapsed li.top-level-link a.top-level-a, aui-sidenav.prerender div.horizontally-collapsed li.top-level-link button.disabled-navitem, aui-sidenav.prerender div.horizontally-collapsed li.top-level-link button.subnav-trigger, aui-sidenav.prerender div.horizontally-collapsed li.top-level-with-subnav a.top-level-a, aui-sidenav.prerender div.horizontally-collapsed li.top-level-with-subnav button.disabled-navitem, aui-sidenav.prerender div.horizontally-collapsed li.top-level-with-subnav button.subnav-trigger, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link a.top-level-a, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link button.disabled-navitem, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link button.subnav-trigger, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav a.top-level-a, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav button.disabled-navitem, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav button.subnav-trigger, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link a.top-level-a, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link button.disabled-navitem, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link button.subnav-trigger, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav a.top-level-a, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav button.disabled-navitem, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav button.subnav-trigger {
    display: flex;
    justify-content: center;
    width: 2.25rem
  }

    aui-sidenav div.horizontally-collapsed li.top-level-link a.top-level-a s-icon.main-icon, aui-sidenav div.horizontally-collapsed li.top-level-link button.disabled-navitem s-icon.main-icon, aui-sidenav div.horizontally-collapsed li.top-level-link button.subnav-trigger s-icon.main-icon, aui-sidenav div.horizontally-collapsed li.top-level-with-subnav a.top-level-a s-icon.main-icon, aui-sidenav div.horizontally-collapsed li.top-level-with-subnav button.disabled-navitem s-icon.main-icon, aui-sidenav div.horizontally-collapsed li.top-level-with-subnav button.subnav-trigger s-icon.main-icon, aui-sidenav.prerender div.horizontally-collapsed li.top-level-link a.top-level-a s-icon.main-icon, aui-sidenav.prerender div.horizontally-collapsed li.top-level-link button.disabled-navitem s-icon.main-icon, aui-sidenav.prerender div.horizontally-collapsed li.top-level-link button.subnav-trigger s-icon.main-icon, aui-sidenav.prerender div.horizontally-collapsed li.top-level-with-subnav a.top-level-a s-icon.main-icon, aui-sidenav.prerender div.horizontally-collapsed li.top-level-with-subnav button.disabled-navitem s-icon.main-icon, aui-sidenav.prerender div.horizontally-collapsed li.top-level-with-subnav button.subnav-trigger s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link a.top-level-a s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link button.disabled-navitem s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link button.subnav-trigger s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav a.top-level-a s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav button.disabled-navitem s-icon.main-icon, aui-sidenav.prerender ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav button.subnav-trigger s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link a.top-level-a s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link button.disabled-navitem s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-link button.subnav-trigger s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav a.top-level-a s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav button.disabled-navitem s-icon.main-icon, aui-sidenav ~ s-popper[type=subnav] div.horizontally-collapsed li.top-level-with-subnav button.subnav-trigger s-icon.main-icon {
      padding-right: 0
    }

  aui-sidenav button:disabled, aui-sidenav li.top-level-link button.disabled-navitem:disabled, aui-sidenav li.top-level-link button.subnav-trigger:disabled, aui-sidenav.prerender button:disabled, aui-sidenav.prerender li.top-level-link button.disabled-navitem:disabled, aui-sidenav.prerender li.top-level-link button.subnav-trigger:disabled, aui-sidenav.prerender ~ s-popper[type=subnav] button:disabled, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link button.disabled-navitem:disabled, aui-sidenav.prerender ~ s-popper[type=subnav] li.top-level-link button.subnav-trigger:disabled, aui-sidenav ~ s-popper[type=subnav] button:disabled, aui-sidenav ~ s-popper[type=subnav] li.top-level-link button.disabled-navitem:disabled, aui-sidenav ~ s-popper[type=subnav] li.top-level-link button.subnav-trigger:disabled {
    background-color: #fff;
    border: 0;
    color: #c4c4c4;
    font-weight: 400
  }

  aui-sidenav li.disabled-with-descriptor, aui-sidenav.prerender li.disabled-with-descriptor, aui-sidenav.prerender ~ s-popper[type=subnav] li.disabled-with-descriptor, aui-sidenav ~ s-popper[type=subnav] li.disabled-with-descriptor {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 3.5rem
  }

    aui-sidenav li.disabled-with-descriptor button.button-with-descriptor, aui-sidenav.prerender li.disabled-with-descriptor button.button-with-descriptor, aui-sidenav.prerender ~ s-popper[type=subnav] li.disabled-with-descriptor button.button-with-descriptor, aui-sidenav ~ s-popper[type=subnav] li.disabled-with-descriptor button.button-with-descriptor {
      height: 1.5rem
    }

    aui-sidenav li.disabled-with-descriptor button.disabled-descriptor, aui-sidenav.prerender li.disabled-with-descriptor button.disabled-descriptor, aui-sidenav.prerender ~ s-popper[type=subnav] li.disabled-with-descriptor button.disabled-descriptor, aui-sidenav ~ s-popper[type=subnav] li.disabled-with-descriptor button.disabled-descriptor {
      font-size: .75rem;
      height: 1.25rem;
      margin-left: 0
    }

  aui-sidenav li.subheading, aui-sidenav.prerender li.subheading, aui-sidenav.prerender ~ s-popper[type=subnav] li.subheading, aui-sidenav ~ s-popper[type=subnav] li.subheading {
    align-items: center;
    display: flex;
    height: 2rem;
    padding: .375rem 0
  }

  aui-sidenav li.subitem a, aui-sidenav.prerender li.subitem a, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem a, aui-sidenav ~ s-popper[type=subnav] li.subitem a {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 2.25rem;
    padding: 0 .75rem
  }

  aui-sidenav li.subitem button:disabled, aui-sidenav.prerender li.subitem button:disabled, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem button:disabled, aui-sidenav ~ s-popper[type=subnav] li.subitem button:disabled {
    padding-left: .75rem
  }

  aui-sidenav li.subitem.nested, aui-sidenav.prerender li.subitem.nested, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem.nested, aui-sidenav ~ s-popper[type=subnav] li.subitem.nested {
    border-left: 1px solid #c4c4c4;
    margin-left: .75rem
  }

    aui-sidenav li.subitem.nested button:disabled, aui-sidenav li.subitem.nested div, aui-sidenav.prerender li.subitem.nested button:disabled, aui-sidenav.prerender li.subitem.nested div, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem.nested button:disabled, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem.nested div, aui-sidenav ~ s-popper[type=subnav] li.subitem.nested button:disabled, aui-sidenav ~ s-popper[type=subnav] li.subitem.nested div {
      border-radius: 0;
      margin-left: .75rem
    }

    aui-sidenav li.subitem.nested button:disabled, aui-sidenav.prerender li.subitem.nested button:disabled, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem.nested button:disabled, aui-sidenav ~ s-popper[type=subnav] li.subitem.nested button:disabled {
      padding-left: .75rem
    }

    aui-sidenav li.subitem.nested button.disabled-descriptor, aui-sidenav.prerender li.subitem.nested button.disabled-descriptor, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem.nested button.disabled-descriptor, aui-sidenav ~ s-popper[type=subnav] li.subitem.nested button.disabled-descriptor {
      height: 1.625rem;
      padding-bottom: .375rem
    }

    aui-sidenav li.subitem.nested:last-child, aui-sidenav.prerender li.subitem.nested:last-child, aui-sidenav.prerender ~ s-popper[type=subnav] li.subitem.nested:last-child, aui-sidenav ~ s-popper[type=subnav] li.subitem.nested:last-child {
      height: 2.25rem
    }

  aui-sidenav button#sidenav-horizontal-toggle-button, aui-sidenav.prerender button#sidenav-horizontal-toggle-button {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    bottom: 42px;
    position: fixed;
    z-index: 400
  }

  aui-sidenav aui-footer, aui-sidenav.prerender aui-footer {
    background-color: #fff;
    border-top: 1px solid #c4c4c4;
    bottom: 0;
    position: fixed
  }

@media only screen and (max-width:839px) {
  button#sidenav-horizontal-toggle-button {
    display: none
  }

  aui-sidenav:not(.prerender) {
    display: none
  }

    aui-sidenav:not(.prerender).open {
      display: initial;
      position: absolute
    }
}

@media only screen and (max-width:599px) {
  aui-sidenav:not(.prerender).open {
    background-color: #fff
  }

    aui-sidenav:not(.prerender).open > div {
      width: 100vw !important
    }

    aui-sidenav:not(.prerender).open li.top-level-link a, aui-sidenav:not(.prerender).open li.top-level-with-subnav > div {
      flex: 1;
      width: calc(100vw - 1.5rem)
    }

    aui-sidenav:not(.prerender).open div.fullheight {
      border-right: 0
    }

    aui-sidenav:not(.prerender).open ~ s-popper[type=subnav] {
      display: none
    }
}

aui-subscription-countdown div[data-ref=wrapper] {
  background-color: #f7fdff;
  border: 1px solid #cfedfa;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: .75rem
}

  aui-subscription-countdown div[data-ref=wrapper].warning {
    background-color: #fffbeb;
    border-color: #ffdb4d
  }

  aui-subscription-countdown div[data-ref=wrapper].error {
    background-color: #fff0f0;
    border-color: #f57a7a
  }

  aui-subscription-countdown div[data-ref=wrapper] div[data-ref=left-content] {
    display: flex;
    justify-content: space-between;
    min-width: 50%
  }

  aui-subscription-countdown div[data-ref=wrapper] div[data-ref=lg-top-row] {
    align-items: center;
    display: flex
  }

  aui-subscription-countdown div[data-ref=wrapper] div[data-ref=subscribe-button-container] {
    padding-right: .75rem
  }

  aui-subscription-countdown div[data-ref=wrapper] div[data-ref=xs-second-row] {
    display: flex
  }

  aui-subscription-countdown div[data-ref=wrapper] div[data-ref=close-button-container] {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    margin-left: auto
  }

  aui-subscription-countdown div[data-ref=wrapper] .counter-box {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: .3rem;
    color: #1a1a1a;
    margin-left: 1.875rem;
    min-width: 2.625rem
  }

aui-subscription-countdown[xswidth] div[data-ref=wrapper] {
  max-width: 23.9375rem
}

  aui-subscription-countdown[xswidth] div[data-ref=wrapper] div[data-ref=left-content], aui-supernav [ref=collapsed-nav-menu] s-menu {
    flex-direction: column;
    width: 100%
  }

  aui-subscription-countdown[xswidth] div[data-ref=wrapper] div[data-ref=close-button-container] {
    display: none
  }

  aui-subscription-countdown[xswidth] div[data-ref=wrapper] div[data-ref=days-remaining-container] {
    margin: .375rem 0
  }

  aui-subscription-countdown[xswidth] div[data-ref=wrapper] div[data-ref=xs-second-row] {
    justify-content: space-between
  }

  aui-subscription-countdown[xswidth] div[data-ref=wrapper] .counter-box {
    margin-left: 0
  }

aui-subscription-countdown[halfwidth] div[data-ref=wrapper] div[data-ref=left-content] {
  justify-content: space-between;
  width: 100%
}

aui-subscription-countdown[halfwidth] div[data-ref=wrapper] div[data-ref=close-button-container] {
  display: none
}

aui-subscription-countdown[halfwidth] div[data-ref=wrapper] div[data-ref=subscribe-button-container] {
  padding-right: 0
}

@media only screen and (max-width:383px) {
  aui-subscription-countdown div[data-ref=wrapper] {
    max-width: 23.9375rem
  }

    aui-subscription-countdown div[data-ref=wrapper] div[data-ref=left-content] {
      flex-direction: column;
      width: 100%
    }

    aui-subscription-countdown div[data-ref=wrapper] div[data-ref=close-button-container] {
      display: none
    }

    aui-subscription-countdown div[data-ref=wrapper] div[data-ref=days-remaining-container] {
      margin: .375rem 0
    }

    aui-subscription-countdown div[data-ref=wrapper] div[data-ref=xs-second-row] {
      justify-content: space-between
    }

    aui-subscription-countdown div[data-ref=wrapper] .counter-box {
      margin-left: 0
    }
}

aui-subscription-expiration div[data-ref=wrapper] {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 25rem;
  text-align: center
}

  aui-subscription-expiration div[data-ref=wrapper] h3 {
    margin: .75rem 0
  }

  aui-subscription-expiration div[data-ref=wrapper] span {
    font-size: .75rem
  }

  aui-subscription-expiration div[data-ref=wrapper] s-icon {
    color: #6f6f6f
  }

  aui-subscription-expiration div[data-ref=wrapper] a.button {
    margin-top: 1.875rem
  }

aui-supernav {
  background-color: #fff;
  border-bottom: 1px solid #c4c4c4;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

  aui-supernav s-container {
    height: 2.625rem;
    padding: 0 1.125rem
  }

    aui-supernav s-container nav > ul > li > a, aui-supernav s-container nav > ul > li > s-menu > [slot=menu-trigger] {
      color: #444
    }

    aui-supernav s-container nav > ul > li > a, aui-supernav s-container nav > ul > li > button[disabled], aui-supernav s-container nav > ul > li > s-menu > [slot=menu-trigger] {
      align-items: center;
      background-color: #fff;
      border-bottom: 4px solid #fff;
      border-left: 0;
      border-radius: 0;
      border-right: 0;
      border-top: 4px solid #fff;
      display: inline-flex;
      font-weight: 600;
      height: 2.625rem;
      padding: 0 .75rem;
      position: relative;
      white-space: nowrap
    }

      aui-supernav s-container nav > ul > li > a:hover, aui-supernav s-container nav > ul > li > s-menu > [slot=menu-trigger]:hover {
        border-bottom: 4px solid #fff;
        border-top: 4px solid #fff;
        color: #1a1a1a;
        text-decoration: none
      }

      aui-supernav s-container nav > ul > li > button[disabled]:hover {
        text-decoration: none
      }

      aui-supernav s-container nav s-menu [slot=menu-trigger], aui-supernav s-container nav > ul > li > a:visited, aui-supernav s-container nav > ul > li > button[disabled]:visited, aui-supernav s-container nav > ul > li > s-menu > [slot=menu-trigger]:visited {
        color: #444
      }

      aui-supernav s-container nav > ul > li > button[disabled]:focus {
        box-shadow: 0 0 0 2px #0c7bab
      }

    aui-supernav s-container nav > ul > li.active > a, aui-supernav s-container nav > ul > li.active > s-menu > [slot=menu-trigger], aui-supernav s-container nav > ul > li.active > s-menu[open] > [slot=menu-trigger] {
      border-bottom: 4px solid #0c7bab;
      color: #0c7bab
    }

      aui-supernav s-container nav > ul > li.active > a:hover, aui-supernav s-container nav > ul > li.active > s-menu > [slot=menu-trigger]:hover, aui-supernav s-container nav > ul > li.active > s-menu[open] > [slot=menu-trigger]:hover {
        border-bottom: 4px solid #015f87;
        color: #015f87
      }

    aui-supernav s-container nav > ul > li > button[disabled], aui-supernav s-container nav > ul > li > button[disabled]:hover, aui-supernav s-container nav > ul > li > s-menu > [slot=menu-trigger][disabled], aui-supernav s-container nav > ul > li > s-menu > [slot=menu-trigger][disabled]:hover {
      color: #c4c4c4;
      cursor: not-allowed
    }

      aui-supernav s-container nav > ul > li > button[disabled]:hover, aui-supernav s-container nav > ul > li > button[disabled]:hover:hover, aui-supernav s-container nav > ul > li > s-menu > [slot=menu-trigger][disabled]:hover, aui-supernav s-container nav > ul > li > s-menu > [slot=menu-trigger][disabled]:hover:hover {
        background-color: #fff;
        border-bottom: 4px solid #fff;
        border-top: 4px solid #fff
      }

    aui-supernav s-container nav > ul > li > s-menu[open] > [slot=menu-trigger] {
      background-color: #f7fdff;
      border-bottom: 4px solid #f7fdff;
      border-top: 4px solid #f7fdff
    }

    aui-supernav s-container nav > ul > li > a:focus, aui-supernav s-container nav > ul > li > s-menu > [slot=menu-trigger]:focus {
      box-shadow: 0 0 0 2px #0c7bab;
      z-index: 101
    }

    aui-supernav s-container nav s-menu > [slot=menu-items] {
      border-radius: 0 0 4px 4px
    }

      aui-supernav s-container nav s-menu > [slot=menu-items] li > a, aui-supernav s-container nav s-menu > [slot=menu-items] li > button {
        height: 1.875rem;
        padding: .375rem .75rem .375rem .375rem
      }

      aui-supernav s-container nav s-menu > [slot=menu-items] li {
        height: 2.25rem
      }

        aui-supernav s-container nav s-menu > [slot=menu-items] li.disabled-with-descriptor {
          align-items: flex-start;
          display: flex;
          flex-direction: column;
          height: 3.125rem;
          justify-content: center
        }

          aui-supernav s-container nav s-menu > [slot=menu-items] li.disabled-with-descriptor button[disabled] {
            height: 1.5rem;
            margin-bottom: 0;
            margin-top: 0;
            padding: 0 .375rem;
            width: auto
          }

            aui-supernav s-container nav s-menu > [slot=menu-items] li.disabled-with-descriptor button[disabled][ref=descriptor-button] {
              font-size: .75rem;
              height: 1.25rem
            }

      aui-supernav s-container nav s-menu > [slot=menu-items] h4 {
        border: transparent solid 1px;
        font-weight: 600;
        height: 1.875rem;
        margin: .1875rem .75rem
      }

  aui-supernav [ref=collapsed-nav-menu]:not([open]) > [slot=menu-trigger] > s-icon[name=close], aui-supernav [ref=collapsed-nav-menu][open] > [slot=menu-trigger] > s-icon[name=menu], aui-supernav s-menu:not([open]) > [slot=menu-trigger] > s-icon[name=triangle-up], aui-supernav s-menu[open] > [slot=menu-trigger] > s-icon[name=triangle-down] {
    display: none
  }

  aui-supernav [ref=collapsed-nav-menu] > [slot=menu-items], s-row[collapse=""] s-col[span] {
    padding: 0
  }

    aui-supernav [ref=collapsed-nav-menu] > [slot=menu-items] > li:not(:first-child) {
      border-top: 1px solid #c4c4c4
    }

    aui-supernav [ref=collapsed-nav-menu] > [slot=menu-items] > li > a, aui-supernav [ref=collapsed-nav-menu] > [slot=menu-items] > li > s-menu > [slot=menu-trigger] {
      align-items: center;
      background-color: #fff;
      border: 0;
      color: #444;
      display: inline-flex;
      font-size: 1.125rem;
      font-weight: 600;
      height: 1.875rem;
      justify-content: space-between;
      margin: .375rem;
      padding: 0 .75rem;
      text-decoration: none
    }

      aui-supernav [ref=collapsed-nav-menu] > [slot=menu-items] > li > a:hover, aui-supernav [ref=collapsed-nav-menu] > [slot=menu-items] > li > s-menu > [slot=menu-trigger]:hover {
        background-color: #fff;
        color: #1a1a1a
      }

    aui-supernav [ref=collapsed-nav-menu] > [slot=menu-items] > li > s-menu[open] > [slot=menu-trigger] {
      margin-bottom: 0
    }

    aui-supernav [ref=collapsed-nav-menu] > [slot=menu-items] > li > button[disabled] {
      font-size: 1.125rem;
      height: 1.875rem;
      margin: .375rem;
      padding: 0 .75rem
    }

  aui-supernav [ref=collapsed-nav-menu] s-menu [slot=menu-items] {
    border: 0;
    display: none;
    left: auto;
    position: relative;
    top: auto
  }

  aui-supernav [ref=collapsed-nav-menu] s-menu[open] [slot=menu-items] {
    display: inline-flex
  }

  aui-supernav [ref=collapsed-nav-menu] s-menu [slot=menu-items] > a {
    padding-left: 1.125rem
  }

  aui-supernav [ref=collapsed-nav-menu] s-menu.open-top [slot=menu-items] {
    bottom: auto
  }

  aui-supernav [ref=collapsed-nav-menu] s-menu.open-left [slot=menu-items] {
    right: auto
  }

@media only screen and (max-width:1259px) {
  aui-supernav s-container {
    padding: 0 .75rem
  }
}

@media only screen and (max-width:839px) {
  aui-supernav s-container {
    padding: 0
  }
}

@media only screen and (max-width:599px) {
  aui-supernav [ref=collapsed-nav-menu] > [slot=menu-items] {
    width: 100vw
  }
}

aui-uploader [slot=disabled-content] *, aui-uploader [slot=guidelines] *, aui-uploader [slot=loading] * {
  max-width: 29.375rem
}

aui-uploader input[ref=file-input] {
  left: -624.9375rem;
  position: absolute
}

aui-uploader form {
  height: 100%;
  width: 100%
}

aui-uploader[basic] span[ref=filename-span], aui-uploader[basic] span[ref=placeholder-span] {
  align-items: center;
  display: inline-flex;
  margin-left: .75rem
}

  aui-uploader[basic] span[ref=filename-span] s-icon, aui-uploader[basic] span[ref=placeholder-span] s-icon {
    color: #0c7bab;
    margin-right: .75rem
  }

aui-uploader:not([disabled]) div[ref=dropzone]:not(.disabled):hover {
  border: #a2a2a2 2px dashed
}

aui-uploader div[ref=dropzone].disabled, aui-uploader[disabled] div[ref=dropzone] {
  border: 1px solid #ddd
}

aui-uploader div[ref=dropzone] {
  background-color: #fff;
  border: #c4c4c4 2px dashed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0
}

  aui-uploader div[ref=dropzone].highlight {
    background-color: #f7fdff;
    border: #059bd2 2px dashed
  }

  aui-uploader div[ref=dropzone] .dragover-state * {
    color: #0c7bab
  }

aui-uploader div[ref=default-loading], aui-uploader div[slot=loading] {
  background-color: #fff;
  border: #c4c4c4 1px solid
}

aui-uploader span[ref=filename-parent] {
  max-width: calc(100% - 5.125rem)
}

aui-uploader span[ref=filename-span] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

aui-uploader ul {
  padding: 1.875rem;
  width: 100%
}

aui-uploader li {
  border-bottom: #c4c4c4 solid 1px;
  display: flex;
  height: 1.9375rem;
  justify-content: flex-start;
  padding: .375rem 0
}

  aui-uploader li:first-of-type {
    border-top: #c4c4c4 solid 1px;
    height: 2rem
  }

aui-uploader button:not([ref=cancel-file-button]) {
  min-width: 6.8125rem
}

aui-uploader button[ref=cancel-file-button] {
  margin-left: 3.75rem
}

aui-uploader s-icon[name=file-text] {
  color: #059bd2
}

aui-uploader s-icon[name=file-slide] {
  color: #e5b700
}

aui-uploader s-icon[name=file-image], aui-uploader s-icon[name=file-pdf] {
  color: #d92b2b
}

aui-uploader s-icon[name=file-1] {
  color: #444
}

aui-uploader .transparent *, aui-uploader .transparent :hover {
  background-color: transparent;
  border-color: transparent;
  color: transparent
}

  aui-uploader .transparent * s-icon, aui-uploader .transparent :hover s-icon, s-badge[count=""], s-badge[count="0"], s-column-manager ul > li s-icon, s-dialog {
    display: none
  }

  aui-uploader .transparent * li:first-of-type, aui-uploader .transparent :hover li:first-of-type {
    border-top: transparent solid 1px
  }

aui-uploader [ref=staging-div], s-column-manager.full-width s-dropdown, s-column-manager.full-width s-dropdown [slot=dropdown-trigger], s-dropdown.full-width {
  width: 100%
}

aui-uploader [ref=dragoverstate] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

aui-uploader [slot=guidelines] {
  height: 100%;
  width: 100%
}

@media only screen and (max-width:839px) {
  aui-uploader button[ref=cancel-file-button] {
    margin-left: 1.875rem
  }

  aui-uploader span[ref=filename-parent] {
    max-width: calc(100% - 3.25rem)
  }
}

@media only screen and (max-width:383px) {
  aui-uploader div[ref=dropzone] {
    padding: 1.125rem
  }

  aui-uploader div[ref=cta-buttons] {
    display: flex;
    flex-direction: column;
    width: 100%
  }

    aui-uploader div[ref=cta-buttons] button {
      margin: .375rem 0;
      width: 100%
    }

      aui-uploader div[ref=cta-buttons] button:first-of-type {
        margin-top: 0
      }

      aui-uploader div[ref=cta-buttons] button:last-of-type {
        margin-bottom: 1.875rem
      }

  aui-uploader ul {
    padding: 0;
    width: 100%
  }
}

s-autocomplete ul {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  list-style: none;
  max-height: 12.375rem;
  min-width: 100%;
  overflow: auto;
  position: absolute;
  z-index: 100
}

  s-autocomplete ul > li {
    border: #fff solid 1px;
    margin: .375rem;
    padding: .375rem;
    word-break: break-all
  }

    s-autocomplete ul > li[error] {
      color: #c4c4c4;
      font-style: italic
    }

    s-autocomplete ul > li:not([loading]):not([error]), s-select ul > li:not([ref=nomatch]):not([ref=loading]):not([ref=nomatch]):not([aria-disabled=true]) {
      cursor: pointer
    }

      s-autocomplete ul > li:not([loading]):not([error]):hover, s-autocomplete ul > li[aria-selected=true] {
        background-color: #f7fdff;
        border: #cfedfa solid 1px;
        border-radius: 4px
      }

s-badge {
  align-items: center;
  background-color: #0c7bab;
  border-radius: 14px;
  color: #fff;
  display: inline-flex;
  font-size: .75rem;
  font-weight: 600;
  height: 1.125rem;
  justify-content: center;
  line-height: 1.25rem;
  min-width: 1.125rem;
  padding: 0 .375rem
}

  s-badge + s-badge {
    margin-left: .25rem
  }

  s-badge[count]::after {
    content: attr(count)
  }

aui-service-notification, s-banner {
  background-color: #1a1a1a;
  color: #fff;
  display: block;
  font-weight: 600;
  min-height: 2.625rem;
  padding: .5625rem 3rem .5625rem .75rem
}

  aui-service-notification [ref=dismiss-button], aui-service-notification [ref=dismiss-button]:hover, s-banner [ref=dismiss-button], s-banner [ref=dismiss-button]:hover {
    color: #fff;
    right: .5rem;
    top: 8px
  }

  aui-service-notification a, aui-service-notification a:hover, aui-service-notification a:visited, s-banner a, s-banner a:hover, s-banner a:visited {
    color: #fff;
    text-decoration: underline
  }

  aui-service-notification[status=info], s-banner[status=info] {
    padding-left: 2.5rem
  }

    aui-service-notification[status=info]::before, s-banner[status=info]::before {
      content: "\e90f";
      font-family: "s-icons";
      font-size: 16PX;
      font-weight: 400;
      left: .75rem;
      position: absolute;
      top: 12px
    }

  aui-service-notification[status=success], s-banner[status=success] {
    background-color: #22821d;
    padding-left: 2.5rem
  }

    aui-service-notification[status=success]::before, aui-service-notification[status=warning]::before, s-banner[status=success]::before, s-banner[status=warning]::before {
      content: "\e934";
      font-family: "s-icons";
      font-size: 16PX;
      font-weight: 400;
      left: .75rem;
      position: absolute;
      top: 12px
    }

  aui-service-notification[status=warning], s-banner[status=warning] {
    background-color: #ffcf0f;
    color: #1a1a1a;
    padding-left: 2.5rem
  }

    aui-service-notification[status=warning]::before, s-banner[status=warning]::before {
      color: #1a1a1a;
      content: "\e913"
    }

    .input-msg, aui-service-notification[status=warning] [ref=dismiss-button], aui-service-notification[status=warning] a, aui-service-notification[status=warning] a:hover, aui-service-notification[status=warning] a:visited, label, legend, s-banner[status=warning] [ref=dismiss-button], s-banner[status=warning] a, s-banner[status=warning] a:hover, s-banner[status=warning] a:visited {
      color: #1a1a1a
    }

      aui-service-notification[status=warning] [ref=dismiss-button]:focus, aui-service-notification[status=warning] a:focus, s-banner[status=warning] [ref=dismiss-button]:focus, s-banner[status=warning] a:focus {
        box-shadow: 0 0 0 2px #1a1a1a
      }

  aui-service-notification[status=error], s-banner[status=error] {
    background-color: #c70000;
    padding-left: 2.5rem
  }

    aui-service-notification[status=error]::before, s-banner[status=error]::before {
      content: "\e911";
      font-family: "s-icons";
      font-size: 16PX;
      font-weight: 400;
      left: .75rem;
      position: absolute;
      top: 12px
    }

  aui-service-notification:empty, s-banner:empty {
    display: none
  }

s-box {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  display: block;
  padding: .75rem
}

  br + input[type=radio] + label, fieldset + fieldset, form + form, s-box + s-box {
    margin-top: .75rem
  }

s-breadcrumbs nav ol[ref=breadcrumbs-expanded] {
  align-items: center;
  display: flex;
  font-size: .75rem;
  height: 1.875rem;
  list-style: none;
  margin: 0;
  padding-left: 0;
  white-space: nowrap
}

  s-breadcrumbs nav ol[ref=breadcrumbs-expanded] li {
    display: inline
  }

    s-breadcrumbs nav ol[ref=breadcrumbs-expanded] li.expanded:not(:first-of-type)::before {
      align-items: center;
      content: "\e191";
      display: inline-flex;
      font-family: "s-icons";
      font-size: .875rem;
      height: 1rem;
      justify-content: center;
      vertical-align: -2px;
      width: 1rem
    }

  s-breadcrumbs nav ol[ref=breadcrumbs-expanded].truncate li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  s-breadcrumbs nav ol[ref=breadcrumbs-expanded] s-menu[open] > [slot=menu-trigger] {
    background-color: #cfedfa;
    border: solid 1px #059bd2
  }

    s-breadcrumbs nav ol[ref=breadcrumbs-expanded] s-menu[open] > [slot=menu-trigger] s-icon {
      color: #014f70
    }

s-chip {
  align-items: center;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #1a1a1a;
  display: inline-flex;
  height: 1.5rem;
  justify-content: space-between;
  margin: .3125rem 0 .3125rem .375rem;
  overflow: hidden;
  padding-left: .375rem;
  padding-right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

  s-chip:not([nodismiss]) {
    padding-right: 0
  }

  s-chip:empty {
    display: none
  }

  s-chip[disabled] {
    background-color: #ddd;
    border-color: #c4c4c4;
    color: #c4c4c4;
    pointer-events: none
  }

    label.disabled, legend.disabled, s-chip.outlined[disabled] [ref=dismiss-button], s-chip[disabled] [ref=dismiss-button], s-datepicker [ref=picker] table > tbody > tr > td.disabled, s-monthpicker [ref=picker] table > tbody > tr > td.disabled, x-monthpicker [ref=picker] table > tbody > tr > td.disabled {
      color: #c4c4c4
    }

  s-chip.outlined {
    background-color: transparent;
    border: 1px solid #c4c4c4
  }

    s-chip.outlined[disabled], s-tag.outlined[disabled] {
      background-color: transparent;
      color: #c4c4c4
    }

  s-chip span[ref=tag-text] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  s-chip button[ref=dismiss-button] {
    border-radius: 0 4px 4px 0;
    height: 1.5rem;
    justify-content: center;
    margin-left: .375rem;
    min-width: 1.5rem;
    width: 1.5rem
  }

    s-chip button[ref=dismiss-button] s-icon {
      top: 0
    }

    s-chip button[ref=dismiss-button]:focus {
      box-shadow: none
    }

s-select[disabled] s-chip, s-select[readonly] s-chip {
  background-color: #fafafa;
  padding-right: .375rem
}

s-chip[visually-focused=true] {
  background-color: #cfedfa;
  border: 1px solid #059bd2
}

  s-chip[visually-focused=true] button[ref=dismiss-button]::before {
    background-color: #9bddfa;
    border-radius: 0 4px 4px 0;
    content: "";
    height: 1.5rem;
    position: absolute;
    right: -.0625rem;
    top: 0;
    width: 1.5rem
  }

s-chip button[ref=dismiss-button]:hover::before {
  background-color: #ddd;
  border-radius: 0 4px 4px 0;
  bottom: 0;
  content: "";
  height: 1.5rem;
  position: absolute;
  right: -.0625rem;
  width: 1.5rem
}

s-column-manager div[slot=dropdown-content] {
  border: 0;
  padding: 0
}

s-column-manager ul {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px 4px 0 0;
  list-style: none;
  max-height: 26.25rem;
  min-width: 18.5rem;
  overflow: auto;
  padding: 1.125rem 0;
  z-index: 100
}

  s-column-manager ul > li {
    align-items: center;
    background-color: #fff;
    border: solid 2px transparent;
    border-radius: 4px;
    display: flex;
    height: 1.875rem;
    justify-content: space-between;
    margin: .375rem;
    padding: .375rem;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    word-break: break-all
  }

    s-column-manager ul > li label {
      display: block;
      white-space: pre
    }

    s-column-manager ul > li input[type=checkbox] {
      height: .0625rem;
      left: .125rem;
      top: 4px;
      width: .0625rem
    }

    s-column-manager ul > li.show-hover.hover {
      background-color: #fafafa
    }

    s-column-manager ul > li[draggable] {
      cursor: -webkit-grab;
      cursor: grab
    }

      s-column-manager ul > li[draggable]:active {
        cursor: -webkit-grabbing;
        cursor: grabbing
      }

    s-column-manager ul > li.dragging {
      background-color: #f7fdff;
      border: dashed 2px #059bd2;
      border-radius: 4px
    }

s-column-manager [slot=sticky-footer] {
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 0 0 4px 4px;
  border-top: 0;
  display: flex;
  justify-content: space-between;
  min-height: 3.5rem;
  padding: .75rem;
  top: 0;
  z-index: 1
}

  s-column-manager [slot=sticky-footer] button {
    flex-grow: 1
  }

s-container {
  display: block;
  margin: 0 auto;
  max-width: 100rem;
  padding: 0 1.875rem
}

@media only screen and (max-width:1259px) {
  s-container {
    padding: 0 1.5rem
  }
}

@media only screen and (max-width:839px) {
  s-container {
    padding: 0 .75rem
  }
}

s-column-manager [slot=sticky-footer], s-datepicker, s-monthpicker, x-monthpicker {
  background-color: #fff;
  position: relative
}

  s-datepicker.width-auto > div > div:first-child, s-monthpicker.width-auto > div > div:first-child, x-monthpicker.width-auto > div > div:first-child {
    width: auto
  }

  s-datepicker > div > div:first-child, s-monthpicker > div > div:first-child, x-monthpicker > div > div:first-child {
    width: 7.1875rem
  }

    s-datepicker > div > div:first-child > input, s-monthpicker > div > div:first-child > input, x-monthpicker > div > div:first-child > input {
      padding-right: 1.875rem
    }

    s-datepicker > div > div:first-child > button, s-monthpicker > div > div:first-child > button, x-monthpicker > div > div:first-child > button {
      position: absolute;
      right: 0
    }

      s-datepicker > div > div:first-child > button:focus, s-monthpicker > div > div:first-child > button:focus, x-monthpicker > div > div:first-child > button:focus {
        border: 2px solid #0c7bab;
        box-shadow: none
      }

  s-datepicker [ref=choose-date-button]:focus, s-monthpicker [ref=choose-date-button]:focus, x-monthpicker [ref=choose-date-button]:focus {
    border: 1px solid #fff
  }

  s-datepicker [ref=picker], s-monthpicker [ref=picker], x-monthpicker [ref=picker] {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 19.75rem;
    z-index: 100
  }

    s-datepicker [ref=picker] [ref=header], s-monthpicker [ref=picker] [ref=header], x-monthpicker [ref=picker] [ref=header] {
      height: 3.375rem;
      padding: 0 .75rem
    }

      s-datepicker [ref=picker] [ref=header] > div, s-monthpicker [ref=picker] [ref=header] > div, x-monthpicker [ref=picker] [ref=header] > div {
        flex-grow: 2;
        height: 100%
      }

    s-datepicker [ref=picker] [ref=footer], s-menu li, s-monthpicker [ref=picker] [ref=footer], x-monthpicker [ref=picker] [ref=footer] {
      display: flex
    }

    s-datepicker [ref=picker] [ref=picker-elements], s-monthpicker [ref=picker] [ref=picker-elements], x-monthpicker [ref=picker] [ref=picker-elements] {
      border-bottom: 1px solid #c4c4c4;
      border-top: 1px solid #c4c4c4
    }

    s-datepicker [ref=picker] table, s-monthpicker [ref=picker] table, x-monthpicker [ref=picker] table {
      border-collapse: separate;
      border-spacing: .375rem;
      padding: 0 .4375rem .375rem;
      table-layout: fixed
    }

      s-datepicker [ref=picker] table > thead > tr > th, s-monthpicker [ref=picker] table > thead > tr > th, x-monthpicker [ref=picker] table > thead > tr > th {
        background-color: #fff;
        border: 0;
        border-radius: 4px;
        height: 2.25rem;
        text-align: center;
        width: 2.25rem
      }

      s-datepicker [ref=picker] table > tbody > tr > td, s-datepicker [ref=picker] table > tbody > tr > td > button, s-monthpicker [ref=picker] table > tbody > tr > td, s-monthpicker [ref=picker] table > tbody > tr > td > button, x-monthpicker [ref=picker] table > tbody > tr > td, x-monthpicker [ref=picker] table > tbody > tr > td > button {
        background-color: #fff;
        border: 0;
        border-radius: 4px;
        font-weight: 400;
        height: 2.25rem;
        text-align: center;
        width: 2.25rem
      }

        s-datepicker [ref=picker] table > tbody > tr > td > button:hover:not(:disabled), s-datepicker button.month-button:hover:not(:disabled), s-datepicker button.year-button:hover:not(:disabled), s-monthpicker [ref=picker] table > tbody > tr > td > button:hover:not(:disabled), s-monthpicker button.month-button:hover:not(:disabled), s-monthpicker button.year-button:hover:not(:disabled), x-monthpicker [ref=picker] table > tbody > tr > td > button:hover:not(:disabled), x-monthpicker button.month-button:hover:not(:disabled), x-monthpicker button.year-button:hover:not(:disabled) {
          background-color: #f7fdff
        }

        s-datepicker [ref=picker] table > tbody > tr > td > button[ref=date-focus]:not(:focus), s-datepicker button.month-button[ref=month-focus]:not(:focus), s-datepicker button.month-button[ref=year-focus]:not(:focus), s-datepicker button.year-button[ref=month-focus]:not(:focus), s-datepicker button.year-button[ref=year-focus]:not(:focus), s-monthpicker [ref=picker] table > tbody > tr > td > button[ref=date-focus]:not(:focus), s-monthpicker button.month-button[ref=month-focus]:not(:focus), s-monthpicker button.month-button[ref=year-focus]:not(:focus), s-monthpicker button.year-button[ref=month-focus]:not(:focus), s-monthpicker button.year-button[ref=year-focus]:not(:focus), x-monthpicker [ref=picker] table > tbody > tr > td > button[ref=date-focus]:not(:focus), x-monthpicker button.month-button[ref=month-focus]:not(:focus), x-monthpicker button.month-button[ref=year-focus]:not(:focus), x-monthpicker button.year-button[ref=month-focus]:not(:focus), x-monthpicker button.year-button[ref=year-focus]:not(:focus) {
          box-shadow: 0 0 0 2px #fff,0 0 0 4px #6f6f6f
        }

        s-datepicker [ref=picker] table > tbody > tr > td > button.selected:not(:disabled), s-datepicker button.month-button.selected:not(:disabled), s-datepicker button.year-button.selected:not(:disabled), s-monthpicker [ref=picker] table > tbody > tr > td > button.selected:not(:disabled), s-monthpicker button.month-button.selected:not(:disabled), s-monthpicker button.year-button.selected:not(:disabled), x-monthpicker [ref=picker] table > tbody > tr > td > button.selected:not(:disabled), x-monthpicker button.month-button.selected:not(:disabled), x-monthpicker button.year-button.selected:not(:disabled) {
          background-color: #cfedfa;
          font-weight: 600
        }

      s-datepicker [ref=picker] table > thead > tr > th, s-monthpicker [ref=picker] table > thead > tr > th, x-monthpicker [ref=picker] table > thead > tr > th {
        font-size: .875rem;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none
      }

  s-datepicker[open] [ref=picker], s-monthpicker[open] [ref=picker], s-select, x-monthpicker[open] [ref=picker] {
    display: block
  }

  s-datepicker [ref=picker] [ref=footer] button, s-datepicker [ref=today-button], s-monthpicker [ref=picker] [ref=footer] button, s-monthpicker [ref=today-button], x-monthpicker [ref=picker] [ref=footer] button, x-monthpicker [ref=today-button] {
    width: 8.6875rem
  }

  s-datepicker [ref=monthpicker], s-monthpicker [ref=monthpicker], x-monthpicker [ref=monthpicker] {
    border-right: 1px solid #c4c4c4;
    width: 9.875rem
  }

  s-datepicker [ref=yearpicker], s-monthpicker [ref=yearpicker], x-monthpicker [ref=yearpicker] {
    width: 9.8125rem
  }

    s-datepicker [ref=yearpicker] button, s-monthpicker [ref=yearpicker] button, x-monthpicker [ref=yearpicker] button {
      width: 8.25rem
    }

  s-datepicker button.month-button, s-datepicker button.year-button, s-monthpicker button.month-button, s-monthpicker button.year-button, x-monthpicker button.month-button, x-monthpicker button.year-button {
    border: transparent solid 1px;
    color: #1a1a1a;
    font-weight: 400;
    text-align: left;
    width: 8.25rem
  }

  s-datepicker [ref=toggle-picker], s-monthpicker [ref=toggle-picker], x-monthpicker [ref=toggle-picker] {
    flex-grow: 2
  }

  s-datepicker [ref=picker] [ref=footer], s-monthpicker [ref=picker] [ref=footer], x-monthpicker [ref=picker] [ref=footer] {
    height: 3.375rem;
    padding: 0 .75rem
  }

s-dialog[open] {
  bottom: 50vh;
  display: flex;
  flex-direction: column;
  max-height: 66vh;
  max-width: 66vw;
  min-width: 18.5rem;
  position: fixed;
  right: 50vw;
  -webkit-transform: translate(50%,50%);
  transform: translate(50%,50%);
  z-index: 400
}

  s-dialog[open] [ref=content-container] {
    overflow: auto
  }

  s-dialog[open] > button[ref=dismiss-button] {
    position: absolute;
    right: .875rem;
    top: 14px;
    z-index: 1
  }

    s-dialog[open] > button[ref=dismiss-button] > s-icon {
      color: #444;
      font-size: 1rem
    }

  s-dialog[open].overflow-visible [ref=content-container] {
    overflow: visible
  }

  s-dialog[open]::before {
    background: rgba(26,26,26,.5);
    content: " ";
    display: block;
    height: 150vh;
    left: -50vw;
    position: absolute;
    top: -50vh;
    width: 150vw
  }

  s-dialog[open] > [slot=header], s-dialog[open] > header {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #c4c4c4;
    display: flex;
    font-size: 1.5rem;
    line-height: 1.875rem;
    min-height: 4.1875rem;
    padding: 1.125rem 3.375rem 1.125rem 1.125rem
  }

  s-dialog[open] [ref=content-container] {
    background-color: #fff;
    padding: 1.125rem
  }

  s-dialog[open] > [slot=footer], s-dialog[open] > footer {
    background-color: #fff;
    border-top: 1px solid #c4c4c4;
    display: flex;
    justify-content: flex-end;
    padding: 1.125rem
  }

@media only screen and (max-width:839px) {
  s-dialog[open] {
    max-height: 75vh;
    width: 75vw
  }
}

@media only screen and (max-width:384px) {
  s-dialog[open] {
    min-width: 100vw
  }
}

@media (-ms-high-contrast:none),(-ms-high-contrast:active) {
  s-dialog[open] {
    max-height: none
  }

    s-dialog[open] [ref=content-container] {
      border: 0;
      max-height: 50vh
    }
}

@media only screen and (-ms-high-contrast:none) and (max-width:839px),only screen and (-ms-high-contrast:active) and (max-width:839px) {
  s-dialog[open] {
    max-height: none
  }
}

s-dialog[nodismiss] > [slot=header], s-dialog[nodismiss] > header {
  padding-right: 1.125rem
}

s-dropdown, s-menu {
  display: inline-flex;
  position: relative
}

  s-dropdown.full-width [slot=dropdown-trigger], s-menu.full-width {
    width: 100%
  }

  s-dropdown.open-left > [slot=dropdown-content] {
    left: auto;
    right: 0
  }

  s-dropdown.open-top > [slot=dropdown-content] {
    bottom: 100%;
    top: auto
  }

  s-dropdown[open] > [slot=dropdown-content] {
    display: flex;
    min-width: 100%
  }

  s-dropdown[open] > button.secondary[slot=dropdown-trigger], s-menu[open] > button.ghost[slot=menu-trigger], s-menu[open] > button.secondary[slot=menu-trigger], s-menu[open] > button.tertiary[slot=menu-trigger] {
    background-color: #cfedfa;
    border-color: #059bd2;
    color: #014f70
  }

  s-dropdown:not([open]) [slot=dropdown-trigger].show-expand-indicator::after {
    align-items: center;
    display: inline-flex;
    font-family: "s-icons";
    font-size: .875rem;
    height: 1rem;
    justify-content: center;
    margin-left: .375rem;
    vertical-align: -2px;
    width: 1rem;
    content: "\e983"
  }

  s-dropdown[open] [slot=dropdown-trigger].show-expand-indicator::after {
    align-items: center;
    display: inline-flex;
    font-family: "s-icons";
    font-size: .875rem;
    height: 1rem;
    justify-content: center;
    margin-left: .375rem;
    vertical-align: -2px;
    width: 1rem;
    content: "\e98b"
  }

  s-dropdown > [slot=dropdown-content] {
    align-items: stretch;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    display: none;
    flex-direction: column;
    left: 0;
    padding-bottom: .1875rem;
    padding-top: .1875rem;
    position: absolute;
    top: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 100
  }

s-filters-panel {
  border: 1px solid #c4c4c4;
  display: none;
  float: left;
  margin: 0 -.0625rem 0 0;
  width: 20rem
}

  s-filters-panel .wrapper {
    position: relative
  }

  s-filters-panel[open] {
    display: inline-block
  }

  s-filters-panel div[ref=filters-panel-header] {
    align-items: center;
    border-bottom: 1px solid #c4c4c4;
    display: flex;
    height: 3rem;
    padding-left: .75rem;
    width: 100%
  }

    s-filters-panel div[ref=filters-panel-header] button[ref=dismiss-button] {
      position: absolute;
      right: .375rem;
      top: 6px
    }

  s-filters-panel div[slot=filters-panel-content] {
    padding: .75rem;
    width: 20rem
  }

  s-filters-panel [ref=filters-panel-footer] {
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #c4c4c4;
    display: flex;
    justify-content: space-between;
    min-height: 3.4375rem;
    padding: .75rem;
    position: relative;
    top: 0;
    z-index: 1
  }

    s-filters-panel [ref=filters-panel-footer] button {
      flex-grow: 1
    }

fieldset {
  border: 0;
  display: block
}

fieldset, input, select, textarea {
  margin: 0;
  padding: 0
}

textarea {
  min-height: 2.25rem;
  overflow: auto;
  resize: vertical;
  vertical-align: top
}

input[type=search] {
  box-sizing: content-box
}

.input-desc {
  color: #1a1a1a;
  font-size: .875rem;
  margin-bottom: .5rem
}

.input-msg {
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem
}

label, legend {
  display: block;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: .125rem;
  padding: 0
}

  label:not(:first-child), legend:not(:first-child) {
    margin-top: 1.125rem
  }

input, textarea {
  background-color: #fff
}

input, select, textarea {
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  color: #1a1a1a;
  display: block;
  font-family: "Source Sans Pro",sans-serif;
  font-size: .875rem;
  padding: .25rem .375rem;
  width: 100%
}

  input + input, input + select, input + textarea, select + input, select + select, select + textarea, textarea + input, textarea + select, textarea + textarea {
    margin-top: .375rem
  }

  input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #6f6f6f;
    font-style: italic
  }

  input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #6f6f6f;
    font-style: italic
  }

  input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #6f6f6f;
    font-style: italic
  }

  input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #6f6f6f;
    font-style: italic
  }

  input::placeholder, select::placeholder, textarea::placeholder {
    color: #6f6f6f;
    font-style: italic
  }

  input:hover, select:hover, textarea:hover {
    border-color: #a2a2a2
  }

  input.success, s-autocomplete.success input, s-datepicker.success input, s-input-extended.success input, select.success, textarea.success {
    background-color: #f2fcf2;
    border: 1px solid #38a632
  }

  input.warning, s-autocomplete.warning input, s-datepicker.warning input, s-input-extended.warning input, select.warning, textarea.warning {
    background-color: #fffbeb;
    border: 1px solid #e5b700
  }

  input.error, s-autocomplete.error input, s-datepicker.error input, s-input-extended.error input, select.error, textarea.error {
    background-color: #fff0f0;
    border: 1px solid #c70000
  }

  input:focus, select:focus, textarea:focus {
    border: 1px solid #0c7bab;
    box-shadow: 0 0 0 1px #0c7bab;
    outline: 0
  }

  input:disabled, select:disabled, textarea:disabled {
    background-color: #fafafa;
    border-color: #ddd;
    color: #c4c4c4;
    cursor: not-allowed
  }

  input + .input-msg, s-autocomplete + .input-msg, s-datepicker + .input-msg, s-input-extended + .input-msg, s-select + .input-msg, select + .input-msg, textarea + .input-msg {
    align-items: center;
    display: none;
    margin-top: .125rem
  }

  input.error + .input-msg, input.success + .input-msg, input.warning + .input-msg, s-autocomplete.error + .input-msg, s-autocomplete.success + .input-msg, s-autocomplete.warning + .input-msg, s-datepicker.error + .input-msg, s-datepicker.success + .input-msg, s-datepicker.warning + .input-msg, s-input-extended.error + .input-msg, s-input-extended.success + .input-msg, s-input-extended.warning + .input-msg, s-select.error + .input-msg, s-select.success + .input-msg, s-select.warning + .input-msg, select.error + .input-msg, select.success + .input-msg, select.warning + .input-msg, textarea.error + .input-msg, textarea.success + .input-msg, textarea.warning + .input-msg {
    display: inline-flex
  }

    input.error + .input-msg > s-icon, input.success + .input-msg > s-icon, input.warning + .input-msg > s-icon, s-autocomplete.error + .input-msg > s-icon, s-autocomplete.success + .input-msg > s-icon, s-autocomplete.warning + .input-msg > s-icon, s-datepicker.error + .input-msg > s-icon, s-datepicker.success + .input-msg > s-icon, s-datepicker.warning + .input-msg > s-icon, s-input-extended.error + .input-msg > s-icon, s-input-extended.success + .input-msg > s-icon, s-input-extended.warning + .input-msg > s-icon, s-select.error + .input-msg > s-icon, s-select.success + .input-msg > s-icon, s-select.warning + .input-msg > s-icon, select.error + .input-msg > s-icon, select.success + .input-msg > s-icon, select.warning + .input-msg > s-icon, textarea.error + .input-msg > s-icon, textarea.success + .input-msg > s-icon, textarea.warning + .input-msg > s-icon {
      font-weight: 400;
      padding-right: .375rem
    }

  input.error + .input-msg, s-autocomplete.error + .input-msg, s-datepicker.error + .input-msg, s-input-extended.error + .input-msg, s-select.error + .input-msg, select.error + .input-msg, textarea.error + .input-msg {
    color: #c70000
  }

  input.warning + .input-msg > s-icon, s-autocomplete.warning + .input-msg > s-icon, s-datepicker.warning + .input-msg > s-icon, s-input-extended.warning + .input-msg > s-icon, s-select.warning + .input-msg > s-icon, select.warning + .input-msg > s-icon, textarea.warning + .input-msg > s-icon {
    color: #e5b700
  }

  input.success + .input-msg, s-autocomplete.success + .input-msg, s-datepicker.success + .input-msg, s-input-extended.success + .input-msg, s-select.success + .input-msg, select.success + .input-msg, textarea.success + .input-msg {
    color: #22821d
  }

    input.success + .input-msg s-icon, s-autocomplete.success + .input-msg s-icon, s-datepicker.success + .input-msg s-icon, s-input-extended.success + .input-msg s-icon, s-select.success + .input-msg s-icon, select.success + .input-msg s-icon, textarea.success + .input-msg s-icon {
      color: #38a632
    }

  input[readonly], textarea[readonly] {
    cursor: default;
    opacity: .6
  }

  input[autocomplete=off]::-webkit-contacts-auto-fill-button {
    visibility: hidden
  }

input, select {
  height: 2.25rem;
  max-height: 2.25rem
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='22px'%3E%3Ctext x='0' y='10' fill='gray'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 2rem;
  position: relative
}

  select::-ms-expand {
    display: none
  }

  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
  }

input[type=checkbox], input[type=radio] {
  left: -624.9375rem;
  position: absolute
}

  input[type=checkbox] + label, input[type=radio] + label {
    color: #1a1a1a;
    cursor: pointer;
    display: inline-block;
    font-size: .875rem;
    letter-spacing: normal;
    line-height: 1.2;
    margin-bottom: 0;
    margin-right: .75rem;
    padding-left: 1.375rem;
    text-transform: none
  }

  input[type=radio]:disabled + label {
    color: #c4c4c4;
    cursor: not-allowed
  }

    input[type=radio]:disabled + label::before {
      background-color: #fafafa;
      border: 1px solid #ddd
    }

  input[type=radio][readonly]:disabled + label {
    color: #6f6f6f
  }

    input[type=radio][readonly]:disabled + label::before {
      background-color: #fafafa;
      border: 1px solid #c4c4c4
    }

  input[type=radio] + label:last-of-type {
    margin-right: 0
  }

  input[type=radio] + label::before {
    background: #fff;
    border: 1px solid #6f6f6f;
    border-radius: 100%;
    content: "";
    height: 1rem;
    left: 0;
    position: absolute;
    width: 1rem
  }

  input[type=radio]:hover + label::before {
    border: 1px solid #444
  }

  input[type=radio]:focus + label::before {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #0c7bab;
    outline: 2px dotted transparent;
    outline-offset: 2px
  }

  input[type=radio] + label::after {
    background: #0c7bab;
    border-radius: 100%;
    content: "";
    height: .5rem;
    left: .25rem;
    position: absolute;
    top: 4px;
    width: .5rem
  }

  input[type=radio]:checked:disabled + label::after {
    background: #c4c4c4
  }

  input[type=radio]:checked[readonly]:disabled + label::after {
    background: #a2a2a2
  }

  input[type=radio]:not(:checked) + label::after {
    opacity: 0
  }

  input[type=radio]:checked + label::after {
    opacity: 1
  }

  input[type=checkbox].unlabeled {
    cursor: pointer;
    height: 1rem;
    left: 0;
    position: relative;
    top: 0;
    width: 1rem
  }

  input[type=checkbox]:disabled + label {
    color: #c4c4c4;
    cursor: not-allowed
  }

  input[type=checkbox][readonly]:disabled + label {
    color: #6f6f6f;
    pointer-events: none
  }

  input[type=checkbox].unlabeled:not(:checked):disabled::before, input[type=checkbox]:not(:checked):disabled + label::before {
    background-color: #fafafa;
    border: 1px solid #ddd
  }

  input[type=checkbox].unlabeled:not(:checked)[readonly]:disabled::before, input[type=checkbox]:not(:checked)[readonly]:disabled + label::before {
    background-color: #fafafa;
    border: 1px solid #c4c4c4
  }

  input[type=checkbox] + label:last-of-type {
    margin-right: 0
  }

br + input[type=checkbox] + label {
  margin-top: .75rem
}

input[type=checkbox] + label::before, input[type=checkbox].unlabeled::before {
  background: #fff;
  border: 1px solid #6f6f6f;
  border-radius: 2px;
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  width: 1rem
}

input[type=checkbox].unlabeled:hover::before, input[type=checkbox]:hover + label::before {
  border: 1px solid #444
}

input[type=checkbox].unlabeled:focus::before, input[type=checkbox]:focus + label::before {
  box-shadow: 0 0 0 2px #fff,0 0 0 4px #0c7bab;
  outline: 2px dotted transparent;
  outline-offset: 2px
}

input[type=checkbox] + label::after, input[type=checkbox].unlabeled::after {
  background: #0c7bab;
  border-radius: 2px;
  color: #fff;
  content: "\e933";
  font-family: "s-icons";
  height: 1rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 1rem
}

input[type=checkbox] + label::after {
  top: 0
}

input[type=checkbox].unlabeled::after {
  align-items: center;
  display: flex;
  justify-content: center
}

input[type=checkbox].unlabeled:indeterminate::after, input[type=checkbox]:indeterminate + label::after {
  background: #0c7bab;
  border-radius: 2px;
  color: #fff;
  content: "\e961";
  font-family: "s-icons";
  height: 1rem;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1rem
}

input[type=checkbox].unlabeled:disabled::after, input[type=checkbox]:disabled + label::after {
  background: #ddd
}

input[type=checkbox]:disabled:indeterminate + label::after input[type=checkbox].unlabeled:disabled:indeterminate::after {
  background: #ddd
}

input[type=checkbox].unlabeled[readonly]:disabled::after, input[type=checkbox].unlabeled[readonly]:indeterminate:disabled::after, input[type=checkbox][readonly]:disabled + label::after, input[type=checkbox][readonly]:indeterminate:disabled + label::after {
  background: #c4c4c4
}

input[type=checkbox].unlabeled:not(:checked)::after, input[type=checkbox]:not(:checked) + label::after {
  opacity: 0
}

input[type=checkbox].unlabeled:checked::after, input[type=checkbox]:checked + label::after {
  opacity: 1
}

input[type=checkbox].unlabeled:indeterminate::after, input[type=checkbox]:indeterminate + label::after {
  opacity: 1
}

s-row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc((.75rem*.5)*-1);
  margin-right: calc((.75rem*.5)*-1)
}

  s-row.pad-all-none > s-col {
    padding-bottom: 0
  }

s-col, s-col[span~=auto] {
  flex-grow: 1;
  max-width: 100%
}

s-col, s-row.pad-all-none > s-col {
  padding-left: calc(.75rem*.5);
  padding-right: calc(.75rem*.5)
}

s-col {
  display: block;
  flex: 0 0 auto;
  flex-basis: 100%;
  padding-bottom: .75rem
}

  s-col[span~=auto] {
    flex-basis: 0
  }

s-row[collapse=""] s-col[span]:first-child:first-of-type {
  padding-left: calc(.75rem*.5);
  padding-right: 0
}

s-row[collapse=""] s-col[span]:last-child:last-of-type {
  padding-left: 0;
  padding-right: calc(.75rem*.5)
}

s-col[show] {
  display: none
}

s-col[span][center=""] {
  margin-left: auto;
  margin-right: auto
}

s-col[span].first {
  order: -1
}

s-col[span].last {
  order: 1
}

s-col[span~="1"] {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%
}

s-col[span][offset~="1"] {
  margin-left: 8.33333333%
}

s-col[span~="2"] {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%
}

s-col[span][offset~="2"] {
  margin-left: 16.66666667%
}

s-col[span~="3"] {
  flex-basis: 25%;
  max-width: 25%
}

s-col[span][offset~="3"] {
  margin-left: 25%
}

s-col[span~="4"] {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%
}

s-col[span][offset~="4"] {
  margin-left: 33.33333333%
}

s-col[span~="5"] {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%
}

s-col[span][offset~="5"] {
  margin-left: 41.66666667%
}

s-col[span~="6"] {
  flex-basis: 50%;
  max-width: 50%
}

s-col[span][offset~="6"] {
  margin-left: 50%
}

s-col[span~="7"] {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%
}

s-col[span][offset~="7"] {
  margin-left: 58.33333333%
}

s-col[span~="8"] {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%
}

s-col[span][offset~="8"] {
  margin-left: 66.66666667%
}

s-col[span~="9"] {
  flex-basis: 75%;
  max-width: 75%
}

s-col[span][offset~="9"] {
  margin-left: 75%
}

s-col[span~="10"] {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%
}

s-col[span][offset~="10"] {
  margin-left: 83.33333333%
}

s-col[span~="11"] {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%
}

s-col[span][offset~="11"] {
  margin-left: 91.66666667%
}

s-col[span~="12"] {
  flex-basis: 100%;
  max-width: 100%
}

s-col[span][offset~="12"] {
  margin-left: 100%
}

@media only screen and (min-width:384px) and (max-width:599px) {
  s-col[span~=sm-1] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
  }

  s-col[span][offset~=sm-1] {
    margin-left: 8.33333333%
  }

  s-col[span~=sm-2] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
  }

  s-col[span][offset~=sm-2] {
    margin-left: 16.66666667%
  }

  s-col[span~=sm-3] {
    flex-basis: 25%;
    max-width: 25%
  }

  s-col[span][offset~=sm-3] {
    margin-left: 25%
  }

  s-col[span~=sm-4] {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
  }

  s-col[span][offset~=sm-4] {
    margin-left: 33.33333333%
  }

  s-col[span~=sm-5] {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
  }

  s-col[span][offset~=sm-5] {
    margin-left: 41.66666667%
  }

  s-col[span~=sm-6] {
    flex-basis: 50%;
    max-width: 50%
  }

  s-col[span][offset~=sm-6] {
    margin-left: 50%
  }

  s-col[span~=sm-7] {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
  }

  s-col[span][offset~=sm-7] {
    margin-left: 58.33333333%
  }

  s-col[span~=sm-8] {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
  }

  s-col[span][offset~=sm-8] {
    margin-left: 66.66666667%
  }

  s-col[span~=sm-9] {
    flex-basis: 75%;
    max-width: 75%
  }

  s-col[span][offset~=sm-9] {
    margin-left: 75%
  }

  s-col[span~=sm-10] {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
  }

  s-col[span][offset~=sm-10] {
    margin-left: 83.33333333%
  }

  s-col[span~=sm-11] {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
  }

  s-col[span][offset~=sm-11] {
    margin-left: 91.66666667%
  }

  s-col[span~=sm-12] {
    flex-basis: 100%;
    max-width: 100%
  }

  s-col[span][offset~=sm-12] {
    margin-left: 100%
  }

  s-col[hide~=sm], s-row[hide~=sm] {
    display: none
  }

  s-col[show~=sm], s-row[show~=sm] {
    display: block
  }

  s-col[span~=sm-auto] {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  s-row[collapse=sm] s-col[span] {
    padding: 0
  }

    s-row[collapse=sm] s-col[span]:first-child:first-of-type {
      padding-left: calc(.75rem*.5);
      padding-right: 0
    }

    s-row[collapse=sm] s-col[span]:last-child:last-of-type {
      padding-left: 0;
      padding-right: calc(.75rem*.5)
    }

  s-row[collapse=""] s-col[span] {
    padding-left: calc(.75rem*.5);
    padding-right: calc(.75rem*.5)
  }

    s-row[collapse=""] s-col[span]:first-child:first-of-type {
      padding-left: calc(.75rem*.5);
      padding-right: calc(.75rem*.5)
    }

    s-row[collapse=""] s-col[span]:last-child:last-of-type {
      padding-left: calc(.75rem*.5);
      padding-right: calc(.75rem*.5)
    }

  s-col[span][center~=sm] {
    margin-left: auto;
    margin-right: auto
  }

  s-col[span].first-sm {
    order: -1
  }

  s-col[span].last-sm {
    order: 1
  }

  s-col, s-row.pad-all-none > s-col {
    padding-left: calc(.75rem*.5);
    padding-right: calc(.75rem*.5)
  }

  s-col {
    padding-bottom: .75rem
  }

  s-row {
    margin-left: calc(.75rem*.5*-1);
    margin-right: calc(.75rem*.5*-1)
  }

    s-row.pad-all-none > s-col {
      padding-bottom: 0
    }
}

@media only screen and (min-width:600px) and (max-width:839px) {
  s-col[span~=md-1] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
  }

  s-col[span][offset~=md-1] {
    margin-left: 8.33333333%
  }

  s-col[span~=md-2] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
  }

  s-col[span][offset~=md-2] {
    margin-left: 16.66666667%
  }

  s-col[span~=md-3] {
    flex-basis: 25%;
    max-width: 25%
  }

  s-col[span][offset~=md-3] {
    margin-left: 25%
  }

  s-col[span~=md-4] {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
  }

  s-col[span][offset~=md-4] {
    margin-left: 33.33333333%
  }

  s-col[span~=md-5] {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
  }

  s-col[span][offset~=md-5] {
    margin-left: 41.66666667%
  }

  s-col[span~=md-6] {
    flex-basis: 50%;
    max-width: 50%
  }

  s-col[span][offset~=md-6] {
    margin-left: 50%
  }

  s-col[span~=md-7] {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
  }

  s-col[span][offset~=md-7] {
    margin-left: 58.33333333%
  }

  s-col[span~=md-8] {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
  }

  s-col[span][offset~=md-8] {
    margin-left: 66.66666667%
  }

  s-col[span~=md-9] {
    flex-basis: 75%;
    max-width: 75%
  }

  s-col[span][offset~=md-9] {
    margin-left: 75%
  }

  s-col[span~=md-10] {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
  }

  s-col[span][offset~=md-10] {
    margin-left: 83.33333333%
  }

  s-col[span~=md-11] {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
  }

  s-col[span][offset~=md-11] {
    margin-left: 91.66666667%
  }

  s-col[span~=md-12] {
    flex-basis: 100%;
    max-width: 100%
  }

  s-col[span][offset~=md-12] {
    margin-left: 100%
  }

  s-col[hide~=md], s-row[hide~=md] {
    display: none
  }

  s-col[show~=md], s-row[show~=md] {
    display: block
  }

  s-col[span~=md-auto] {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  s-row[collapse=md] s-col[span] {
    padding: 0
  }

    s-row[collapse=md] s-col[span]:first-child:first-of-type {
      padding-left: calc(.75rem*.5);
      padding-right: 0
    }

    s-row[collapse=md] s-col[span]:last-child:last-of-type {
      padding-left: 0;
      padding-right: calc(.75rem*.5)
    }

  s-row[collapse=""] s-col[span]:first-child:first-of-type {
    padding-left: calc(.75rem*.5);
    padding-right: 0
  }

  s-row[collapse=""] s-col[span]:last-child:last-of-type {
    padding-left: 0;
    padding-right: calc(.75rem*.5)
  }

  s-col[span][center~=md] {
    margin-left: auto;
    margin-right: auto
  }

  s-col[span].first-md {
    order: -1
  }

  s-col[span].last-md {
    order: 1
  }

  s-col, s-row.pad-all-none > s-col {
    padding-left: calc(.75rem*.5);
    padding-right: calc(.75rem*.5)
  }

  s-col {
    padding-bottom: .75rem
  }

  s-row {
    margin-left: calc(.75rem*.5*-1);
    margin-right: calc(.75rem*.5*-1)
  }

    s-row.pad-all-none > s-col {
      padding-bottom: 0
    }
}

@media only screen and (min-width:840px) and (max-width:1259px) {
  s-col[span~=lg-1] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
  }

  s-col[span][offset~=lg-1] {
    margin-left: 8.33333333%
  }

  s-col[span~=lg-2] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
  }

  s-col[span][offset~=lg-2] {
    margin-left: 16.66666667%
  }

  s-col[span~=lg-3] {
    flex-basis: 25%;
    max-width: 25%
  }

  s-col[span][offset~=lg-3] {
    margin-left: 25%
  }

  s-col[span~=lg-4] {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
  }

  s-col[span][offset~=lg-4] {
    margin-left: 33.33333333%
  }

  s-col[span~=lg-5] {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
  }

  s-col[span][offset~=lg-5] {
    margin-left: 41.66666667%
  }

  s-col[span~=lg-6] {
    flex-basis: 50%;
    max-width: 50%
  }

  s-col[span][offset~=lg-6] {
    margin-left: 50%
  }

  s-col[span~=lg-7] {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
  }

  s-col[span][offset~=lg-7] {
    margin-left: 58.33333333%
  }

  s-col[span~=lg-8] {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
  }

  s-col[span][offset~=lg-8] {
    margin-left: 66.66666667%
  }

  s-col[span~=lg-9] {
    flex-basis: 75%;
    max-width: 75%
  }

  s-col[span][offset~=lg-9] {
    margin-left: 75%
  }

  s-col[span~=lg-10] {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
  }

  s-col[span][offset~=lg-10] {
    margin-left: 83.33333333%
  }

  s-col[span~=lg-11] {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
  }

  s-col[span][offset~=lg-11] {
    margin-left: 91.66666667%
  }

  s-col[span~=lg-12] {
    flex-basis: 100%;
    max-width: 100%
  }

  s-col[span][offset~=lg-12] {
    margin-left: 100%
  }

  s-col[hide~=lg], s-row[hide~=lg] {
    display: none
  }

  s-col[show~=lg], s-row[show~=lg] {
    display: block
  }

  s-col[span~=lg-auto] {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  s-row[collapse=lg] s-col[span] {
    padding: 0
  }

    s-row[collapse=lg] s-col[span]:first-child:first-of-type {
      padding-left: calc(1.5rem*.5);
      padding-right: 0
    }

    s-row[collapse=lg] s-col[span]:last-child:last-of-type {
      padding-left: 0;
      padding-right: calc(1.5rem*.5)
    }

  s-row[collapse=""] s-col[span]:first-child:first-of-type {
    padding-left: calc(1.5rem*.5);
    padding-right: 0
  }

  s-row[collapse=""] s-col[span]:last-child:last-of-type {
    padding-left: 0;
    padding-right: calc(1.5rem*.5)
  }

  s-col[span][center~=lg] {
    margin-left: auto;
    margin-right: auto
  }

  s-col[span].first-lg {
    order: -1
  }

  s-col[span].last-lg {
    order: 1
  }

  s-col, s-row.pad-all-none > s-col {
    padding-left: calc(1.5rem*.5);
    padding-right: calc(1.5rem*.5)
  }

  s-col {
    padding-bottom: 1.5rem
  }

  s-row {
    margin-left: calc(1.5rem*.5*-1);
    margin-right: calc(1.5rem*.5*-1)
  }

    s-row.pad-all-none > s-col {
      padding-bottom: 0
    }
}

@media only screen and (min-width:1260px) {
  s-col[span~=xl-1] {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
  }

  s-col[span][offset~=xl-1] {
    margin-left: 8.33333333%
  }

  s-col[span~=xl-2] {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
  }

  s-col[span][offset~=xl-2] {
    margin-left: 16.66666667%
  }

  s-col[span~=xl-3] {
    flex-basis: 25%;
    max-width: 25%
  }

  s-col[span][offset~=xl-3] {
    margin-left: 25%
  }

  s-col[span~=xl-4] {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
  }

  s-col[span][offset~=xl-4] {
    margin-left: 33.33333333%
  }

  s-col[span~=xl-5] {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
  }

  s-col[span][offset~=xl-5] {
    margin-left: 41.66666667%
  }

  s-col[span~=xl-6] {
    flex-basis: 50%;
    max-width: 50%
  }

  s-col[span][offset~=xl-6] {
    margin-left: 50%
  }

  s-col[span~=xl-7] {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
  }

  s-col[span][offset~=xl-7] {
    margin-left: 58.33333333%
  }

  s-col[span~=xl-8] {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
  }

  s-col[span][offset~=xl-8] {
    margin-left: 66.66666667%
  }

  s-col[span~=xl-9] {
    flex-basis: 75%;
    max-width: 75%
  }

  s-col[span][offset~=xl-9] {
    margin-left: 75%
  }

  s-col[span~=xl-10] {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
  }

  s-col[span][offset~=xl-10] {
    margin-left: 83.33333333%
  }

  s-col[span~=xl-11] {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
  }

  s-col[span][offset~=xl-11] {
    margin-left: 91.66666667%
  }

  s-col[span~=xl-12] {
    flex-basis: 100%;
    max-width: 100%
  }

  s-col[span][offset~=xl-12] {
    margin-left: 100%
  }

  s-col[hide~=xl], s-row[hide~=xl] {
    display: none
  }

  s-col[show~=xl], s-row[show~=xl] {
    display: block
  }

  s-col[span~=xl-auto] {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  s-row[collapse=xl] s-col[span] {
    padding: 0
  }

    s-row[collapse=xl] s-col[span]:first-child:first-of-type {
      padding-left: calc(1.875rem*.5);
      padding-right: 0
    }

    s-row[collapse=xl] s-col[span]:last-child:last-of-type {
      padding-left: 0;
      padding-right: calc(1.875rem*.5)
    }

  s-row[collapse=""] s-col[span]:first-child:first-of-type {
    padding-left: calc(1.875rem*.5);
    padding-right: 0
  }

  s-row[collapse=""] s-col[span]:last-child:last-of-type {
    padding-left: 0;
    padding-right: calc(1.875rem*.5)
  }

  s-col[span][center~=xl] {
    margin-left: auto;
    margin-right: auto
  }

  s-col[span].first-xl {
    order: -1
  }

  s-col[span].last-xl {
    order: 1
  }

  s-col, s-row.pad-all-none > s-col {
    padding-left: calc(1.875rem*.5);
    padding-right: calc(1.875rem*.5)
  }

  s-col {
    padding-bottom: 1.875rem
  }

  s-row {
    margin-left: calc(1.875rem*.5*-1);
    margin-right: calc(1.875rem*.5*-1)
  }

    s-row.pad-all-none > s-col {
      padding-bottom: 0
    }
}

@media only screen and (max-width:383px) {
  s-col {
    flex-basis: 100%;
    min-width: 100%
  }

    s-col[span][offset] {
      margin-left: 0
    }
}

@media only screen and (min-width:384px) and (max-width:599px) {
  s-col:not([span|=sm]):not([span^=-auto]) {
    flex-basis: 100%;
    min-width: 100%
  }

  s-col:not([span|=sm])[offset] {
    margin-left: calc(.75rem*.5)
  }
}

fieldset s-row s-col {
  padding-bottom: 0
}

s-header-sortable {
  cursor: pointer;
  height: 100%;
  position: relative;
  width: 100%
}

  s-header-sortable div[ref=header-wrapper] {
    height: 2.625rem;
    left: -.625rem;
    margin-right: -1.3125rem;
    margin-top: .0625rem;
    padding: 0 .75rem
  }

table.row-height-sm s-header-sortable div[ref=header-wrapper] {
  height: 1.875rem
}

table.row-height-lg s-header-sortable div[ref=header-wrapper] {
  height: 3.375rem
}

s-header-sortable div[ref=header-wrapper]:focus {
  box-shadow: 0 0 0 2px #0c7bab;
  outline: 0
}

  s-header-sortable div[ref=header-wrapper]:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 0
  }

s-header-sortable div[ref=header-wrapper]:focus-visible {
  box-shadow: 0 0 0 2px #0c7bab
}

s-header-sortable div[ref=icon-container] {
  align-items: center;
  display: flex;
  height: 1.875rem;
  justify-content: center;
  width: 1.875rem
}

s-header-sortable s-icon[ref=header-sortable-icon] {
  color: transparent
}

  s-header-sortable s-icon[ref=header-sortable-icon].visible {
    color: #444
  }

s-header-sortable:hover s-icon[ref=header-sortable-icon] {
  color: #6f6f6f
}

  s-header-sortable:hover s-icon[ref=header-sortable-icon].visible {
    color: #1a1a1a;
    display: inline
  }

s-input-extended div[ref=input-wrapper], s-toasts s-toast {
  position: relative;
  width: 100%
}

  s-input-extended div[ref=input-wrapper] button:focus {
    box-shadow: inset 0 0 0 2px #0c7bab
  }

  s-input-extended div[ref=input-wrapper] button[ref=secondary-action-button] {
    position: absolute;
    right: 2.625rem;
    top: 0
  }

  s-input-extended div[ref=input-wrapper] button[ref=primary-action-button] {
    position: absolute;
    right: 0;
    top: 0
  }

  s-input-extended div[ref=input-wrapper] div[ref=decorative-icon-container] {
    align-items: center;
    display: flex;
    height: 2.25rem;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.25rem
  }

s-input-extended[type=search] input {
  padding-right: 4.875rem
}

s-input-extended:not([type=search]) input {
  padding-left: 2.25rem;
  padding-right: 2.25rem
}

@media (-ms-high-contrast:none),(-ms-high-contrast:active) {
  s-input-extended input::-ms-clear {
    display: none
  }
}

s-loader {
  border: 4px solid #c4c4c4;
  border-left-color: #444;
  border-radius: 50%;
  display: inline-flex;
  margin: 0 auto;
  width: 1.875rem
}

  s-loader[loading] {
    -webkit-animation: s-loader 1s infinite linear;
    animation: s-loader 1s infinite linear
  }

  s-loader.small {
    border-width: .1875rem;
    height: 1rem;
    width: 1rem
  }

  s-loader.large {
    border-width: .375rem;
    height: 3.75rem;
    width: 3.75rem
  }

s-loader, s-menu.nav-menu > [slot=menu-items] li > a, s-menu.nav-menu > [slot=menu-items] li > button, s-menu.nav-menu > [slot=menu-items] > a, s-menu.nav-menu > [slot=menu-items] > button {
  height: 1.875rem
}

s-menu ul {
  list-style-type: none
}

s-menu.full-width [slot=menu-trigger] {
  width: 100%
}

s-menu.open-left > [slot=menu-items] {
  left: auto;
  right: 0
}

s-menu.open-top > [slot=menu-items] {
  bottom: 100%;
  top: auto
}

s-menu:not([open]) [slot=menu-trigger].show-expand-indicator::after {
  align-items: center;
  display: inline-flex;
  font-family: "s-icons";
  font-size: .875rem;
  height: 1rem;
  justify-content: center;
  margin-left: .375rem;
  vertical-align: -2px;
  width: 1rem;
  content: "\e983"
}

s-menu[open] [slot=menu-trigger].show-expand-indicator::after {
  align-items: center;
  display: inline-flex;
  font-family: "s-icons";
  font-size: .875rem;
  height: 1rem;
  justify-content: center;
  margin-left: .375rem;
  vertical-align: -2px;
  width: 1rem;
  content: "\e98b"
}

s-menu[open] > [slot=menu-items] {
  display: flex;
  min-width: 100%
}

s-menu > [slot=menu-items] {
  align-items: stretch;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  display: none;
  flex-direction: column;
  left: 0;
  padding-bottom: .5625rem;
  padding-top: .5625rem;
  position: absolute;
  top: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  z-index: 100
}

  s-menu > [slot=menu-items] li > a, s-menu > [slot=menu-items] li > button, s-menu > [slot=menu-items] > a, s-menu > [slot=menu-items] > button {
    align-items: center;
    background-color: #fff;
    border: #fff solid 1px;
    border-radius: 4px;
    color: #1a1a1a;
    display: inline-flex;
    font-weight: 400;
    height: 2.25rem;
    margin: .1875rem .75rem;
    padding: .375rem .75rem
  }

    s-menu > [slot=menu-items] li > a:hover, s-menu > [slot=menu-items] li > button:hover, s-menu > [slot=menu-items] > a:hover, s-menu > [slot=menu-items] > button:hover {
      background-color: #fafafa;
      text-decoration: none
    }

  s-menu > [slot=menu-items] li > a, s-menu > [slot=menu-items] li > button {
    display: flex;
    width: 100%
  }

    s-menu > [slot=menu-items] li > button[disabled], s-menu > [slot=menu-items] > button[disabled] {
      color: #c4c4c4;
      cursor: not-allowed
    }

      s-menu > [slot=menu-items] li > button[disabled]:hover, s-menu > [slot=menu-items] > button[disabled]:hover, s-popper[type=menu] ul li > button[disabled]:hover, s-popper[type=menu] ul > button[disabled]:hover {
        background-color: #fff;
        border: #fff solid 1px
      }

  s-menu > [slot=menu-items] li > hr, s-menu > [slot=menu-items] > hr, s-popper[type=menu] ul li > hr, s-popper[type=menu] ul > hr {
    margin: .1875rem 0;
    width: 100%
  }

  s-menu > [slot=menu-items] li > a.hidden, s-menu > [slot=menu-items] li > button.hidden, s-menu > [slot=menu-items] > a.hidden, s-menu > [slot=menu-items] > button.hidden, s-monthpicker s-box[ref=picker] [ref=picker-elements], s-monthpicker s-box[ref=picker] footer, s-pagination[hiderowsperpage] [ref=record-statement-container-announcement], s-pagination[hiderowsperpage] [ref=record-statement-container], s-pagination[hiderowsperpage] [ref=rows-per-page-select-container] {
    display: none
  }

s-monthpicker [ref=input-container] header button {
  height: inherit;
  width: 100%
}

s-monthpicker .month-picker-input-wrapper button {
  font-weight: 400
}

  s-monthpicker .month-picker-input-wrapper button span.monthpicker-displaymonth {
    padding-right: .125rem
  }

s-monthpicker s-box[ref=picker] {
  top: -12px;
  width: auto
}

s-monthpicker[open] s-box[ref=picker] [ref=picker-elements], s-monthpicker[open] s-box[ref=picker] footer, s-popper[type=menu] li, s-popper[type=menu][open] ul {
  display: flex
}

  s-monthpicker [ref=monthpicker], s-monthpicker [ref=yearpicker], s-monthpicker[open] s-box[ref=picker] footer button {
    width: 50%
  }

    s-monthpicker [ref=monthpicker] button, s-monthpicker [ref=yearpicker] button {
      width: calc(100% - 1.875rem)
    }

s-monthpicker [ref=picker-elements] > div > div {
  height: 15rem;
  overflow-x: hidden;
  overflow-y: scroll
}

s-monthpicker [ref=input-container] > header {
  height: 3.375rem;
  padding: 0 .75rem
}

  s-monthpicker [ref=input-container] > header > div {
    flex-grow: 2;
    height: 100%
  }

@media screen and (min-width:800px) {
  s-monthpicker [ref=picker-elements] > div > div {
    height: auto;
    overflow-x: auto;
    overflow-y: auto
  }
}

s-pagination {
  align-items: center;
  display: flex;
  justify-content: flex-end
}

  s-pagination[hiderowsperpage] [ref=page-input-container] {
    padding-right: 2.625rem
  }

  s-pagination s-select[ref=rows-per-page-select] [ref=select-input-container] {
    min-width: 4.375rem
  }

  s-pagination [ref=rows-per-page-select-container] {
    display: inline-flex;
    padding-right: 1.125rem
  }

  s-pagination [ref=page-input-container] {
    display: inline-flex;
    padding-right: 2.25rem
  }

    s-pagination [ref=page-input-container] input[ref=page-input] {
      width: 2.6875rem
    }

  s-pagination [ref=record-statement-container] {
    display: inline-flex;
    margin-right: 2.25rem;
    min-width: 7.0625rem
  }

  s-pagination [ref=indeterminate-page-number], s-pagination.width-md [ref=record-statement-container] {
    display: none
  }

  s-pagination.width-md [ref=page-input-container] {
    padding-right: 2.625rem
  }

  s-pagination.width-sm [ref=record-statement-container] {
    display: none
  }

  s-pagination.width-sm [ref=page-input-container] {
    padding-right: 2.625rem;
    display: none
  }

  s-pagination.width-sm [ref=rows-per-page-select-container] {
    padding-right: 1.5rem
  }

  s-pagination.width-xs [ref=record-statement-container], s-pagination.width-xs [ref=rows-per-page-select-container] [ref=per-page-text], s-pagination[hiderowsperpage].width-sm [ref=record-statement-container] {
    display: none
  }

  s-pagination.width-xs [ref=page-input-container] {
    padding-right: 2.625rem;
    display: none
  }

  s-pagination.width-xs [ref=rows-per-page-select-container] {
    padding-right: 1.125rem
  }

  s-pagination[hiderowsperpage].width-sm [ref=page-input-container] {
    padding-right: 2.625rem;
    display: inline-flex
  }

  s-pagination[hiderowsperpage].width-xs [ref=record-statement-container], s-pagination[indeterminate] [ref=page-input-container], s-pagination[indeterminate] [ref=record-statement-container] {
    display: none
  }

  s-pagination[hiderowsperpage].width-xs [ref=page-input-container] {
    padding-right: 2.625rem;
    display: inline-flex;
    display: none
  }

  s-pagination[hiderowsperpage].width-xs [ref=indeterminate-page-number], s-pagination[indeterminate] [ref=indeterminate-page-number] {
    display: inline-flex;
    min-width: 4rem;
    padding-right: .75rem
  }

  s-pagination input::-webkit-inner-spin-button, s-pagination input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
  }

  s-pagination input[type=number] {
    -moz-appearance: textfield
  }

  s-pagination[indeterminate] [ref=rows-per-page-select-container] {
    padding-right: .75rem
  }

@media only screen and (max-width:839px) {
  s-pagination [ref=record-statement-container] {
    display: none
  }

  s-pagination [ref=page-input-container] {
    padding-right: 2.625rem
  }
}

@media only screen and (max-width:599px) {
  s-pagination [ref=record-statement-container], s-pagination[hiderowsperpage] [ref=record-statement-container] {
    display: none
  }

  s-pagination [ref=page-input-container] {
    padding-right: 2.625rem;
    display: none
  }

  s-pagination [ref=rows-per-page-select-container] {
    padding-right: 1.5rem
  }

  s-pagination[hiderowsperpage] [ref=page-input-container] {
    padding-right: 2.625rem;
    display: inline-flex
  }
}

@media only screen and (max-width:383px) {
  s-pagination [ref=record-statement-container], s-pagination [ref=rows-per-page-select-container] [ref=per-page-text], s-pagination[hiderowsperpage] [ref=record-statement-container] {
    display: none
  }

  s-pagination [ref=page-input-container] {
    padding-right: 2.625rem;
    display: none
  }

  s-pagination [ref=rows-per-page-select-container] {
    padding-right: 1.125rem
  }

  s-pagination[hiderowsperpage] [ref=page-input-container] {
    padding-right: 2.625rem;
    display: inline-flex;
    display: none
  }

  s-pagination[hiderowsperpage] [ref=indeterminate-page-number] {
    display: inline-flex;
    min-width: 4rem;
    padding-right: .75rem
  }
}

s-popper {
  z-index: 100
}

  s-popper[data-popper-escaped], s-popper[data-popper-reference-hidden] {
    pointer-events: none;
    visibility: hidden
  }

  s-popper[type=tooltip] {
    background-color: #1a1a1a;
    border-radius: 4px;
    display: inline-block
  }

    s-popper[type=tooltip] span {
      color: #fff;
      display: block;
      max-width: 25rem;
      padding: .375rem .75rem
    }

    s-popper[type=tooltip] .arrow, s-popper[type=tooltip] .arrow::before {
      background: #1a1a1a;
      height: .5rem;
      position: absolute;
      width: .5rem
    }

      s-popper[type=tooltip] .arrow::before {
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        visibility: visible
      }

    s-popper[type=tooltip] .arrow {
      visibility: hidden
    }

    s-popper[type=tooltip][data-popper-placement^=top] > div {
      bottom: -4px
    }

    s-popper[type=tooltip][data-popper-placement^=bottom] > div {
      top: -4px
    }

    s-popper[type=tooltip][data-popper-placement^=left] > div {
      right: -.25rem
    }

    s-popper[type=tooltip][data-popper-placement^=right] > div {
      left: -.25rem
    }

  s-popper[type=menu] ul {
    align-items: stretch;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    display: none;
    flex-direction: column;
    list-style-type: none;
    min-width: 100%;
    padding-bottom: .1875rem;
    padding-top: .1875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 100
  }

    s-popper[type=menu] ul li > a, s-popper[type=menu] ul li > button, s-popper[type=menu] ul > a, s-popper[type=menu] ul > button {
      align-items: center;
      background-color: #fff;
      border: #fff solid 1px;
      border-radius: 4px;
      color: #1a1a1a;
      display: inline-flex;
      font-weight: 400;
      height: 2.25rem;
      margin: .1875rem .375rem;
      padding: .375rem .75rem
    }

      s-popper[type=menu] ul li > a:hover, s-popper[type=menu] ul li > button:hover, s-popper[type=menu] ul > a:hover, s-popper[type=menu] ul > button:hover {
        background-color: #fafafa;
        text-decoration: none
      }

    s-popper[type=menu] ul li > a, s-popper[type=menu] ul li > button {
      display: flex;
      width: 100%
    }

      s-popper[type=menu] ul li > button[disabled], s-popper[type=menu] ul > button[disabled] {
        color: #c4c4c4;
        cursor: not-allowed
      }

      s-popper[type=menu] ul li > a.hidden, s-popper[type=menu] ul li > button.hidden, s-popper[type=menu] ul > a.hidden, s-popper[type=menu] ul > button.hidden {
        display: none
      }

s-progress.medium progress {
  height: 1.125rem
}

s-progress.large progress {
  height: 1.5rem
}

s-progress progress {
  background: #ddd;
  border: 0;
  border-radius: 4px;
  height: .75rem;
  padding: 0;
  width: 100%
}

  s-progress progress::-webkit-progress-value {
    background: #0c7bab;
    border-radius: 4px
  }

  s-progress progress::-webkit-progress-bar {
    background: 0 0
  }

  s-progress progress::-moz-progress-bar {
    background: #0c7bab;
    border-radius: 4px
  }

  s-progress progress::-ms-fill {
    animation-name: none
  }

s-radiogroup button + button {
  margin-left: .375rem
}

s-row-actions button, s-row-expander button {
  padding-left: .75rem;
  padding-right: .75rem
}

s-row-actions div[ref=row-actions-container] {
  display: flex;
  justify-content: flex-end
}

s-row-actions button {
  height: 1.875rem
}

s-select[nosearch] ul, s-select[readonlyinput] ul {
  border-radius: 4px
}

  s-select[nosearch] ul.bottom-border-radius-none, s-select[readonlyinput] ul.bottom-border-radius-none {
    border-radius: 4px 4px 0 0
  }

s-select ul {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 0 0 4px 4px;
  list-style: none;
  max-height: 12.6875rem;
  min-width: 100%;
  overflow: auto;
  top: -1px;
  z-index: 100
}

  s-select ul.bottom-border-radius-none {
    border-radius: 0
  }

  s-select ul > li:not([ref=nomatch]) {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    height: 1.875rem;
    margin: .375rem;
    padding: .375rem;
    word-break: break-all
  }

    s-select ul > li:not([ref=nomatch]) span {
      white-space: pre
    }

    s-select button[ref=deselect-all-button]:focus:not(:focus-visible), s-select div[ref=select-input-container]:focus:not(:focus-visible), s-select ul > li:not([ref=nomatch]):focus, s-select.error div[ref=select-input-container]:focus:not(:focus-visible), s-select.success div[ref=select-input-container]:focus:not(:focus-visible), s-select.warning div[ref=select-input-container]:focus:not(:focus-visible) {
      outline: 0
    }

    s-select ul > li:not([ref=nomatch]):not([ref=loading]):not([ref=nomatch]):not([aria-disabled=true]):hover {
      background-color: #fafafa
    }

    s-select ul > li:not([ref=nomatch]).visually-focused {
      box-shadow: 0 0 0 2px #fff,0 0 0 4px #6f6f6f
    }

    s-select ul > li:not([ref=nomatch])[aria-selected=true], s-select ul > li:not([ref=nomatch])[aria-selected=true]:hover, s-select[multiple] li:not([ref=nomatch]):not([ref=loading])[aria-selected=true], s-select[multiple] li:not([ref=nomatch]):not([ref=loading])[aria-selected=true]:hover {
      background-color: #cfedfa
    }

    s-select ul > li:not([ref=nomatch])[aria-disabled=true] {
      color: #c4c4c4;
      cursor: not-allowed
    }

    s-select ul > li:not([ref=nomatch])[ref=loading] {
      padding: 1.5rem
    }

  s-select ul > li[ref=nomatch] {
    color: #1a1a1a;
    padding: .75rem
  }

s-select div[ref=select-ul-container] {
  height: 100%;
  min-width: 100%;
  position: absolute;
  top: calc(100% - 1px);
  white-space: nowrap
}

s-select [slot=sticky-footer] {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 0 0 4px 4px;
  border-top: 0;
  min-height: 2.625rem;
  position: relative;
  top: -1px;
  z-index: 1
}

s-select div[ref=select-input-container] {
  align-items: center;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  cursor: text;
  display: flex;
  flex-basis: 25%;
  flex-wrap: wrap;
  min-height: 2.375rem;
  padding-right: 2.25rem
}

  s-select button[ref=deselect-all-button]:focus, s-select div[ref=select-input-container]:focus {
    border: 1px solid #0c7bab;
    box-shadow: 0 0 0 1px #0c7bab;
    outline: 0
  }

  s-select button[ref=deselect-all-button]:focus-visible, s-select div[ref=select-input-container]:focus-visible {
    border: 1px solid #0c7bab;
    box-shadow: 0 0 0 1px #0c7bab
  }

  s-select div[ref=select-input-container].contains-clear-button {
    padding-right: 4.875rem
  }

  s-select div[ref=select-input-container]:hover:not(:focus) {
    border-color: #a2a2a2
  }

s-select div[ref=search-input-div] {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px 4px 0 0;
  padding: .375rem;
  z-index: 100
}

s-select span[ref=select-value] {
  margin-left: .375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

s-select button[ref=deselect-all-button] {
  height: 2.25rem;
  position: absolute;
  right: 2.625rem;
  top: 0;
  width: 2.25rem
}

s-select div[ref=disclosure-icon] {
  align-items: center;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.25rem
}

s-select[multiple] span[ref=tag-text] {
  white-space: pre
}

s-select[multiple] span[ref=selection-count-span] {
  margin-left: .375rem
}

s-select[multiple] span[ref=placeholder] {
  color: #6f6f6f;
  font-style: italic;
  margin-left: .375rem
}

s-select[multiple] li:not([ref=nomatch]):not([ref=loading]) {
  padding-left: 1.75rem
}

  s-select[multiple] li:not([ref=nomatch]):not([ref=loading])::before {
    content: "";
    height: 1rem;
    left: .375rem;
    position: absolute;
    top: 7px;
    width: 1rem
  }

  s-select[multiple] li:not([ref=nomatch]):not([ref=loading])[aria-selected=true]::after, s-select[multiple] li:not([ref=nomatch]):not([ref=loading])[aria-selected=true]:hover::after {
    align-items: center;
    border-radius: 2px;
    color: #0c7bab;
    content: "\e933";
    display: flex;
    font-family: "s-icons";
    font-size: 1rem;
    height: 1rem;
    justify-content: center;
    left: .375rem;
    position: absolute;
    top: 7px;
    width: 1rem
  }

s-select.warning div[ref=select-input-container], s-select.warning:hover div[ref=select-input-container] {
  background-color: #fffbeb;
  border-color: #e5b700
}

s-select.error div[ref=select-input-container], s-select.error:hover div[ref=select-input-container] {
  background-color: #fff0f0;
  border-color: #c70000
}

s-select.success div[ref=select-input-container], s-select.success:hover div[ref=select-input-container] {
  background-color: #f2fcf2;
  border-color: #38a632
}

  s-select.error div[ref=select-input-container]:focus, s-select.success div[ref=select-input-container]:focus, s-select.warning div[ref=select-input-container]:focus {
    border: 1px solid #0c7bab;
    box-shadow: 0 0 0 1px #0c7bab;
    outline: 0
  }

  s-select.error div[ref=select-input-container]:focus-visible, s-select.success div[ref=select-input-container]:focus-visible, s-select.warning div[ref=select-input-container]:focus-visible {
    border: 1px solid #0c7bab;
    box-shadow: 0 0 0 1px #0c7bab
  }

s-select[disabled] div[ref=disclosure-icon], s-select[disabled] div[ref=select-input-container], s-select[readonly] div[ref=disclosure-icon], s-select[readonly] div[ref=select-input-container] {
  background-color: #fafafa;
  border-color: #ddd;
  border-radius: 4px;
  cursor: not-allowed
}

  s-select[disabled] div[ref=select-input-container]:focus, s-select[readonly] div[ref=select-input-container]:focus {
    box-shadow: none
  }

  s-select[disabled] div[ref=select-input-container]:hover, s-select[readonly] div[ref=select-input-container]:hover {
    border-color: #ddd
  }

  s-select[disabled] button[ref=deselect-all-button], s-select[disabled] div[ref=disclosure-icon] s-icon, s-select[disabled] div[ref=select-input-container] {
    color: #c4c4c4
  }

  s-select[readonly] button[ref=deselect-all-button], s-select[readonly] div[ref=disclosure-icon] s-icon, s-select[readonly] div[ref=select-input-container] {
    color: #6f6f6f
  }

@media (-ms-high-contrast:none),(-ms-high-contrast:active) {
  s-select:not([multiple]) div[ref=select-input-container] {
    flex-basis: auto;
    width: 100%
  }
}

s-stepper {
  --circle-height: 1.125rem;
  --padding-horizontal: 15px;
  --padding-vertical: 9px;
  --stroke-width: 0.125rem
}

  s-stepper ol {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
  }

    s-stepper ol li {
      align-items: center;
      display: flex;
      flex: 1;
      flex-direction: column;
      list-style-type: none
    }

      s-stepper ol li::after {
        background-color: #c4c4c4;
        content: "";
        height: var(--stroke-width);
        left: 50%;
        order: -1;
        position: relative;
        top: calc(var(--circle-height)/2);
        width: calc(100% - var(--circle-height))
      }

      s-stepper ol li:last-child::after {
        visibility: hidden
      }

      s-stepper ol li.next-item-highlighted::after {
        background-color: #0c7bab
      }

      s-stepper ol li div[ref=step-marker] {
        align-items: center;
        background-color: #fff;
        border: var(--stroke-width) solid #c4c4c4;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        min-height: var(--circle-height);
        min-width: var(--circle-height)
      }

      s-stepper ol li.active div[ref=step-marker] {
        border-color: #0c7bab
      }

        s-stepper ol li.active div[ref=step-marker]::before {
          background-color: #0c7bab;
          border-radius: 50%;
          content: "";
          height: .5rem;
          width: .5rem
        }

      s-stepper ol li.completed:not(.active) div[ref=step-marker] {
        background-color: #0c7bab;
        border-color: #0c7bab;
        max-height: var(--circle-height);
        max-width: var(--circle-height)
      }

        s-stepper ol li.completed:not(.active) div[ref=step-marker]::before {
          align-items: center;
          border-radius: 50%;
          color: #fff;
          content: "\e933";
          display: flex;
          font-family: "s-icons";
          height: 1rem;
          text-align: center;
          width: 1rem
        }

      s-stepper ol li.active div[ref=step-label], s-stepper ol li.completed div[ref=step-label] {
        color: #1a1a1a
      }

  s-stepper div[ref=step-label] {
    -webkit-box-orient: vertical;
    color: #6f6f6f;
    display: -webkit-box;
    font-weight: 600;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-line-clamp: 2;
    margin-top: .375rem;
    max-height: calc(1.5rem*2);
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0 var(--padding-horizontal);
    text-align: center;
    word-wrap: break-word
  }

  s-stepper[vertical] ol {
    display: flex;
    flex-direction: column
  }

    s-stepper[vertical] ol li {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      list-style-type: none;
      padding: var(--padding-vertical) 0
    }

      s-stepper[vertical] ol li:first-of-type {
        padding-top: 0
      }

      s-stepper[vertical] ol li:last-of-type {
        padding-bottom: 0
      }

      s-stepper[vertical] ol li::after {
        background-color: #c4c4c4;
        content: "";
        height: calc(100% - var(--circle-height));
        left: calc(var(--circle-height)/2 - var(--stroke-width)/2);
        order: -1;
        position: absolute;
        top: calc(var(--circle-height) + var(--padding-vertical) + var(--stroke-width)*2);
        width: var(--stroke-width)
      }

      s-stepper[vertical] ol li:first-of-type::after {
        height: 100%;
        top: var(--circle-height)
      }

      s-stepper[vertical] ol li.next-item-highlighted::after, s-tabs s-tab[selected] s-badge {
        background-color: #0c7bab
      }

      s-stepper[vertical] ol li div[ref=step-marker] {
        top: calc((24px - 16PX)/2)
      }

      s-stepper[vertical] ol li div[ref=step-label] {
        margin-top: 0;
        max-height: calc(1.5rem*2);
        overflow: hidden;
        overflow-wrap: break-word;
        padding: 0 .75rem;
        text-align: left;
        word-wrap: break-word
      }

  s-stepper[simplified] div[ref=simplified-wrapper] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    justify-items: center
  }

    s-stepper[simplified] div[ref=simplified-wrapper] span[ref=step-count], s-tabs s-tab {
      color: #6f6f6f;
      font-size: .75rem;
      font-weight: 600
    }

    s-stepper[simplified] div[ref=simplified-wrapper] div[ref=step-label] {
      color: #1a1a1a;
      margin: 0;
      padding: 0
    }

s-tabs {
  border-bottom: solid 1px #c4c4c4;
  display: block;
  margin: .1875rem 0
}

  s-tabs h3 {
    display: inline-block;
    margin-bottom: .625rem;
    margin-top: 0;
    max-width: 26.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  s-tabs s-tab {
    align-items: center;
    border-bottom: transparent solid 6px;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.125rem;
    height: 3rem;
    margin-right: 1.875rem;
    padding-bottom: .375rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
  }

    s-tabs s-tab:last-child {
      margin-right: 0
    }

    s-tabs s-tab[selected] {
      border-bottom: 6px solid #0c7bab;
      box-sizing: border-box;
      color: #0c7bab
    }

      s-tabs s-tab[selected] s-icon, s-uploader div[ref=dropzone] .dragover-state {
        color: #0c7bab
      }

    s-tabs s-tab:not([selected]):hover {
      border-bottom: 6px solid #444;
      color: #444
    }

      s-tabs s-tab:not([selected]):hover s-badge {
        background-color: #444
      }

      s-tabs s-tab:not([selected]):hover s-icon {
        color: #444
      }

    s-tabs s-tab[disabled] {
      border-bottom: transparent solid 6px;
      color: #c4c4c4;
      pointer-events: none
    }

      s-tabs s-tab[disabled] s-badge {
        background-color: #c4c4c4
      }

      s-tabs s-tab[disabled] s-icon, s-tag.outlined[disabled] [ref=dismiss-button], s-tag[disabled] [ref=dismiss-button] {
        color: #c4c4c4
      }

    s-tabs s-tab span[ref=label] {
      display: inline-block;
      max-width: 18.75rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    s-tabs s-tab s-badge {
      background-color: #6f6f6f;
      margin-left: .375rem;
      vertical-align: 2px
    }

    s-tabs s-tab s-icon {
      color: #6f6f6f;
      margin-right: .375rem;
      vertical-align: -1px
    }

    s-tabs s-menu span[ref=count], s-tabs s-tab span[ref=count] {
      margin-left: .1875rem
    }

  s-tabs s-menu button[selected] {
    background-color: #cfedfa
  }

  s-tabs s-menu > [slot=menu-items] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

  s-tabs.vertical {
    border-bottom: 0;
    border-left: solid 1px #c4c4c4
  }

    s-tabs.vertical s-tab {
      border-bottom: 0;
      border-left: transparent solid 6px;
      color: #6f6f6f;
      cursor: pointer;
      display: block;
      font-size: 1.125rem;
      font-weight: 600;
      margin-bottom: .375rem;
      padding: .375rem 0 .375rem .375rem
    }

      s-tabs.vertical s-tab:last-child {
        margin-bottom: 0
      }

      s-tabs.vertical s-tab[selected] {
        border-left: 6px solid #0c7bab;
        box-sizing: border-box;
        color: #0c7bab
      }

      s-tabs.vertical s-tab:hover {
        border-left: 6px solid #444;
        color: #444
      }

      s-tabs.vertical s-tab[disabled] {
        border-left: transparent solid 6px;
        color: #c4c4c4;
        pointer-events: none
      }

s-tag {
  align-items: center;
  background-color: #ddd;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #1a1a1a;
  display: inline-flex;
  font-weight: 600;
  height: 1.5rem;
  justify-content: space-between;
  margin-right: .375rem;
  padding: 0 .375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

  s-tag:not([nodismiss]) {
    padding-right: 1.875rem
  }

  s-tag[color] {
    padding-right: .375rem
  }

  s-tag:empty {
    display: none
  }

  s-tag[disabled], s-tag[readonly] {
    background-color: #fafafa;
    border-color: #c4c4c4;
    color: #c4c4c4;
    pointer-events: none
  }

  s-tag[readonly] {
    border-color: #ddd;
    color: #6f6f6f
  }

    s-tag[readonly] [ref=dismiss-button] {
      color: #6f6f6f
    }

  s-tag[color=red-dark] {
    background-color: #c70000;
    border-color: #c70000;
    color: #fff
  }

  s-tag[color=orange-light] {
    background-color: #ff9751;
    border-color: #ff9751
  }

  s-tag[color=yellow-medium] {
    background-color: #ffdb4d;
    border-color: #ffdb4d
  }

  s-tag[color=green-dark] {
    background-color: #22821d;
    border-color: #22821d;
    color: #fff
  }

  s-tag[color=green-light] {
    background-color: #9ee69a;
    border-color: #9ee69a
  }

  s-tag[color=blue-light] {
    background-color: #9bddfa;
    border-color: #9bddfa
  }

  s-tag[color=gray-lighter] {
    background-color: #ddd;
    border-color: #ddd
  }

  s-tag[color=gray-darker] {
    background-color: #444;
    border-color: #444;
    color: #fff
  }

  s-tag.outlined {
    background-color: transparent;
    border: 1px solid #c4c4c4
  }

  s-tag.active {
    background-color: #0c7bab;
    color: #fff
  }

    s-tag.active [ref=dismiss-button], s-tag.active[disabled], s-tag.active[disabled] [ref=dismiss-button], s-toast s-icon {
      color: #fff
    }

  s-tag.small {
    height: 1.5rem
  }

  s-tag.large {
    height: 2.25rem
  }

    s-tag.large button[ref=dismiss-button] {
      border: solid 1px #ddd;
      border-radius: 0 4px 4px 0;
      height: 2.25rem;
      position: absolute;
      right: -.0625rem;
      top: -1px;
      width: 1.375rem
    }

      s-tag button[ref=dismiss-button]:hover, s-tag.large button[ref=dismiss-button]:hover {
        background-color: #c4c4c4;
        border-color: #c4c4c4
      }

      s-tag button[ref=dismiss-button]:focus, s-tag.large button[ref=dismiss-button]:focus {
        border: 1px solid #0c7bab;
        box-shadow: inset 0 0 0 1px #0c7bab
      }

  s-tag button[ref=dismiss-button] {
    border: solid 1px #ddd;
    border-radius: 0 4px 4px 0;
    height: 1.5rem;
    position: absolute;
    right: -.0625rem;
    top: -1px;
    width: 1.375rem
  }

  s-tag > div[ref=left-icon] > s-icon {
    font-weight: 400;
    height: 1rem;
    margin-right: .375rem;
    top: 2px;
    width: 1rem
  }

s-toast {
  -webkit-animation: .1s ease-in 0s 1 toastEaseIn;
  animation: .1s ease-in 0s 1 toastEaseIn;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 600
}

  s-toast.dismissed {
    -webkit-animation: .1s ease-out 0s 1 toastEaseOut forwards;
    animation: .1s ease-out 0s 1 toastEaseOut forwards
  }

  s-toast > div {
    align-items: center;
    background-color: #1a1a1a;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    width: 100%
  }

  s-toast div[ref=content] {
    align-items: center;
    display: inline-flex;
    flex-grow: 2;
    font-weight: 600;
    padding: 1rem .75rem
  }

  s-toast [ref=action], s-toast [ref=text] {
    font-size: 1.125rem
  }

  s-toast s-icon[ref=status-icon] {
    align-self: flex-start;
    margin-top: 1rem
  }

  s-toast [ref=action].link, s-toast a, s-toast button.link {
    border: 0;
    color: #fff;
    font-weight: 600;
    height: 1.5rem;
    padding-bottom: 0;
    text-decoration: underline
  }

    s-toast a:focus, s-toast button:focus {
      box-shadow: 0 0 0 2px #fff
    }

  s-toast:not([status]) div[ref=content] {
    padding-left: 0
  }

  s-toast[status=warning] [ref=action].link, s-toast[status=warning] a, s-toast[status=warning] button.link, s-toast[status=warning] s-icon {
    color: #1a1a1a
  }

    s-toast[status=warning] a:focus, s-toast[status=warning] button:focus {
      box-shadow: 0 0 0 2px #1a1a1a
    }

  s-toast[status=info] s-icon {
    color: #fff
  }

  s-toast[status=success] > div {
    background-color: #22821d
  }

  s-toast[status=warning] > div {
    background-color: #ffcf0f;
    color: #1a1a1a
  }

  s-toast[status=error] > div {
    background-color: #c70000
  }

  s-toast [ref=dismiss-button] {
    align-self: flex-start;
    background: 0 0;
    border: 0;
    height: 1.875rem;
    margin: .75rem 0 0;
    padding: .4375rem;
    width: 1.875rem
  }

  s-toast ul[ref=details] {
    padding-left: 1.125rem
  }

s-toasts {
  bottom: 0;
  display: flex;
  flex-direction: column-reverse;
  left: 0;
  max-height: 50vh;
  overflow-y: hidden;
  position: fixed;
  right: 0;
  z-index: 600
}

  s-toasts s-toast + s-toast {
    border-bottom: 1px solid #fff
  }

s-toggle button {
  border: 0;
  border-radius: 21px;
  height: 1.5rem;
  width: 2.625rem
}

  s-toggle button div {
    background-color: #fff;
    border-radius: 10px;
    height: 1.25rem;
    position: absolute;
    top: 2px;
    transition-duration: 75ms;
    transition-property: left;
    width: 1.25rem
  }

  s-toggle button[aria-checked=false] {
    background-color: #6f6f6f
  }

    s-toggle button[aria-checked=false] div {
      left: .125rem
    }

  s-toggle button[aria-checked=true] {
    background-color: #0c7bab
  }

    s-toggle button[aria-checked=true] div {
      left: 1.25rem
    }

s-toggle:not([disabled]):hover button[aria-checked=true] {
  background-color: #015f87
}

s-toggle:not([disabled]):hover button[aria-checked=false] {
  background-color: #444
}

s-toggle[disabled] button {
  cursor: not-allowed
}

  s-toggle[disabled] button[aria-checked=false] {
    background-color: #ddd
  }

  s-toggle[disabled] button[aria-checked=true] {
    background-color: #cfedfa
  }

s-tray {
  display: block;
  min-width: 0
}

  s-tray s-box.tray-footer {
    background-color: #fafafa
  }

  s-tray > s-box ~ s-box {
    margin: 0
  }

  s-tray > s-box:not(:first-of-type):not(:last-of-type):not(:only-of-type) {
    border-radius: 0
  }

  s-tray > s-box:not(:only-of-type):not(:last-of-type) {
    border-bottom-width: 0
  }

  s-tray > s-box:not(:only-of-type):first-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }

  s-tray > s-box:not(:only-of-type):last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

s-uploader input[ref=file-input] {
  left: -624.9375rem;
  position: absolute
}

s-uploader form {
  height: 100%;
  width: 100%
}

s-uploader div[ref=dropzone] {
  background-color: #fff;
  border: #c4c4c4 2px dashed
}

  s-uploader div[ref=dropzone].highlight {
    background-color: #f7fdff;
    border: #059bd2 2px dashed
  }

  s-uploader div[ref=dropzone]:hover {
    border: #a2a2a2 2px dashed
  }

  s-uploader div[ref=dropzone] .transparent * {
    background-color: transparent;
    border-color: transparent;
    color: transparent
  }

  s-uploader div[ref=dropzone] [ref=dragoverstate] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }