/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

  

  :root {
      /* breakpoints */
      --large:        90em;    /* 1440px */
      --medium:       72em;    /* 1152px */
      --small:        48em;    /* 768px */
      --extra-small:  29.75em; /* 476px */
  
      /* fluid font scale */
      --font--3: clamp(.625rem, .625rem + 0vw, .625rem);
      --font--2: clamp(.625rem, 0.568181818rem + 0.252525253vw, .75rem);
      --font--1: clamp(0.75rem, 0.693181818rem + 0.252525253vw, 0.875rem);
      --font-0:  clamp(0.875rem, 0.818181818rem + 0.252525253vw, 1rem);
      --font-1:  clamp(1rem, 0.943181818rem + 0.252525253vw, 1.125rem);
      --font-2:  clamp(1.125rem, 1.068181818rem + 0.252525253vw, 1.25rem);
      --font-3:  clamp(1.25rem, 1.079545455rem + 0.757575758vw, 1.625rem);
      --font-4:  clamp(1.625rem, 1.454545455rem + 0.757575758vw, 2rem);
      --font-5:  clamp(1.625rem, 1.227272727rem + 1.767676768vw, 2.5rem);
      --font-6:  clamp(2rem, 1.545454545rem + 2.02020202vw, 3rem);
      --font-7:  clamp(2.5rem, 2.045454545rem + 2.02020202vw, 3.5rem);
      --font-8:  clamp(2.5rem, 1.818181818rem + 3.03030303vw, 4rem);
  
      /* Spacing */
      --unit:  1rem; /* 16px */
      --space-px: calc(0.625 * var(--unit));  /*  10px */
      --space-1: calc(0.25 * 1rem);           /* 4px */
      --space-2: calc(0.5 * var(--unit));     /* 8px */
      --space-3: calc(0.75 * var(--unit));    /* 12px */
      --space-4: calc(1 * var(--unit));       /* 16px */
      --space-5: calc(1.25 * var(--unit));    /* 20px */
      --space-6: calc(1.5 * var(--unit));     /* 24px */
      --space-8: calc(2 * var(--unit));       /* 32px */
      --space-10: calc(2.5 * var(--unit));    /* 40px */
      --space-12: calc(3 * var(--unit));      /* 48px */
      --space-16: calc(4 * var(--unit));      /* 64px */
      --space-20: calc(5 * var(--unit));      /* 80px */
      --space-24: calc(6 * var(--unit));      /* 96px */
      --space-32: calc(8 * var(--unit));      /* 128px */
      --space-40: calc(10 * var(--unit));     /* 160px */
      --space-48: calc(12 * var(--unit));     /* 192px */
      --space-56: calc(14 * var(--unit));     /* 224px */
      --space-64: calc(16 * var(--unit));     /* 256px */
  }
  
  /* Font sizes */
  /* Double stranded:
  .font-size covers old Calcite Web,
  .esri-font covers newer custom sizes */
  
  .font-size--3, .esri-font--3   {
      font-size: var(--font--3); 
  }
  .font-size--2, .esri-font--2   {
      font-size: var(--font--2); 
  }
  .font-size--1, .esri-font--1   {
      font-size: var(--font--1); 
  }
  .font-size-0, .esri-font-0     {
      font-size: var(--font-0);
   }
  .font-size-1, .esri-font-1     {
      font-size: var(--font-1);
   }
  .font-size-2, .esri-font-2     {
      font-size: var(--font-2);
   }
  .font-size-3, .esri-font-3     {
      font-size: var(--font-3);
   }
  .font-size-4, .esri-font-4     {
      font-size: var(--font-4);
   }
  .font-size-5, .esri-font-5     {
      font-size: var(--font-5);
   }
  .font-size-6, .esri-font-6     {
      font-size: var(--font-6);
   }
  .font-size-7, .esri-font-7     {
      font-size: var(--font-7);
   }
  .font-size-8, .esri-font-8     {
      font-size: var(--font-8);
   }
  
  /* Line-heights */
  .esri-font--3, .esri-font--2, .esri-font--1, .esri-font-0, .esri-font-1, .esri-font-2, .font-size--3, .font-size--2, .font-size--1, .font-size-0, .font-size-1, .font-size-2 {
      line-height: 1.375;
  }
  
  .esri-font-3, .esri-font-4, .esri-font-5, .esri-font-6, .esri-font-7, .esri-font-8, .font-size-3, .font-size-4, .font-size-5, .font-size-6, .font-size-7, .font-size-8 {
      line-height: 1.375;
  }
  
  /* Font weight */
  .esri-font-medium {
      font-weight: var(--calcite-font-weight-medium);
  }
  
  .esri-font-demi,
  .esri-font-superbold {
      font-weight: var(--calcite-font-weight-bold);
  }
  
  .esri-font-weight-normal{
      font-weight: var(--calcite-font-weight-normal);
  } 
  
  .avenir-regular {
      font-weight: var(--calcite-font-weight-normal);
      font-style: normal;
    }
    
  .avenir-light{
      font-weight: var(--calcite-font-weight-normal);
      font-style: normal;
  }
  
  .avenir-italic {
      font-weight: var(--calcite-font-weight-normal); 
      font-style: italic;
    }
    
    .avenir-light-italic {
      font-weight: var(--calcite-font-weight-normal);
      font-style: italic;
    }
    .avenir-demi {
      font-weight: var(--calcite-font-weight-medium);
      font-style: normal;
    }
    
    .avenir-demi-italic {
      font-weight: var(--calcite-font-weight-medium);
      font-style: italic;
    }
  
    .avenir-bold {
      font-weight: var(--calcite-font-weight-bold);
      font-style: normal;
    }
    
    .avenir-bold-italic {
      font-weight: var(--calcite-font-weight-bold);
      font-style: italic;
    }  

  
  :root {
    --calcite-animation-timing: 550ms;
    --calcite-animation-delay: 50ms;
    --calcite-animation-easing: ease-in-out; }
  
  @media (prefers-reduced-motion: reduce) {
    .calcite-animate {
      opacity: 1;
      animation: none; } }
  
  @media (prefers-reduced-motion: no-preference) {
    .calcite-animate {
      opacity: 0;
      animation-fill-mode: both;
      animation-duration: var(--calcite-animation-timing); } }
  
  .calcite-animate {
    animation-delay: var(--calcite-animation-delay);
    animation-timing-function: var(--calcite-animation-easing); }
  
  .animate-slow {
    animation-duration: calc(var(--calcite-animation-timing) + 450ms); }
  
  .animate-fast {
    animation-duration: calc(var(--calcite-animation-timing) - 200ms); }
  
  .animate-delay__1x {
    animation-delay: calc(var(--calcite-animation-delay) * 1); }
  
  .animate-delay__2x {
    animation-delay: calc(var(--calcite-animation-delay) * 2); }
  
  .animate-delay__3x {
    animation-delay: calc(var(--calcite-animation-delay) * 3); }
  
  .animate-delay__4x {
    animation-delay: calc(var(--calcite-animation-delay) * 4); }
  
  .animate-delay__5x {
    animation-delay: calc(var(--calcite-animation-delay) * 5); }
  
  .animate-delay__6x {
    animation-delay: calc(var(--calcite-animation-delay) * 6); }
  
  .animate-out {
    animation-direction: reverse; }
  
  .calcite-animate__in-left {
    animation-name: in-left; }
  
  @-webkit-keyframes in-left {
    0% {
      opacity: 0;
      -webkit-transform: translate3D(var(--animate-distance, 5px), 0, 0);
      transform: translate3D(var(--animate-distance, 5px), 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: translate3D(0, 0, 0);
      transform: translate3D(0, 0, 0); } }
  
  @keyframes in-left {
    0% {
      opacity: 0;
      -webkit-transform: translate3D(var(--animate-distance, 5px), 0, 0);
      transform: translate3D(var(--animate-distance, 5px), 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: translate3D(0, 0, 0);
      transform: translate3D(0, 0, 0); } }
  
  
  
  
  
  :root {
    --calcite-ui-background-1: $blk-005;
    --calcite-ui-background: var(--calcite-ui-foreground-1); }
  
  .calcite-theme-light {
    --calcite-ui-background-1: $blk-005;
    --calcite-ui-background: var(--calcite-ui-foreground-1); }
  
  .calcite-theme-dark {
    --calcite-ui-background-1: $blk-190;
    --calcite-ui-background: var(--calcite-ui-foreground-1); }
  
  .ui-text-1,
  .text-blk-220 {
    color: var(--calcite-ui-text-1); }
  
  .ui-text-2,
  .text-blk-170 {
    color: var(--calcite-ui-text-2); }
  
  .ui-text-3,
  .text-blk-090 {
    color: var(--calcite-ui-text-3); }
  
  .ui-background-1,
  .background-blk-000 {
    background-color: var(--calcite-ui-foreground-1); }
  
  .ui-background-2,
  .background-blk-010 {
    background-color: var(--calcite-ui-foreground-2); }
  
  .ui-background-3,
  .background-blk-020 {
    background-color: var(--calcite-ui-foreground-3); }
  
  .text-black {
    color: #151515; }
  
  .text-white {
    color: #fff; }
  
  .text-darker-gray,
  .text-darkest-gray,
  .text-off-black {
    color: var(--calcite-ui-text-2); }
  
  .text-dark-gray,
  .text-light-gray {
    color: var(--calcite-ui-text-3); }
  
  .text-blue {
    color: var(--calcite-ui-info); }
  
  .text-green {
    color: var(--calcite-ui-success); }
  
  .text-red {
    color: var(--calcite-ui-danger); }
  
  
  :root {
    --esri-ui-opacity00: rgba(53, 53, 53, 0);
    --esri-ui-opacity20: rgba(53, 53, 53, 0.2);
    --esri-ui-opacity40: rgba(53, 53, 53, 0.4);
    --esri-ui-opacity50: rgba(53, 53, 53, 0.5);
    --esri-ui-opacity80: rgba(53, 53, 53, 0.8);
    --esri-ui-opacity85: rgba(53, 53, 53, 0.85);
    --esri-ui-opacity90: rgba(53, 53, 53, 0.9);
    --esri-ui-opacity95: rgba(53, 53, 53, 0.95);
    --esri-ui-opacity97: rgba(53, 53, 53, 0.97);
    --esri-ui-opacity00-inverse: rgba(255, 255, 255, 0);
    --esri-ui-opacity20-inverse: rgba(255, 255, 255, 0.2);
    --esri-ui-opacity40-inverse: rgba(255, 255, 255, 0.4);
    --esri-ui-opacity50-inverse: rgba(255, 255, 255, 0.5);
    --esri-ui-opacity80-inverse: rgba(255, 255, 255, 0.8);
    --esri-ui-opacity85-inverse: rgba(255, 255, 255, 0.85);
    --esri-ui-opacity90-inverse: rgba(255, 255, 255, 0.9);
    --esri-ui-opacity95-inverse: rgba(255, 255, 255, 0.95);
    --esri-ui-opacity97-inverse: rgba(255, 255, 255, 0.97); }
  
  .calcite-theme-light {
    --esri-ui-opacity00: rgba(53, 53, 53, 0);
    --esri-ui-opacity20: rgba(53, 53, 53, 0.2);
    --esri-ui-opacity40: rgba(53, 53, 53, 0.4);
    --esri-ui-opacity50: rgba(53, 53, 53, 0.5);
    --esri-ui-opacity80: rgba(53, 53, 53, 0.8);
    --esri-ui-opacity85: rgba(53, 53, 53, 0.85);
    --esri-ui-opacity90: rgba(53, 53, 53, 0.9);
    --esri-ui-opacity95: rgba(53, 53, 53, 0.95);
    --esri-ui-opacity97: rgba(53, 53, 53, 0.97);
    --esri-ui-opacity00-inverse: rgba(255, 255, 255, 0);
    --esri-ui-opacity20-inverse: rgba(255, 255, 255, 0.2);
    --esri-ui-opacity40-inverse: rgba(255, 255, 255, 0.4);
    --esri-ui-opacity50-inverse: rgba(255, 255, 255, 0.5);
    --esri-ui-opacity80-inverse: rgba(255, 255, 255, 0.8);
    --esri-ui-opacity85-inverse: rgba(255, 255, 255, 0.85);
    --esri-ui-opacity90-inverse: rgba(255, 255, 255, 0.9);
    --esri-ui-opacity95-inverse: rgba(255, 255, 255, 0.95);
    --esri-ui-opacity97-inverse: rgba(255, 255, 255, 0.97); }
  
  .calcite-theme-dark {
    --esri-ui-opacity00: rgba(255, 255, 255, 0);
    --esri-ui-opacity20: rgba(255, 255, 255, 0.2);
    --esri-ui-opacity40: rgba(255, 255, 255, 0.4);
    --esri-ui-opacity50: rgba(255, 255, 255, 0.5);
    --esri-ui-opacity80: rgba(255, 255, 255, 0.8);
    --esri-ui-opacity85: rgba(255, 255, 255, 0.85);
    --esri-ui-opacity90: rgba(255, 255, 255, 0.9);
    --esri-ui-opacity95: rgba(255, 255, 255, 0.95);
    --esri-ui-opacity97: rgba(255, 255, 255, 0.97);
    --esri-ui-opacity00-inverse: rgba(53, 53, 53, 0);
    --esri-ui-opacity20-inverse: rgba(53, 53, 53, 0.2);
    --esri-ui-opacity40-inverse: rgba(53, 53, 53, 0.4);
    --esri-ui-opacity50-inverse: rgba(53, 53, 53, 0.5);
    --esri-ui-opacity80-inverse: rgba(53, 53, 53, 0.8);
    --esri-ui-opacity85-inverse: rgba(53, 53, 53, 0.85);
    --esri-ui-opacity90-inverse: rgba(53, 53, 53, 0.9);
    --esri-ui-opacity95-inverse: rgba(53, 53, 53, 0.95);
    --esri-ui-opacity97-inverse: rgba(53, 53, 53, 0.97); }
  
  
  
  .featured {
    border-radius: 1.5em;
    color: var(--calcite-ui-text-1);
    background-color: var(--esri-ui-opacity85-inverse);
    padding: .25em 1em;
    position: absolute;
    top: 1.5em;
    inset-inline-end: 1.5em;
    letter-spacing: 1px;
    z-index: 10; }
  
  .category {
    color: var(--calcite-ui-text-2);
    font-size: var(--font--2);
    font-weight: var(--calcite-font-weight-bold);
    text-transform: uppercase;
    background-color: var(--esri-ui-opacity85-inverse);
    padding: var(--space-2);
    line-height: 1;
    width: -moz-fit-content;
    width: fit-content; }
    .category--full-width {
      width: 100%; }
    .category--no-background {
      background-color: transparent; }
  


  html {
    box-sizing: border-box;
    font-size: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: calc(10vh + 60px);
    -webkit-text-size-adjust: none;
    text-size-adjust: none; }
  
  *,
  *::before,
  *::after {
    box-sizing: inherit; }
  
  body {
    min-height: 100vh;
    margin: 0;
    color: var(--calcite-ui-text-1);
    background-color: var(--calcite-ui-background);
    font: var(--calcite-font-weight-normal) var(--font-0)/1.375 var(--calcite-sans-family); }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: var(--calcite-font-weight-normal);
    margin: 0 0 var(--space-4);
    line-height: 1.375; }
  
  h1 {
    font-size: var(--font-6); }
  
  h2 {
    font-size: var(--font-4); }
  
  h3 {
    font-size: var(--font-3); }
  
  h4 {
    font-size: var(--font-2); }
  
  h5 {
    font-size: var(--font-1); }
  
  h6 {
    font-size: var(--font-0); }
  
  small,
  sup,
  sub {
    font-size: var(--font--2); }
  
  sub,
  sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  
  sup {
    top: -0.5em; }
  
  sub {
    bottom: -0.25em; }
  
  p,
  blockquote,
  dl {
    margin-block-start: 0;
    margin-block-end: var(--space-4); }
  
  dt {
    font-weight: var(--calcite-font-weight-bold);
    margin-top: var(--space-3); }
  
  dt:first-child {
    margin-top: 0; }
  
  dd {
    margin-inline-start: var(--space-3); }
  
  ul, ol {
    font-size: var(--font-0);
    padding-inline-start: var(--space-5); }
  
  a {
    color: var(--calcite-ui-brand);
    text-decoration: none; }
    a:hover, a:focus {
      color: var(--calcite-ui-brand-hover); }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  nav,
  section,
  summary {
    display: block; }
  
  audio,
  canvas,
  video {
    display: inline-block; }
  
  audio:not([controls]) {
    display: none;
    height: 0; }
  
  blockquote {
    color: var(--calcite-ui-text-2);
    margin: var(--space-4) 0;
    font-size: var(--font-1);
    line-height: 1.375; }
  
  blockquote p {
    font-size: var(--font-1);
    line-height: 1.375; }
  
  code {
    color: var(--calcite-ui-text-2);
    background-color: var(--esri-ui-opacity85-inverse);
    padding: 0 .2rem; }
  
  figure {
    margin: 0 0 var(--space-4); }
  
  figcaption {
    margin: var(--space-1) 0 var(--space-4);
    color: var(--calcite-ui-text-3); }
  
  [hidden],
  .hidden,
  .hide {
    display: none; }
  
  svg:not(:root) {
    overflow: hidden; }
  
  video,
  img {
    max-width: 100%;
    height: auto; }
  
  li.block {
    list-style: none; }
  
  ::placeholder {
    color: var(--calcite-ui-text-2); }
  
  input:focus,
  select:focus,
  textarea:focus {
    border-color: var(--calcite-ui-border-input); }
  
  fieldset {
    border: 0;
    margin: 0 0 var(--space-4); }
  
  legend {
    margin-block-end: var(--space-1); }
  
  label {
    display: block;
    margin-block-end: var(--space-1); }
  
  input,
  select,
  textarea {
    position: relative;
    display: block;
    margin: var(--space-1) 0 0;
    height: var(--space-10);
    width: 100%;
    max-width: 100%;
    padding: 0 var(--space-1);
    font-family: inherit;
    font-size: var(--font--1);
    outline: none;
    border: 1px solid var(--calcite-ui-border-1);
    border-radius: 0;
    background-color: var(--calcite-ui-foreground-1);
    transition: border-color 150ms linear; }
  
  select {
    width: auto; }
  
  input[type="radio"],
  input[type="checkbox"] {
    box-shadow: none;
    float: inline-start;
    width: var(--space-4);
    height: var(--space-4);
    margin-inline-start: .125rem;
    margin-inline-end: .5rem;
    transform: translateY(-0.075em); }
  
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="datetime"],
  input[type="datetime-local"] {
    width: auto; }
  
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  input[type="disabled"] {
    width: auto; }
  
  input[type="range"] {
    appearance: none;
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow: none;
    margin-top: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1;
    transition: all 0.25s ease; }
  
  input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    border-radius: 0;
    z-index: 2;
    background-color: var(--calcite-ui-border-1);
    transition: all 0.25s ease; }
  
  input[type="range"]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50px;
    margin-top: -8px;
    cursor: pointer;
    background-color: var(--calcite-ui-foreground-1);
    border: 2px solid;
    border-color: var(--calcite-ui-border-input);
    z-index: 3;
    appearance: none;
    transition: all 0.25s ease; }
  
  input[type="range"]::-webkit-slider-thumb:hover {
    background-color: var(--calcite-ui-brand);
    border-color: var(--calcite-ui-brand);
    box-shadow: 0 0 4px 1px var(--esri-ui-opacity85); }
  
  input[type="range"]::-webkit-slider-thumb:focus,
  input[type="range"]::-webkit-slider-thumb:active {
    background-color: var(--calcite-ui-brand);
    border-color: var(--calcite-ui-brand-hover);
    box-shadow: 0 0 4px 1px var(--calcite-link-blue-underline); }
  
  textarea {
    padding: 0 var(--space-1);
    height: auto; }
  
  .search-results--card {
    padding: var(--space-6);
    border: solid 1px var(--calcite-ui-border-1);
    background: var(--calcite-ui-foreground-2);
    width: fit-content; }
    .search-results--card-logo {
      display: flex;
      align-items: center;
      padding: var(--space-4) 0; }
      .search-results--card-logo img {
        max-height: 48px; }
      .search-results--card-logo p {
        margin: 0 var(--space-2);
        font-weight: var(--calcite-font-weight-bold); }
    .search-results--card p {
      color: var(--calcite-ui-text-3);
      font-size: var(--font--1); }
    .search-results--card h2, .search-results--card h3 {
      color: var(--calcite-ui-text-2);
      font-size: var(--font-0); }
    .search-results--card a, .search-results--card calcite-link {
      display: block;
      padding-bottom: var(--space-2);
      font-size: var(--font--1); }
  
  hr {
    margin: var(--space-4) 0; }
    hr.separator {
      border-top: none;
      width: 40px;
      height: 2px;
      background-color: var(--theme-color); }
      @media (min-width: 72em) {
        hr.separator {
          width: 50px;
          height: 3px; } }
      hr.separator--thin {
        height: 1px;
        background-color: var(--calcite-ui-text-1); }
    hr.separator--bw {
      --theme-color: var(--calcite-ui-text-1); }
    hr.center,
    .text-center hr {
      margin-left: auto;
      margin-right: auto; }
    hr.full-width {
      width: 100%;
      background: none;
      border-top: 1px solid var(--calcite-ui-border-1); }
  
  .padding--1 {
    padding: var(--space-1); }
  
  .padding-x--1 {
    padding: 0 var(--space-1); }
  
  .padding-y--1 {
    padding: var(--space-1) 0; }
  
  .padding-top--1 {
    padding-top: var(--space-1); }
  
  .padding-right--1 {
    padding-inline-end: var(--space-1); }
  
  .padding-bottom--1 {
    padding-bottom: var(--space-1); }
  
  .padding-left--1 {
    padding-inline-start: var(--space-1); }
  
  .margin--1 {
    margin: var(--space-1); }
  
  .margin-x--1 {
    margin: 0 var(--space-1); }
  
  .margin-y--1 {
    margin: var(--space-1) 0; }
  
  .margin-top--1 {
    margin-top: var(--space-1); }
  
  .margin-right--1 {
    margin-inline-end: var(--space-1); }
  
  .margin-bottom--1 {
    margin-bottom: var(--space-1); }
  
  .margin-left--1 {
    margin-inline-start: var(--space-1); }
  
  .padding--2 {
    padding: var(--space-2); }
  
  .padding-x--2 {
    padding: 0 var(--space-2); }
  
  .padding-y--2 {
    padding: var(--space-2) 0; }
  
  .padding-top--2 {
    padding-top: var(--space-2); }
  
  .padding-right--2 {
    padding-inline-end: var(--space-2); }
  
  .padding-bottom--2 {
    padding-bottom: var(--space-2); }
  
  .padding-left--2 {
    padding-inline-start: var(--space-2); }
  
  .margin--2 {
    margin: var(--space-2); }
  
  .margin-x--2 {
    margin: 0 var(--space-2); }
  
  .margin-y--2 {
    margin: var(--space-2) 0; }
  
  .margin-top--2 {
    margin-top: var(--space-2); }
  
  .margin-right--2 {
    margin-inline-end: var(--space-2); }
  
  .margin-bottom--2 {
    margin-bottom: var(--space-2); }
  
  .margin-left--2 {
    margin-inline-start: var(--space-2); }
  
  .padding--3 {
    padding: var(--space-3); }
  
  .padding-x--3 {
    padding: 0 var(--space-3); }
  
  .padding-y--3 {
    padding: var(--space-3) 0; }
  
  .padding-top--3 {
    padding-top: var(--space-3); }
  
  .padding-right--3 {
    padding-inline-end: var(--space-3); }
  
  .padding-bottom--3 {
    padding-bottom: var(--space-3); }
  
  .padding-left--3 {
    padding-inline-start: var(--space-3); }
  
  .margin--3 {
    margin: var(--space-3); }
  
  .margin-x--3 {
    margin: 0 var(--space-3); }
  
  .margin-y--3 {
    margin: var(--space-3) 0; }
  
  .margin-top--3 {
    margin-top: var(--space-3); }
  
  .margin-right--3 {
    margin-inline-end: var(--space-3); }
  
  .margin-bottom--3 {
    margin-bottom: var(--space-3); }
  
  .margin-left--3 {
    margin-inline-start: var(--space-3); }
  
  .padding--4 {
    padding: var(--space-4); }
  
  .padding-x--4 {
    padding: 0 var(--space-4); }
  
  .padding-y--4 {
    padding: var(--space-4) 0; }
  
  .padding-top--4 {
    padding-top: var(--space-4); }
  
  .padding-right--4 {
    padding-inline-end: var(--space-4); }
  
  .padding-bottom--4 {
    padding-bottom: var(--space-4); }
  
  .padding-left--4 {
    padding-inline-start: var(--space-4); }
  
  .margin--4 {
    margin: var(--space-4); }
  
  .margin-x--4 {
    margin: 0 var(--space-4); }
  
  .margin-y--4 {
    margin: var(--space-4) 0; }
  
  .margin-top--4 {
    margin-top: var(--space-4); }
  
  .margin-right--4 {
    margin-inline-end: var(--space-4); }
  
  .margin-bottom--4 {
    margin-bottom: var(--space-4); }
  
  .margin-left--4 {
    margin-inline-start: var(--space-4); }
  
  .padding--5 {
    padding: var(--space-5); }
  
  .padding-x--5 {
    padding: 0 var(--space-5); }
  
  .padding-y--5 {
    padding: var(--space-5) 0; }
  
  .padding-top--5 {
    padding-top: var(--space-5); }
  
  .padding-right--5 {
    padding-inline-end: var(--space-5); }
  
  .padding-bottom--5 {
    padding-bottom: var(--space-5); }
  
  .padding-left--5 {
    padding-inline-start: var(--space-5); }
  
  .margin--5 {
    margin: var(--space-5); }
  
  .margin-x--5 {
    margin: 0 var(--space-5); }
  
  .margin-y--5 {
    margin: var(--space-5) 0; }
  
  .margin-top--5 {
    margin-top: var(--space-5); }
  
  .margin-right--5 {
    margin-inline-end: var(--space-5); }
  
  .margin-bottom--5 {
    margin-bottom: var(--space-5); }
  
  .margin-left--5 {
    margin-inline-start: var(--space-5); }
  
  .padding--6 {
    padding: var(--space-6); }
  
  .padding-x--6 {
    padding: 0 var(--space-6); }
  
  .padding-y--6 {
    padding: var(--space-6) 0; }
  
  .padding-top--6 {
    padding-top: var(--space-6); }
  
  .padding-right--6 {
    padding-inline-end: var(--space-6); }
  
  .padding-bottom--6 {
    padding-bottom: var(--space-6); }
  
  .padding-left--6 {
    padding-inline-start: var(--space-6); }
  
  .margin--6 {
    margin: var(--space-6); }
  
  .margin-x--6 {
    margin: 0 var(--space-6); }
  
  .margin-y--6 {
    margin: var(--space-6) 0; }
  
  .margin-top--6 {
    margin-top: var(--space-6); }
  
  .margin-right--6 {
    margin-inline-end: var(--space-6); }
  
  .margin-bottom--6 {
    margin-bottom: var(--space-6); }
  
  .margin-left--6 {
    margin-inline-start: var(--space-6); }
  
  .padding--8 {
    padding: var(--space-8); }
  
  .padding-x--8 {
    padding: 0 var(--space-8); }
  
  .padding-y--8 {
    padding: var(--space-8) 0; }
  
  .padding-top--8 {
    padding-top: var(--space-8); }
  
  .padding-right--8 {
    padding-inline-end: var(--space-8); }
  
  .padding-bottom--8 {
    padding-bottom: var(--space-8); }
  
  .padding-left--8 {
    padding-inline-start: var(--space-8); }
  
  .margin--8 {
    margin: var(--space-8); }
  
  .margin-x--8 {
    margin: 0 var(--space-8); }
  
  .margin-y--8 {
    margin: var(--space-8) 0; }
  
  .margin-top--8 {
    margin-top: var(--space-8); }
  
  .margin-right--8 {
    margin-inline-end: var(--space-8); }
  
  .margin-bottom--8 {
    margin-bottom: var(--space-8); }
  
  .margin-left--8 {
    margin-inline-start: var(--space-8); }
  
  .padding--10 {
    padding: var(--space-10); }
  
  .padding-x--10 {
    padding: 0 var(--space-10); }
  
  .padding-y--10 {
    padding: var(--space-10) 0; }
  
  .padding-top--10 {
    padding-top: var(--space-10); }
  
  .padding-right--10 {
    padding-inline-end: var(--space-10); }
  
  .padding-bottom--10 {
    padding-bottom: var(--space-10); }
  
  .padding-left--10 {
    padding-inline-start: var(--space-10); }
  
  .margin--10 {
    margin: var(--space-10); }
  
  .margin-x--10 {
    margin: 0 var(--space-10); }
  
  .margin-y--10 {
    margin: var(--space-10) 0; }
  
  .margin-top--10 {
    margin-top: var(--space-10); }
  
  .margin-right--10 {
    margin-inline-end: var(--space-10); }
  
  .margin-bottom--10 {
    margin-bottom: var(--space-10); }
  
  .margin-left--10 {
    margin-inline-start: var(--space-10); }
  
  .padding--12 {
    padding: var(--space-12); }
  
  .padding-x--12 {
    padding: 0 var(--space-12); }
  
  .padding-y--12 {
    padding: var(--space-12) 0; }
  
  .padding-top--12 {
    padding-top: var(--space-12); }
  
  .padding-right--12 {
    padding-inline-end: var(--space-12); }
  
  .padding-bottom--12 {
    padding-bottom: var(--space-12); }
  
  .padding-left--12 {
    padding-inline-start: var(--space-12); }
  
  .margin--12 {
    margin: var(--space-12); }
  
  .margin-x--12 {
    margin: 0 var(--space-12); }
  
  .margin-y--12 {
    margin: var(--space-12) 0; }
  
  .margin-top--12 {
    margin-top: var(--space-12); }
  
  .margin-right--12 {
    margin-inline-end: var(--space-12); }
  
  .margin-bottom--12 {
    margin-bottom: var(--space-12); }
  
  .margin-left--12 {
    margin-inline-start: var(--space-12); }
  
  .padding--16 {
    padding: var(--space-16); }
  
  .padding-x--16 {
    padding: 0 var(--space-16); }
  
  .padding-y--16 {
    padding: var(--space-16) 0; }
  
  .padding-top--16 {
    padding-top: var(--space-16); }
  
  .padding-right--16 {
    padding-inline-end: var(--space-16); }
  
  .padding-bottom--16 {
    padding-bottom: var(--space-16); }
  
  .padding-left--16 {
    padding-inline-start: var(--space-16); }
  
  .margin--16 {
    margin: var(--space-16); }
  
  .margin-x--16 {
    margin: 0 var(--space-16); }
  
  .margin-y--16 {
    margin: var(--space-16) 0; }
  
  .margin-top--16 {
    margin-top: var(--space-16); }
  
  .margin-right--16 {
    margin-inline-end: var(--space-16); }
  
  .margin-bottom--16 {
    margin-bottom: var(--space-16); }
  
  .margin-left--16 {
    margin-inline-start: var(--space-16); }
  
  .padding--20 {
    padding: var(--space-20); }
  
  .padding-x--20 {
    padding: 0 var(--space-20); }
  
  .padding-y--20 {
    padding: var(--space-20) 0; }
  
  .padding-top--20 {
    padding-top: var(--space-20); }
  
  .padding-right--20 {
    padding-inline-end: var(--space-20); }
  
  .padding-bottom--20 {
    padding-bottom: var(--space-20); }
  
  .padding-left--20 {
    padding-inline-start: var(--space-20); }
  
  .margin--20 {
    margin: var(--space-20); }
  
  .margin-x--20 {
    margin: 0 var(--space-20); }
  
  .margin-y--20 {
    margin: var(--space-20) 0; }
  
  .margin-top--20 {
    margin-top: var(--space-20); }
  
  .margin-right--20 {
    margin-inline-end: var(--space-20); }
  
  .margin-bottom--20 {
    margin-bottom: var(--space-20); }
  
  .margin-left--20 {
    margin-inline-start: var(--space-20); }
  
  .padding--24 {
    padding: var(--space-24); }
  
  .padding-x--24 {
    padding: 0 var(--space-24); }
  
  .padding-y--24 {
    padding: var(--space-24) 0; }
  
  .padding-top--24 {
    padding-top: var(--space-24); }
  
  .padding-right--24 {
    padding-inline-end: var(--space-24); }
  
  .padding-bottom--24 {
    padding-bottom: var(--space-24); }
  
  .padding-left--24 {
    padding-inline-start: var(--space-24); }
  
  .margin--24 {
    margin: var(--space-24); }
  
  .margin-x--24 {
    margin: 0 var(--space-24); }
  
  .margin-y--24 {
    margin: var(--space-24) 0; }
  
  .margin-top--24 {
    margin-top: var(--space-24); }
  
  .margin-right--24 {
    margin-inline-end: var(--space-24); }
  
  .margin-bottom--24 {
    margin-bottom: var(--space-24); }
  
  .margin-left--24 {
    margin-inline-start: var(--space-24); }
  
  .padding--32 {
    padding: var(--space-32); }
  
  .padding-x--32 {
    padding: 0 var(--space-32); }
  
  .padding-y--32 {
    padding: var(--space-32) 0; }
  
  .padding-top--32 {
    padding-top: var(--space-32); }
  
  .padding-right--32 {
    padding-inline-end: var(--space-32); }
  
  .padding-bottom--32 {
    padding-bottom: var(--space-32); }
  
  .padding-left--32 {
    padding-inline-start: var(--space-32); }
  
  .margin--32 {
    margin: var(--space-32); }
  
  .margin-x--32 {
    margin: 0 var(--space-32); }
  
  .margin-y--32 {
    margin: var(--space-32) 0; }
  
  .margin-top--32 {
    margin-top: var(--space-32); }
  
  .margin-right--32 {
    margin-inline-end: var(--space-32); }
  
  .margin-bottom--32 {
    margin-bottom: var(--space-32); }
  
  .margin-left--32 {
    margin-inline-start: var(--space-32); }
  
  .padding--40 {
    padding: var(--space-40); }
  
  .padding-x--40 {
    padding: 0 var(--space-40); }
  
  .padding-y--40 {
    padding: var(--space-40) 0; }
  
  .padding-top--40 {
    padding-top: var(--space-40); }
  
  .padding-right--40 {
    padding-inline-end: var(--space-40); }
  
  .padding-bottom--40 {
    padding-bottom: var(--space-40); }
  
  .padding-left--40 {
    padding-inline-start: var(--space-40); }
  
  .margin--40 {
    margin: var(--space-40); }
  
  .margin-x--40 {
    margin: 0 var(--space-40); }
  
  .margin-y--40 {
    margin: var(--space-40) 0; }
  
  .margin-top--40 {
    margin-top: var(--space-40); }
  
  .margin-right--40 {
    margin-inline-end: var(--space-40); }
  
  .margin-bottom--40 {
    margin-bottom: var(--space-40); }
  
  .margin-left--40 {
    margin-inline-start: var(--space-40); }
  
  .padding--48 {
    padding: var(--space-48); }
  
  .padding-x--48 {
    padding: 0 var(--space-48); }
  
  .padding-y--48 {
    padding: var(--space-48) 0; }
  
  .padding-top--48 {
    padding-top: var(--space-48); }
  
  .padding-right--48 {
    padding-inline-end: var(--space-48); }
  
  .padding-bottom--48 {
    padding-bottom: var(--space-48); }
  
  .padding-left--48 {
    padding-inline-start: var(--space-48); }
  
  .margin--48 {
    margin: var(--space-48); }
  
  .margin-x--48 {
    margin: 0 var(--space-48); }
  
  .margin-y--48 {
    margin: var(--space-48) 0; }
  
  .margin-top--48 {
    margin-top: var(--space-48); }
  
  .margin-right--48 {
    margin-inline-end: var(--space-48); }
  
  .margin-bottom--48 {
    margin-bottom: var(--space-48); }
  
  .margin-left--48 {
    margin-inline-start: var(--space-48); }
  
  .padding--56 {
    padding: var(--space-56); }
  
  .padding-x--56 {
    padding: 0 var(--space-56); }
  
  .padding-y--56 {
    padding: var(--space-56) 0; }
  
  .padding-top--56 {
    padding-top: var(--space-56); }
  
  .padding-right--56 {
    padding-inline-end: var(--space-56); }
  
  .padding-bottom--56 {
    padding-bottom: var(--space-56); }
  
  .padding-left--56 {
    padding-inline-start: var(--space-56); }
  
  .margin--56 {
    margin: var(--space-56); }
  
  .margin-x--56 {
    margin: 0 var(--space-56); }
  
  .margin-y--56 {
    margin: var(--space-56) 0; }
  
  .margin-top--56 {
    margin-top: var(--space-56); }
  
  .margin-right--56 {
    margin-inline-end: var(--space-56); }
  
  .margin-bottom--56 {
    margin-bottom: var(--space-56); }
  
  .margin-left--56 {
    margin-inline-start: var(--space-56); }
  
  .padding--64 {
    padding: var(--space-64); }
  
  .padding-x--64 {
    padding: 0 var(--space-64); }
  
  .padding-y--64 {
    padding: var(--space-64) 0; }
  
  .padding-top--64 {
    padding-top: var(--space-64); }
  
  .padding-right--64 {
    padding-inline-end: var(--space-64); }
  
  .padding-bottom--64 {
    padding-bottom: var(--space-64); }
  
  .padding-left--64 {
    padding-inline-start: var(--space-64); }
  
  .margin--64 {
    margin: var(--space-64); }
  
  .margin-x--64 {
    margin: 0 var(--space-64); }
  
  .margin-y--64 {
    margin: var(--space-64) 0; }
  
  .margin-top--64 {
    margin-top: var(--space-64); }
  
  .margin-right--64 {
    margin-inline-end: var(--space-64); }
  
  .margin-bottom--64 {
    margin-bottom: var(--space-64); }
  
  .margin-left--64 {
    margin-inline-start: var(--space-64); }
  
  .icon-ui-svg,
  .icons-ui-svg {
    fill: var(--theme-color);
    max-height: 64px;
    max-width: 64px; }
    .icon-ui-svg--base,
    .icons-ui-svg--base {
      fill: var(--theme-color); }
  
  .calcite-container.calcite-theme-light, .calcite-container.calcite-theme-dark {
    background-color: var(--calcite-ui-background);
    color: var(--calcite-ui-text-1); }
  
  .calcite-container.browser-width-90 .grid-container {
    width: 100%;
    margin-top: 0;
    max-width: 100vw; }
    .calcite-container.browser-width-90 .grid-container .video-background {
      padding-top: 0; }
  

  
  .esri-table.table--border table tbody th,
  .esri-table.table--border table tbody td {
    border: 1px solid var(--calcite-ui-border-1); }
  
  .esri-table.table--columns table tr, .esri-table.table--columns table td, .esri-table.table--columns table th {
    border: 0; }
  
  .esri-table.table--columns table tbody tr td:nth-child(even),
  .esri-table.table--columns table tbody tr th:nth-child(even) {
    background: var(--calcite-ui-background); }
  
  .esri-table.table--columns table tbody tr td:nth-child(odd),
  .esri-table.table--columns table tbody tr th:nth-child(odd) {
    background: var(--calcite-ui-foreground-2); }
  
  .esri-table.table--comparison table,
  .esri-table .table-comparison table,
  .esri-table .table--comparison table {
    border: 0; }
    .esri-table.table--comparison table tr:nth-of-type(even),
    .esri-table .table-comparison table tr:nth-of-type(even),
    .esri-table .table--comparison table tr:nth-of-type(even) {
      background: var(--calcite-ui-background); }
    .esri-table.table--comparison table tr:first-child,
    .esri-table .table-comparison table tr:first-child,
    .esri-table .table--comparison table tr:first-child {
      height: 87px; }
      .esri-table.table--comparison table tr:first-child th,
      .esri-table.table--comparison table tr:first-child td,
      .esri-table .table-comparison table tr:first-child th,
      .esri-table .table-comparison table tr:first-child td,
      .esri-table .table--comparison table tr:first-child th,
      .esri-table .table--comparison table tr:first-child td {
        font-size: var(--font-1);
        border: 1px solid var(--calcite-ui-border-1);
        border-top-color: var(--theme-color);
        border-top-width: 6px;
        max-width: 250px;
        padding-inline-start: var(--space-5); }
        .esri-table.table--comparison table tr:first-child th:first-child,
        .esri-table.table--comparison table tr:first-child td:first-child,
        .esri-table .table-comparison table tr:first-child th:first-child,
        .esri-table .table-comparison table tr:first-child td:first-child,
        .esri-table .table--comparison table tr:first-child th:first-child,
        .esri-table .table--comparison table tr:first-child td:first-child {
          font-size: var(--font-3);
          padding: 0;
          border-top: none;
          border-left: none;
          max-width: 250px; }
          [dir="rtl"] .esri-table.table--comparison table tr:first-child th:first-child, [dir="rtl"]
          .esri-table.table--comparison table tr:first-child td:first-child, [dir="rtl"]
          .esri-table .table-comparison table tr:first-child th:first-child, [dir="rtl"]
          .esri-table .table-comparison table tr:first-child td:first-child, [dir="rtl"]
          .esri-table .table--comparison table tr:first-child th:first-child, [dir="rtl"]
          .esri-table .table--comparison table tr:first-child td:first-child {
            border-top: none;
            border-right: none; }
        [dir="rtl"] .esri-table.table--comparison table tr:first-child th:last-child, [dir="rtl"]
        .esri-table.table--comparison table tr:first-child td:last-child, [dir="rtl"]
        .esri-table .table-comparison table tr:first-child th:last-child, [dir="rtl"]
        .esri-table .table-comparison table tr:first-child td:last-child, [dir="rtl"]
        .esri-table .table--comparison table tr:first-child th:last-child, [dir="rtl"]
        .esri-table .table--comparison table tr:first-child td:last-child {
          border-left: 1px solid var(--calcite-ui-border-1); }
    .esri-table.table--comparison table tr:not(:first-child),
    .esri-table .table-comparison table tr:not(:first-child),
    .esri-table .table--comparison table tr:not(:first-child) {
      height: 54px; }
      .esri-table.table--comparison table tr:not(:first-child) td,
      .esri-table.table--comparison table tr:not(:first-child) th,
      .esri-table .table-comparison table tr:not(:first-child) td,
      .esri-table .table-comparison table tr:not(:first-child) th,
      .esri-table .table--comparison table tr:not(:first-child) td,
      .esri-table .table--comparison table tr:not(:first-child) th {
        border-bottom: 1px solid var(--calcite-ui-border-1);
        padding-inline-start: 25px; }
      .esri-table.table--comparison table tr:not(:first-child) :first-child,
      .esri-table .table-comparison table tr:not(:first-child) :first-child,
      .esri-table .table--comparison table tr:not(:first-child) :first-child {
        max-width: 250px; }
      .esri-table.table--comparison table tr:not(:first-child) :not(first-child),
      .esri-table .table-comparison table tr:not(:first-child) :not(first-child),
      .esri-table .table--comparison table tr:not(:first-child) :not(first-child) {
        max-width: 250px; }
        .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a,
        .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a,
        .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a {
          color: var(--calcite-ui-brand); }
          .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href^="https://"]:after, .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href^="http://"]:after,
          .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href^="https://"]:after,
          .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href^="http://"]:after,
          .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href^="https://"]:after,
          .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href^="http://"]:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iIzAwNzljMSIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPgo8L2c+Cjwvc3ZnPg==);
            content: '';
            position: relative;
            top: 1px;
            left: 4px;
            display: inline-block;
            height: 14px;
            width: 14px; }
            [dir="rtl"] .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href^="https://"]:after, [dir="rtl"] .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href^="http://"]:after, [dir="rtl"]
            .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href^="https://"]:after, [dir="rtl"]
            .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href^="http://"]:after, [dir="rtl"]
            .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href^="https://"]:after, [dir="rtl"]
            .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href^="http://"]:after {
              right: 4px; }
          .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href^="https://www.esri"]:after, .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href^="http://www.esri"]:after,
          .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href^="https://www.esri"]:after,
          .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href^="http://www.esri"]:after,
          .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href^="https://www.esri"]:after,
          .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href^="http://www.esri"]:after {
            content: none; }
          .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href$=".pdf"]:after, .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href$=".doc"]:after,
          .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href$=".pdf"]:after,
          .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href$=".doc"]:after,
          .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href$=".pdf"]:after,
          .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href$=".doc"]:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDc5YzEiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+);
            content: '';
            position: relative;
            top: 1px;
            left: 4px;
            display: inline-block;
            height: 14px;
            width: 14px; }
            [dir="rtl"] .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href$=".pdf"]:after, [dir="rtl"] .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a[href$=".doc"]:after, [dir="rtl"]
            .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href$=".pdf"]:after, [dir="rtl"]
            .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a[href$=".doc"]:after, [dir="rtl"]
            .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href$=".pdf"]:after, [dir="rtl"]
            .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a[href$=".doc"]:after {
              right: 4px; }
          .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a:hover,
          .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a:hover,
          .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a:hover {
            color: var(--calcite-ui-brand-hover);
            text-decoration: none; }
            .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a:hover[href^="https://"]:after, .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a:hover[href^="http://"]:after,
            .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a:hover[href^="https://"]:after,
            .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a:hover[href^="http://"]:after,
            .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a:hover[href^="https://"]:after,
            .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a:hover[href^="http://"]:after {
              background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iIzAwNWU5NSIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); }
            .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a:hover[href$=".pdf"]:after, .esri-table.table--comparison table tr:not(:first-child) :not(first-child) a:hover[href$=".doc"]:after,
            .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a:hover[href$=".pdf"]:after,
            .esri-table .table-comparison table tr:not(:first-child) :not(first-child) a:hover[href$=".doc"]:after,
            .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a:hover[href$=".pdf"]:after,
            .esri-table .table--comparison table tr:not(:first-child) :not(first-child) a:hover[href$=".doc"]:after {
              background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDVlOTUiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); }
      [dir="rtl"] .esri-table.table--comparison table tr:not(:first-child):last-child, [dir="rtl"]
      .esri-table .table-comparison table tr:not(:first-child):last-child, [dir="rtl"]
      .esri-table .table--comparison table tr:not(:first-child):last-child {
        border-left: 1px solid var(--calcite-ui-border-1); }
    .esri-table.table--comparison table:nth-child(even) td,
    .esri-table .table-comparison table:nth-child(even) td,
    .esri-table .table--comparison table:nth-child(even) td {
      background-color: var(--calcite-ui-foreground-1); }
  
  .esri-table {
    overflow-x: auto; }
  
  .esri-table table {
    width: 100%;
    background-color: var(--calcite-ui-foreground-1);
    color: var(--calcite-ui-text-1);
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid var(--calcite-ui-border-1);
    text-align: start;
    overflow: auto;
    font-size: var(--font--1); }
    .esri-table table > thead {
      background-color: var(--calcite-ui-background);
      border-bottom: 1px solid var(--calcite-ui-border-1); }
    .esri-table table > tbody {
      overflow: auto;
      width: 100%; }
    .esri-table table > tfoot {
      background-color: var(--calcite-ui-background);
      border-top: 1px solid var(--calcite-ui-border-1); }
    .esri-table table th, .esri-table table td {
      border-left: 1px solid var(--calcite-ui-border-1);
      border-right: 1px solid var(--calcite-ui-border-1);
      padding: var(--space-2);
      text-align: start; }
    .esri-table table tr {
      border-bottom: 1px solid var(--calcite-ui-border-1);
      text-align: left; }
      .esri-table table tr:last-child {
        border-bottom: none; }
    .esri-table table caption {
      color: var(--calcite-ui-text-2);
      background-color: var(--calcite-ui-foreground-1);
      caption-side: bottom;
      padding: var(--space-2) var(--space-3); }
    .esri-table table th {
      font-weight: var(--calcite-font-weight-medium);
      font-size: var(--font-0); }
  
  .esri-table.table--no-table table,
  .esri-table .table-no-table table,
  .esri-table .table--no-table table {
    width: auto;
    border: 0; }
  
  .esri-table.table--no-table thead, .esri-table.table--no-table tbody, .esri-table.table--no-table tr, .esri-table.table--no-table th, .esri-table.table--no-table td,
  .esri-table .table-no-table thead,
  .esri-table .table-no-table tbody,
  .esri-table .table-no-table tr,
  .esri-table .table-no-table th,
  .esri-table .table-no-table td,
  .esri-table .table--no-table thead,
  .esri-table .table--no-table tbody,
  .esri-table .table--no-table tr,
  .esri-table .table--no-table th,
  .esri-table .table--no-table td {
    border: 0; }
  
  .esri-table.table--plain table tr, .esri-table.table--plain table th, .esri-table.table--plain table td,
  .esri-table .table--plain table tr,
  .esri-table .table--plain table th,
  .esri-table .table--plain table td,
  .esri-table .table-plain table tr,
  .esri-table .table-plain table th,
  .esri-table .table-plain table td {
    border: 0; }
  
  .esri-table.table--rows table,
  .esri-table .table-events table,
  .esri-table .table--rows table {
    border: 0; }
    .esri-table.table--rows table th, .esri-table.table--rows table td,
    .esri-table .table-events table th,
    .esri-table .table-events table td,
    .esri-table .table--rows table th,
    .esri-table .table--rows table td {
      border: 0; }
  
  .esri-table.table--stripped table tbody tr:nth-child(odd) td,
  .esri-table.table--stripped table tbody tr:nth-child(odd) th,
  .esri-table.table--striped table tbody tr:nth-child(odd) td,
  .esri-table.table--striped table tbody tr:nth-child(odd) th,
  .esri-table.table-striped table tbody tr:nth-child(odd) td,
  .esri-table.table-striped table tbody tr:nth-child(odd) th {
    background: var(--calcite-ui-background); }
  
  .esri-table.table--stripped table tbody tr:nth-child(even) td,
  .esri-table.table--stripped table tbody tr:nth-child(even) th,
  .esri-table.table--striped table tbody tr:nth-child(even) td,
  .esri-table.table--striped table tbody tr:nth-child(even) th,
  .esri-table.table-striped table tbody tr:nth-child(even) td,
  .esri-table.table-striped table tbody tr:nth-child(even) th {
    background: var(--calcite-ui-foreground-2); }
  
  .cmp-list__item article {
    display: flex;
    flex-direction: column; }
  
  .esri-image {
    margin-block-end: var(--space-4); }
  
  .esri-image [src$=".svg"],
  .esri-image svg {
    max-width: 64px; }
  
  .cmp-image__title {
    font-size: var(--font--1);
    color: var(--calcite-ui-text-3); }
  
  .esri-image.tab--icon {
    display: block;
    width: 48px;
    margin: 0 auto 10px; }
  
  /* main styles for Esri Text component*/
  /* works with text-pairings.css */
  :root {
    --category-size: var(--font--2);
    --title-size: var(--font-4);
    --subtitle-size: var(--font-2);
    --description-size: var(--font-0); }
  
  .esri-text-container {
    max-width: 80ch;
    word-break: break-word; }
    .text-center .esri-text-container,
    .centered-text .esri-text-container,
    .hbgv2-text--centered .esri-text-container {
      margin-inline: auto; }
  
  .esri-text__category {
    margin-block-start: var(--space-2);
    margin-block-end: var(--space-2);
    font-weight: var(--calcite-font-weight-bold);
    text-transform: uppercase;
    color: var(--calcite-ui-text-2);
    font-size: var(--category-size); }
  
  .esri-text__title {
    color: var(--calcite-ui-text-1);
    font-size: var(--title-size);
    margin-bottom: var(--space-2); }
  
  .esri-text__subtitle {
    color: var(--calcite-ui-text-2);
    font-size: var(--subtitle-size); }
  
  .esri-text__description {
    color: var(--calcite-ui-text-1);
    font-size: var(--description-size); }
  
  .esri-text__iconContainer img,
  .esri-text__iconContainer svg,
  .esri-text__iconContainer .icon-ui-svg,
  .esri-text__iconContainer .icons-ui-svg {
    inline-size: 48px;
    block-size: 48px; }
  
  /* Modifies esri-text code */
  :where(.size-3, .size-4) .esri-text__category {
      --category-size: var(--font--2);
  }
  
  :where(.size-5, .size-6, .size-7) .esri-text__category {
      --category-size: var(--font--1);
  }
  
  :where(.size-8) .esri-text__category {
      --category-size: var(--font-0);
  }
  
  :where(.size-3) .esri-text__title {
      --title-size: var(--font-3);
  }
  
  :where(.size-4) .esri-text__title {
      --title-size: var(--font-4);
  }
  
  :where(.size-5) .esri-text__title {
      --title-size: var(--font-5);
  }
  
  :where(.size-6) .esri-text__title {
      --title-size: var(--font-6);
  }
  
  :where(.size-7) .esri-text__title {
      --title-size: var(--font-7);
  }
  
  :where(.size-8) .esri-text__title {
      --title-size: var(--font-8);
  }
  
  :where(.size-3) .esri-text__subtitle {
      --subtitle-size: var(--font-1);
  }
  
  :where(.size-4) .esri-text__subtitle {
      --subtitle-size: var(--font-2);
  }
  
  :where(.size-5, .size-6) .esri-text__subtitle {
      --subtitle-size: var(--font-3);
  }
  
  :where(.size-7, .size-8) .esri-text__subtitle {
      --subtitle-size: var(--font-4);
  }
  
  :where(.size-3, .size-4) .esri-text__description {
      --description-size: var(--font-0);
  }
  
  :where(.size-5) .esri-text__description {
      --description-size: var(--font-1);
  }
  
  :where(.size-6, .size-7, .size-8) .esri-text__description {
      --description-size: var(--font-2);
  }
  
  :where(.size-6, .size-7, .size-8) .esri-text__iconContainer :is(img, svg, .icon-ui-svg, .icons-ui-svg) {
      inline-size: 64px;
      block-size: 64px;
  }
  .esri-container.bg--parallax > div {
    background-attachment: fixed; }
  
  .esri-container.bg--top-left > div, .esri-container.bg--top-right > div, .esri-container.bg--bottom-left > div, .esri-container.bg--bottom-right > div {
    background-size: auto !important; }
  
  .esri-container.bg--top-left > div {
    background-position: top left; }
  
  .esri-container.bg--top-right > div {
    background-position: top right; }
  
  .esri-container.bg--bottom-left > div {
    background-position: bottom left; }
  
  .esri-container.bg--bottom-right > div {
    background-position: bottom right; }