/*
 *  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; }