@charset "UTF-8";

/* node_modules/@arcgis/core/assets/esri/themes/light/main.css */
body {
  --esri-calcite-mode-name:"light";
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-2FPB52EI.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-LN7F76PF.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-IOTVFYR4.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-FGL2JOTR.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-OAXRPE2V.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-math-KPLIBLB3.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-math-YXGCCV6Q.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-math-VFFKE7H3.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-math-SG7QKMDK.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-math-5IMATMOC.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-ext-EDWLZLGC.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-ext-4CI5U56X.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF,
    U+300-36F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-ext-DD2OZHXD.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF,
    U+300-36F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-ext-T4TUFTZF.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF,
    U+300-36F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-ext-2J3CIAUN.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF,
    U+300-36F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-greek-HJE2BWSS.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-greek-ACWMLGWR.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-greek-GGTNWBTB.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-greek-KPLTFQEO.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-greek-ABSP5PP5.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-cyrillic-B5NTKDGB.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-cyrillic-XUFK4PMU.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-cyrillic-AU4THSGV.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-cyrillic-3LEELHYL.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-cyrillic-D6JS7MNM.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-georgian-IIEBUGIB.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+10A0-10FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-georgian-APYKMJYZ.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+10A0-10FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-georgian-P55WFXBA.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+10A0-10FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-georgian-GPUL27BQ.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+10A0-10FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-arabic-RSHC24TL.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range:
    U+6??,
    U+FB50-FDFF,
    U+FE70-FEFF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-arabic-C374JZRT.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range:
    U+6??,
    U+FB50-FDFF,
    U+FE70-FEFF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-arabic-LSEUH6AC.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range:
    U+6??,
    U+FB50-FDFF,
    U+FE70-FEFF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-arabic-FNZVM3OW.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range:
    U+6??,
    U+FB50-FDFF,
    U+FE70-FEFF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-hebrew-AQKGWMTK.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-hebrew-AGO4ZCE4.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-hebrew-HMP62GUC.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-hebrew-FOYG5TIK.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-hebrew-76NOCD7I.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/94aa531e-7746-4df0-bb6e-349891f2eda5-7WZHQ4AK.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+900-97F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/3ae1e25e-3aa6-4061-a016-a079159f9d65-OVBI2EWD.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+900-97F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/41331c3c-3759-4462-8695-33c9a21b6a5b-QVARNVHU.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+900-97F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/41331c3c-3759-4462-8695-33c9a21b6a5b-QVARNVHU.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+900-97F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-thai-THZSPH34.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+E00-E7F;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-thai-R7WBY2RI.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+E00-E7F;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-thai-DUALBWKH.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+E00-E7F;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-thai-UVEZ35XM.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+E00-E7F;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-vietnamese-MIG7WCMG.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-vietnamese-ESNVW5VG.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-vietnamese-RZQN3EZK.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-vietnamese-DQIP677N.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-vietnamese-NEYIW2SA.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: CalciteWebCoreIcons;
  src:
    url("./media/CalciteWebCoreIcons-AUHHNC2E.ttf?qt9ftt")format("truetype"),
    url("./media/CalciteWebCoreIcons-EDKVJ65T.woff?qt9ftt")format("woff"),
    url("./media/CalciteWebCoreIcons-RY534MM5.svg?qt9ftt#CalciteWebCoreIcons")format("svg");
  font-weight: 400;
  font-style: normal;
}
[class^=esri-icon-],
[class*=" esri-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-family: CalciteWebCoreIcons !important;
}
.esri-icon-close:before {
  content: "\e600";
  color: inherit;
}
.esri-icon-drag-horizontal:before {
  content: "\e601";
  color: inherit;
}
.esri-icon-drag-vertical:before {
  content: "\e602";
  color: inherit;
}
.esri-icon-handle-horizontal:before {
  content: "\e603";
  color: inherit;
}
.esri-icon-handle-vertical:before {
  content: "\e604";
  color: inherit;
}
.esri-icon-check-mark:before {
  content: "\e605";
  color: inherit;
}
.esri-icon-left-triangle-arrow:before {
  content: "\e606";
  color: inherit;
}
.esri-icon-right-triangle-arrow:before {
  content: "\e607";
  color: inherit;
}
.esri-icon-down-arrow:before {
  content: "\e608";
  color: inherit;
}
.esri-icon-up-arrow:before {
  content: "\e609";
  color: inherit;
}
.esri-icon-overview-arrow-bottom-left:before {
  content: "\e60a";
  color: inherit;
}
.esri-icon-overview-arrow-bottom-right:before {
  content: "\e60b";
  color: inherit;
}
.esri-icon-overview-arrow-top-left:before {
  content: "\e60c";
  color: inherit;
}
.esri-icon-overview-arrow-top-right:before {
  content: "\e60d";
  color: inherit;
}
.esri-icon-maximize:before {
  content: "\e60e";
  color: inherit;
}
.esri-icon-minimize:before {
  content: "\e60f";
  color: inherit;
}
.esri-icon-checkbox-unchecked:before {
  content: "\e610";
  color: inherit;
}
.esri-icon-checkbox-checked:before {
  content: "\e611";
  color: inherit;
}
.esri-icon-radio-unchecked:before {
  content: "\e612";
  color: inherit;
}
.esri-icon-radio-checked:before {
  content: "\e613";
  color: inherit;
}
.esri-icon-up-arrow-circled:before {
  content: "\e614";
  color: inherit;
}
.esri-icon-down-arrow-circled:before {
  content: "\e615";
  color: inherit;
}
.esri-icon-left-arrow-circled:before {
  content: "\e616";
  color: inherit;
}
.esri-icon-right-arrow-circled:before {
  content: "\e617";
  color: inherit;
}
.esri-icon-zoom-out-fixed:before {
  content: "\e618";
  color: inherit;
}
.esri-icon-zoom-in-fixed:before {
  content: "\e619";
  color: inherit;
}
.esri-icon-refresh:before {
  content: "\e61a";
  color: inherit;
}
.esri-icon-edit:before {
  content: "\e61b";
  color: inherit;
}
.esri-icon-authorize:before {
  content: "\e61c";
  color: inherit;
}
.esri-icon-map-pin:before {
  content: "\e61d";
  color: inherit;
}
.esri-icon-blank-map-pin:before {
  content: "\e61e";
  color: inherit;
}
.esri-icon-table:before {
  content: "\e61f";
  color: inherit;
}
.esri-icon-plus:before {
  content: "\e620";
  color: inherit;
}
.esri-icon-minus:before {
  content: "\e621";
  color: inherit;
}
.esri-icon-beginning:before {
  content: "\e622";
  color: inherit;
}
.esri-icon-reverse:before {
  content: "\e623";
  color: inherit;
}
.esri-icon-pause:before {
  content: "\e624";
  color: inherit;
}
.esri-icon-play:before {
  content: "\e625";
  color: inherit;
}
.esri-icon-forward:before {
  content: "\e626";
  color: inherit;
}
.esri-icon-end:before {
  content: "\e627";
  color: inherit;
}
.esri-icon-erase:before {
  content: "\e628";
  color: inherit;
}
.esri-icon-up-down-arrows:before {
  content: "\e629";
  color: inherit;
}
.esri-icon-left:before {
  content: "\e62a";
  color: inherit;
}
.esri-icon-right:before {
  content: "\e62b";
  color: inherit;
}
.esri-icon-announcement:before {
  content: "\e62c";
  color: inherit;
}
.esri-icon-notice-round:before {
  content: "\e62d";
  color: inherit;
}
.esri-icon-notice-triangle:before {
  content: "\e62e";
  color: inherit;
}
.esri-icon-home:before {
  content: "\e62f";
  color: inherit;
}
.esri-icon-locate:before {
  content: "\e630";
  color: inherit;
}
.esri-icon-expand:before {
  content: "\e631";
  color: inherit;
}
.esri-icon-collapse:before {
  content: "\e632";
  color: inherit;
}
.esri-icon-layer-list:before {
  content: "\e633";
  color: inherit;
}
.esri-icon-basemap:before {
  content: "\e634";
  color: inherit;
}
.esri-icon-globe:before {
  content: "\e635";
  color: inherit;
}
.esri-icon-applications:before {
  content: "\e636";
  color: inherit;
}
.esri-icon-arrow-up-circled:before {
  content: "\e637";
  color: inherit;
}
.esri-icon-arrow-down-circled:before {
  content: "\e638";
  color: inherit;
}
.esri-icon-arrow-left-circled:before {
  content: "\e639";
  color: inherit;
}
.esri-icon-arrow-right-circled:before {
  content: "\e63a";
  color: inherit;
}
.esri-icon-minus-circled:before {
  content: "\e63b";
  color: inherit;
}
.esri-icon-plus-circled:before {
  content: "\e63c";
  color: inherit;
}
.esri-icon-add-attachment:before {
  content: "\e63d";
  color: inherit;
}
.esri-icon-attachment:before {
  content: "\e63e";
  color: inherit;
}
.esri-icon-calendar:before {
  content: "\e63f";
  color: inherit;
}
.esri-icon-close-circled:before {
  content: "\e640";
  color: inherit;
}
.esri-icon-browser:before {
  content: "\e641";
  color: inherit;
}
.esri-icon-collection:before {
  content: "\e642";
  color: inherit;
}
.esri-icon-comment:before {
  content: "\e643";
  color: inherit;
}
.esri-icon-configure-popup:before {
  content: "\e644";
  color: inherit;
}
.esri-icon-contact:before {
  content: "\e645";
  color: inherit;
}
.esri-icon-dashboard:before {
  content: "\e646";
  color: inherit;
}
.esri-icon-deny:before {
  content: "\e647";
  color: inherit;
}
.esri-icon-description:before {
  content: "\e648";
  color: inherit;
}
.esri-icon-directions:before {
  content: "\e649";
  color: inherit;
}
.esri-icon-directions2:before {
  content: "\e64a";
  color: inherit;
}
.esri-icon-documentation:before {
  content: "\e64b";
  color: inherit;
}
.esri-icon-duplicate:before {
  content: "\e64c";
  color: inherit;
}
.esri-icon-review:before {
  content: "\e64d";
  color: inherit;
}
.esri-icon-environment-settings:before {
  content: "\e64e";
  color: inherit;
}
.esri-icon-error:before {
  content: "\e64f";
  color: inherit;
}
.esri-icon-error2:before {
  content: "\e650";
  color: inherit;
}
.esri-icon-experimental:before {
  content: "\e651";
  color: inherit;
}
.esri-icon-feature-layer:before {
  content: "\e652";
  color: inherit;
}
.esri-icon-filter:before {
  content: "\e653";
  color: inherit;
}
.esri-icon-grant:before {
  content: "\e654";
  color: inherit;
}
.esri-icon-group:before {
  content: "\e655";
  color: inherit;
}
.esri-icon-key:before {
  content: "\e656";
  color: inherit;
}
.esri-icon-labels:before {
  content: "\e657";
  color: inherit;
}
.esri-icon-tag:before {
  content: "\e658";
  color: inherit;
}
.esri-icon-layers:before {
  content: "\e659";
  color: inherit;
}
.esri-icon-left-arrow:before {
  content: "\e65a";
  color: inherit;
}
.esri-icon-right-arrow:before {
  content: "\e65b";
  color: inherit;
}
.esri-icon-link-external:before {
  content: "\e65c";
  color: inherit;
}
.esri-icon-link:before {
  content: "\e65d";
  color: inherit;
}
.esri-icon-loading-indicator:before {
  content: "\e65e";
  color: inherit;
}
.esri-icon-maps:before {
  content: "\e65f";
  color: inherit;
}
.esri-icon-marketplace:before {
  content: "\e660";
  color: inherit;
}
.esri-icon-media:before {
  content: "\e661";
  color: inherit;
}
.esri-icon-media2:before {
  content: "\e662";
  color: inherit;
}
.esri-icon-menu:before {
  content: "\e663";
  color: inherit;
}
.esri-icon-mobile:before {
  content: "\e664";
  color: inherit;
}
.esri-icon-phone:before {
  content: "\e665";
  color: inherit;
}
.esri-icon-navigation:before {
  content: "\e666";
  color: inherit;
}
.esri-icon-pan:before {
  content: "\e667";
  color: inherit;
}
.esri-icon-printer:before {
  content: "\e668";
  color: inherit;
}
.esri-icon-pie-chart:before {
  content: "\e669";
  color: inherit;
}
.esri-icon-chart:before {
  content: "\e66a";
  color: inherit;
}
.esri-icon-line-chart:before {
  content: "\e66b";
  color: inherit;
}
.esri-icon-question:before {
  content: "\e66c";
  color: inherit;
}
.esri-icon-resend-invitation:before {
  content: "\e66d";
  color: inherit;
}
.esri-icon-rotate:before {
  content: "\e66e";
  color: inherit;
}
.esri-icon-save:before {
  content: "\e66f";
  color: inherit;
}
.esri-icon-settings:before {
  content: "\e670";
  color: inherit;
}
.esri-icon-settings2:before {
  content: "\e671";
  color: inherit;
}
.esri-icon-share:before {
  content: "\e672";
  color: inherit;
}
.esri-icon-sign-out:before {
  content: "\e673";
  color: inherit;
}
.esri-icon-support:before {
  content: "\e674";
  color: inherit;
}
.esri-icon-user:before {
  content: "\e675";
  color: inherit;
}
.esri-icon-time-clock:before {
  content: "\e676";
  color: inherit;
}
.esri-icon-trash:before {
  content: "\e677";
  color: inherit;
}
.esri-icon-upload:before {
  content: "\e678";
  color: inherit;
}
.esri-icon-download:before {
  content: "\e679";
  color: inherit;
}
.esri-icon-zoom-in-magnifying-glass:before {
  content: "\e67a";
  color: inherit;
}
.esri-icon-search:before {
  content: "\e67b";
  color: inherit;
}
.esri-icon-zoom-out-magnifying-glass:before {
  content: "\e67c";
  color: inherit;
}
.esri-icon-locked:before {
  content: "\e67d";
  color: inherit;
}
.esri-icon-unlocked:before {
  content: "\e67e";
  color: inherit;
}
.esri-icon-favorites:before {
  content: "\e67f";
  color: inherit;
}
.esri-icon-compass:before {
  content: "\e680";
  color: inherit;
}
.esri-icon-down:before {
  content: "\e681";
  color: inherit;
}
.esri-icon-up:before {
  content: "\e682";
  color: inherit;
}
.esri-icon-chat:before {
  content: "\e683";
  color: inherit;
}
.esri-icon-dock-bottom:before {
  content: "\e684";
  color: inherit;
}
.esri-icon-dock-left:before {
  content: "\e685";
  color: inherit;
}
.esri-icon-dock-right:before {
  content: "\e686";
  color: inherit;
}
.esri-icon-organization:before {
  content: "\e687";
  color: inherit;
}
.esri-icon-north-navigation:before {
  content: "\e688";
  color: inherit;
}
.esri-icon-locate-circled:before {
  content: "\e689";
  color: inherit;
}
.esri-icon-dial:before {
  content: "\e68a";
  color: inherit;
}
.esri-icon-polygon:before {
  content: "\e68b";
  color: inherit;
}
.esri-icon-polyline:before {
  content: "\e68c";
  color: inherit;
}
.esri-icon-visible:before {
  content: "\e68d";
  color: inherit;
}
.esri-icon-non-visible:before {
  content: "\e68e";
  color: inherit;
}
.esri-icon-link-vertical:before {
  content: "\e68f";
  color: inherit;
}
.esri-icon-unlocked-link-vertical:before {
  content: "\e690";
  color: inherit;
}
.esri-icon-link-horizontal:before {
  content: "\e691";
  color: inherit;
}
.esri-icon-unlocked-link-horizontal:before {
  content: "\e692";
  color: inherit;
}
.esri-icon-swap:before {
  content: "\e693";
  color: inherit;
}
.esri-icon-cta-link-external:before {
  content: "\e694";
  color: inherit;
}
.esri-icon-reply:before {
  content: "\e695";
  color: inherit;
}
.esri-icon-public:before {
  content: "\e696";
  color: inherit;
}
.esri-icon-share2:before {
  content: "\e697";
  color: inherit;
}
.esri-icon-launch-link-external:before {
  content: "\e698";
  color: inherit;
}
.esri-icon-rotate-back:before {
  content: "\e699";
  color: inherit;
}
.esri-icon-pan2:before {
  content: "\e69a";
  color: inherit;
}
.esri-icon-tracking:before {
  content: "\e69b";
  color: inherit;
}
.esri-icon-expand2:before {
  content: "\e69c";
  color: inherit;
}
.esri-icon-arrow-down:before {
  content: "\e69d";
  color: inherit;
}
.esri-icon-arrow-up:before {
  content: "\e69e";
  color: inherit;
}
.esri-icon-hollow-eye:before {
  content: "\e69f";
  color: inherit;
}
.esri-icon-play-circled:before {
  content: "\e6a0";
  color: inherit;
}
.esri-icon-volume-off:before {
  content: "\e6a1";
  color: inherit;
}
.esri-icon-volume-on:before {
  content: "\e6a2";
  color: inherit;
}
.esri-icon-bookmark:before {
  content: "\e900";
  color: inherit;
}
.esri-icon-lightbulb:before {
  content: "\e901";
  color: inherit;
}
.esri-icon-sketch-rectangle:before {
  content: "\e902";
  color: inherit;
}
.esri-icon-north-navigation-filled:before {
  content: "\e903";
  color: inherit;
}
.esri-icon-default-action:before {
  content: "\e904";
  color: inherit;
}
.esri-icon-undo:before {
  content: "\e905";
  color: inherit;
}
.esri-icon-redo:before {
  content: "\e906";
  color: inherit;
}
.esri-icon-cursor:before {
  content: "\e907";
  color: inherit;
}
.esri-icon-cursor-filled:before {
  content: "\e908";
  color: inherit;
}
.esri-icon-measure:before {
  content: "\e90a";
  color: inherit;
}
.esri-icon-measure-line:before {
  content: "\e909";
  color: inherit;
}
.esri-icon-measure-area:before {
  content: "\e90b";
  color: inherit;
}
.esri-icon-legend:before {
  content: "\e90c";
  color: inherit;
}
.esri-icon-sliders:before {
  content: "\e90d";
  color: inherit;
}
.esri-icon-sliders-horizontal:before {
  content: "\e90e";
  color: inherit;
}
.esri-icon-cursor-marquee:before {
  content: "\e90f";
  color: inherit;
}
.esri-icon-lasso:before {
  content: "\e910";
  color: inherit;
}
.esri-icon-elevation-profile:before {
  content: "\e911";
  color: inherit;
}
.esri-icon-slice:before {
  content: "\e913";
  color: inherit;
}
.esri-icon-line-of-sight:before {
  content: "\e912";
  color: inherit;
}
.esri-icon-zoom-to-object:before {
  content: "\e914";
  color: inherit;
}
.esri-icon-urban-model:before {
  content: "\e915";
  color: inherit;
}
.esri-icon-measure-building-height-shadow:before {
  content: "\e916";
  color: inherit;
}
.esri-icon-partly-cloudy:before {
  content: "\e917";
  color: inherit;
}
@layer {
  :not([calcite-hydrated]):is(calcite-accordion, calcite-accordion-item, calcite-action, calcite-action-bar, calcite-action-group, calcite-action-menu, calcite-action-pad, calcite-alert, calcite-autocomplete, calcite-autocomplete-item, calcite-autocomplete-item-group, calcite-avatar, calcite-block, calcite-block-group, calcite-block-section, calcite-button, calcite-card, calcite-card-group, calcite-carousel, calcite-carousel-item, calcite-checkbox, calcite-chip, calcite-chip-group, calcite-color-picker, calcite-color-picker-hex-input, calcite-color-picker-swatch, calcite-combobox, calcite-combobox-item, calcite-combobox-item-group, calcite-date-picker, calcite-date-picker-day, calcite-date-picker-month, calcite-dialog, calcite-dropdown, calcite-dropdown-group, calcite-dropdown-item, calcite-fab, calcite-filter, calcite-flow, calcite-flow-item, calcite-graph, calcite-handle, calcite-icon, calcite-inline-editable, calcite-input, calcite-input-date-picker, calcite-input-message, calcite-input-number, calcite-input-text, calcite-input-time-picker, calcite-input-time-zone, calcite-label, calcite-link, calcite-list, calcite-list-item, calcite-list-item-group, calcite-loader, calcite-menu, calcite-menu-item, calcite-meter, calcite-navigation, calcite-navigation-logo, calcite-navigation-user, calcite-notice, calcite-option, calcite-option-group, calcite-pagination, calcite-panel, calcite-popover, calcite-progress, calcite-radio-button, calcite-radio-button-group, calcite-rating, calcite-scrim, calcite-segmented-control, calcite-segmented-control-item, calcite-select, calcite-sheet, calcite-shell, calcite-shell-panel, calcite-slider, calcite-sort-handle, calcite-sortable-list, calcite-split-button, calcite-stack, calcite-stepper, calcite-stepper-item, calcite-swatch, calcite-swatch-group, calcite-switch, calcite-tab, calcite-tab-nav, calcite-tab-title, calcite-table, calcite-table-cell, calcite-table-header, calcite-table-row, calcite-tabs, calcite-text-area, calcite-tile, calcite-tile-group, calcite-time-picker, calcite-tooltip, calcite-tree, calcite-tree-item) {
    visibility: hidden;
  }
  :root {
    --calcite-border-width-none:0;
    --calcite-border-width-sm:1px;
    --calcite-border-width-md:2px;
    --calcite-border-width-lg:4px;
    --calcite-container-size-margin:24px;
    --calcite-container-size-gutter:16px;
    --calcite-container-size-content-fluid:100%;
    --calcite-container-size-content-fixed:1440px;
    --calcite-corner-radius-sharp:0;
    --calcite-corner-radius-none:0;
    --calcite-corner-radius-xs:2px;
    --calcite-corner-radius-sm:4px;
    --calcite-corner-radius-round:4px;
    --calcite-corner-radius-pill:9999px;
    --calcite-font-family:"Avenir Next",
      Avenir,
      "Helvetica Neue",
      sans-serif;
    --calcite-font-family-code:Monaco,
      Consolas,
      "Andale Mono",
      "Lucida Console",
      monospace;
    --calcite-font-weight-light:300;
    --calcite-font-weight-regular:400;
    --calcite-font-weight-normal:400;
    --calcite-font-weight-medium:500;
    --calcite-font-weight-semibold:600;
    --calcite-font-weight-bold:600;
    --calcite-font-size-xs:10px;
    --calcite-font-size-sm:12px;
    --calcite-font-size:14px;
    --calcite-font-size-md:16px;
    --calcite-font-size-lg:18px;
    --calcite-font-size-xl:20px;
    --calcite-font-size-xxl:24px;
    --calcite-font-size-2xl:24px;
    --calcite-font-size-relative-xs:.625rem;
    --calcite-font-size-relative-sm:.75rem;
    --calcite-font-size-relative-base:.875rem;
    --calcite-font-size-relative-md:1rem;
    --calcite-font-size-relative-lg:1.125rem;
    --calcite-font-size-relative-xl:1.25rem;
    --calcite-font-size-relative-2xl:1.625rem;
    --calcite-font-size-relative-3xl:2rem;
    --calcite-font-size-relative-4xl:2.5rem;
    --calcite-font-size-relative-5xl:3rem;
    --calcite-font-size-relative-6xl:3.5rem;
    --calcite-font-size-relative-7xl:4rem;
    --calcite-font-style-emphasis:italic;
    --calcite-font-line-height-fixed-sm:12px;
    --calcite-font-line-height-fixed-base:16px;
    --calcite-font-line-height-fixed-lg:20px;
    --calcite-font-line-height-fixed-xl:24px;
    --calcite-font-line-height-fixed-2xl:32px;
    --calcite-font-line-height-fixed-3xl:40px;
    --calcite-font-line-height-fixed-4xl:48px;
    --calcite-font-line-height-fixed-5xl:64px;
    --calcite-font-line-height-fixed-6xl:80px;
    --calcite-font-line-height-relative:normal;
    --calcite-font-line-height-relative-base:1;
    --calcite-font-line-height-relative-tight:1.25;
    --calcite-font-line-height-relative-snug:1.375;
    --calcite-font-line-height-relative-normal:1.5;
    --calcite-font-line-height-relative-relaxed:1.625;
    --calcite-font-line-height-relative-loose:2;
    --calcite-font-line-height-xs:.75rem;
    --calcite-font-line-height-sm:1rem;
    --calcite-font-line-height-base:1rem;
    --calcite-font-line-height-md:1.25rem;
    --calcite-font-line-height-lg:1.5rem;
    --calcite-font-line-height-xl:1.5rem;
    --calcite-font-line-height-2xl:2rem;
    --calcite-font-line-height-3xl:2.5rem;
    --calcite-font-line-height-4xl:3rem;
    --calcite-font-line-height-5xl:4rem;
    --calcite-font-line-height-6xl:4rem;
    --calcite-font-line-height-7xl:5rem;
    --calcite-font-letter-spacing-tight:-.4px;
    --calcite-font-letter-spacing-normal:0;
    --calcite-font-letter-spacing-wide:.4px;
    --calcite-font-paragraph-spacing-normal:4px;
    --calcite-font-text-decoration-none:none;
    --calcite-font-text-decoration-underline:underline;
    --calcite-font-text-case-none:none;
    --calcite-font-text-case-uppercase:uppercase;
    --calcite-font-text-case-lowercase:lowercase;
    --calcite-font-text-case-capitalize:capitalize;
    --calcite-opacity-disabled:.5;
    --calcite-opacity-light:.4;
    --calcite-opacity-half:.5;
    --calcite-opacity-dark:.85;
    --calcite-opacity-full:1;
    --calcite-size-fixed-xxxs:2px;
    --calcite-size-fixed-xxs:4px;
    --calcite-size-fixed-xs:6px;
    --calcite-size-fixed-sm:8px;
    --calcite-size-fixed-sm-plus:10px;
    --calcite-size-fixed-md:12px;
    --calcite-size-fixed-md-plus:14px;
    --calcite-size-fixed-lg:16px;
    --calcite-size-fixed-xl:20px;
    --calcite-size-fixed-xxl:24px;
    --calcite-size-fixed-xxxl:32px;
    --calcite-size-px:1px;
    --calcite-size-4xs:.625rem;
    --calcite-size-xxxs:.75rem;
    --calcite-size-3xs:.75rem;
    --calcite-size-xxs:.875rem;
    --calcite-size-2xs:.875rem;
    --calcite-size-xs:1rem;
    --calcite-size-sm:1.5rem;
    --calcite-size-md:2rem;
    --calcite-size-lg:2.75rem;
    --calcite-size-xl:3rem;
    --calcite-size-xxl:4rem;
    --calcite-size-2xl:4rem;
    --calcite-size-xxxl:6rem;
    --calcite-size-3xl:6rem;
    --calcite-spacing-fixed-xxs:4px;
    --calcite-spacing-fixed-xs:6px;
    --calcite-spacing-fixed-sm:8px;
    --calcite-spacing-fixed-md:12px;
    --calcite-spacing-fixed-lg:14px;
    --calcite-spacing-fixed-xl:16px;
    --calcite-spacing-fixed-xxl:20px;
    --calcite-spacing-fixed-xxxl:32px;
    --calcite-spacing-none:0;
    --calcite-spacing-px:1px;
    --calcite-spacing-base:2px;
    --calcite-spacing-xxs:.25rem;
    --calcite-spacing-xs:.375rem;
    --calcite-spacing-sm:.5rem;
    --calcite-spacing-sm-plus:.625rem;
    --calcite-spacing-md:.75rem;
    --calcite-spacing-md-plus:.875rem;
    --calcite-spacing-lg:1rem;
    --calcite-spacing-xl:1.25rem;
    --calcite-spacing-xxl:1.5rem;
    --calcite-spacing-xxxl:2rem;
    --calcite-space-none:0;
    --calcite-space-px:1px;
    --calcite-space-base:2px;
    --calcite-space-2xs:.25rem;
    --calcite-space-xs:.375rem;
    --calcite-space-sm:.5rem;
    --calcite-space-sm-plus:.625rem;
    --calcite-space-md:.75rem;
    --calcite-space-md-plus:.875rem;
    --calcite-space-lg:1rem;
    --calcite-space-xl:1.25rem;
    --calcite-space-2xl:1.5rem;
    --calcite-space-3xl:2rem;
    --calcite-space-4xl:2.75rem;
    --calcite-z-index-deep:-999999;
    --calcite-z-index:1;
    --calcite-z-index-sticky:300;
    --calcite-z-index-header:400;
    --calcite-z-index-toast:500;
    --calcite-z-index-dropdown:600;
    --calcite-z-index-overlay:700;
    --calcite-z-index-modal:800;
    --calcite-z-index-popup:900;
    --calcite-z-index-tooltip:901;
    --calcite-corner-radius:var(--calcite-corner-radius-none);
    --calcite-shadow-none:0 0 0 0 #0000;
    --calcite-shadow-sm:0 2px 8px 0 #0000000a, 0 4px 16px 0 #00000014;
    --calcite-shadow-md:0 4px 20px 0 #00000014, 0 12px 30px #0000001a;
  }
  .calcite-typography {
    font-family: var(--calcite-font-family);
    font-size: var(--calcite-font-size);
    font-weight: var(--calcite-font-weight-regular);
    letter-spacing: var(--calcite-font-letter-spacing-normal);
    line-height: var(--calcite-font-line-height-fixed-base);
    paragraph-spacing: var(--calcite-font-paragraph-spacing-normal);
    text-case: var(--calcite-font-text-case-none);
    -webkit-text-decoration: var(--calcite-font-text-decoration-none);
    text-decoration: var(--calcite-font-text-decoration-none);
  }
  .calcite-typography-light-minus-3h {
    font-size: var(--calcite-font-size-xs);
    font-weight: var(--calcite-font-weight-light);
    line-height: var(--calcite-font-line-height-fixed-sm);
  }
  .calcite-typography-light-minus-2h {
    font-size: var(--calcite-font-size-sm);
    font-weight: var(--calcite-font-weight-light);
  }
  .calcite-typography-light-minus-1h {
    font-weight: var(--calcite-font-weight-light);
  }
  .calcite-typography-light-0h {
    font-size: var(--calcite-font-size-md);
    font-weight: var(--calcite-font-weight-light);
    line-height: var(--calcite-font-line-height-fixed-lg);
  }
  .calcite-typography-light-1h {
    font-size: var(--calcite-font-size-lg);
    font-weight: var(--calcite-font-weight-light);
    line-height: var(--calcite-font-line-height-fixed-xl);
  }
  .calcite-typography-regular-minus-3h {
    line-height: var(--calcite-font-line-height-fixed-sm);
    font-size: var(--calcite-font-size-xs);
  }
  .calcite-typography-regular-minus-2h {
    font-size: var(--calcite-font-size-sm);
  }
  .calcite-typography-regular-minus-1h {
    font-family:
      Avenir Next,
      Avenir,
      Helvetica Neue,
      sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    paragraph-spacing: 4px;
    text-case: none;
    text-decoration: none;
  }
  .calcite-typography-regular-0h {
    line-height: var(--calcite-font-line-height-fixed-lg);
    font-size: var(--calcite-font-size-md);
  }
  .calcite-typography-regular-1h {
    line-height: var(--calcite-font-line-height-fixed-xl);
    font-size: var(--calcite-font-size-lg);
  }
  .calcite-typography-medium-minus-3h {
    font-weight: var(--calcite-font-weight-medium);
    line-height: var(--calcite-font-line-height-fixed-sm);
    font-size: var(--calcite-font-size-xs);
  }
  .calcite-typography-medium-minus-2h {
    font-weight: var(--calcite-font-weight-medium);
    font-size: var(--calcite-font-size-sm);
  }
  .calcite-typography-medium-minus-1h {
    font-weight: var(--calcite-font-weight-medium);
  }
  .calcite-typography-medium-0h {
    font-weight: var(--calcite-font-weight-medium);
    line-height: var(--calcite-font-line-height-fixed-lg);
    font-size: var(--calcite-font-size-md);
  }
  .calcite-typography-medium-1h {
    font-weight: var(--calcite-font-weight-medium);
    line-height: var(--calcite-font-line-height-fixed-xl);
    font-size: var(--calcite-font-size-lg);
  }
  .calcite-typography-bold-minus-3h {
    font-weight: var(--calcite-font-weight-semibold);
    line-height: var(--calcite-font-line-height-fixed-sm);
    font-size: var(--calcite-font-size-xs);
  }
  .calcite-typography-bold-minus-2h {
    font-weight: var(--calcite-font-weight-semibold);
    font-size: var(--calcite-font-size-sm);
  }
  .calcite-typography-bold-minus-1h {
    font-weight: var(--calcite-font-weight-semibold);
  }
  .calcite-typography-bold-0h {
    font-weight: var(--calcite-font-weight-semibold);
    line-height: var(--calcite-font-line-height-fixed-lg);
    font-size: var(--calcite-font-size-md);
  }
  .calcite-typography-bold-1h {
    font-weight: var(--calcite-font-weight-semibold);
    line-height: var(--calcite-font-line-height-fixed-xl);
    font-size: var(--calcite-font-size-lg);
  }
  .calcite-typography-wrap-light-0 {
    font-weight: var(--calcite-font-weight-light);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-md);
  }
  .calcite-typography-wrap-light-1 {
    font-weight: var(--calcite-font-weight-light);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-lg);
  }
  .calcite-typography-wrap-light-2 {
    font-weight: var(--calcite-font-weight-light);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-xl);
  }
  .calcite-typography-wrap-light-3 {
    font-weight: var(--calcite-font-weight-light);
    line-height: var(--calcite-font-line-height-relative-tight);
    font-size: var(--calcite-font-size-xxl);
  }
  .calcite-typography-wrap-light-minus-2 {
    font-weight: var(--calcite-font-weight-light);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-sm);
  }
  .calcite-typography-wrap-light-minus-1 {
    font-weight: var(--calcite-font-weight-light);
    line-height: var(--calcite-font-line-height-relative-snug);
  }
  .calcite-typography-wrap-regular-0 {
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-md);
  }
  .calcite-typography-wrap-regular-1 {
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-lg);
  }
  .calcite-typography-wrap-regular-2 {
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-xl);
  }
  .calcite-typography-wrap-regular-3 {
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-xxl);
  }
  .calcite-typography-wrap-regular-minus-2 {
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-sm);
  }
  .calcite-typography-wrap-regular-minus-1 {
    line-height: var(--calcite-font-line-height-relative-snug);
  }
  .calcite-typography-wrap-medium-0 {
    font-weight: var(--calcite-font-weight-medium);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-md);
  }
  .calcite-typography-wrap-medium-1 {
    font-weight: var(--calcite-font-weight-medium);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-lg);
  }
  .calcite-typography-wrap-medium-2 {
    font-weight: var(--calcite-font-weight-medium);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-xl);
  }
  .calcite-typography-wrap-medium-3 {
    font-weight: var(--calcite-font-weight-medium);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-xxl);
  }
  .calcite-typography-wrap-medium-minus-2 {
    font-weight: var(--calcite-font-weight-medium);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-sm);
  }
  .calcite-typography-wrap-medium-minus-1 {
    font-weight: var(--calcite-font-weight-medium);
    line-height: var(--calcite-font-line-height-relative-snug);
  }
  .calcite-typography-wrap-bold-0 {
    font-weight: var(--calcite-font-weight-semibold);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-md);
  }
  .calcite-typography-wrap-bold-1 {
    font-weight: var(--calcite-font-weight-semibold);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-lg);
  }
  .calcite-typography-wrap-bold-2 {
    font-weight: var(--calcite-font-weight-semibold);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-xl);
  }
  .calcite-typography-wrap-bold-3 {
    font-weight: var(--calcite-font-weight-semibold);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-xxl);
  }
  .calcite-typography-wrap-bold-minus-2 {
    font-weight: var(--calcite-font-weight-semibold);
    line-height: var(--calcite-font-line-height-relative-snug);
    font-size: var(--calcite-font-size-sm);
  }
  .calcite-typography-wrap-bold-minus-1 {
    font-weight: var(--calcite-font-weight-semibold);
    line-height: var(--calcite-font-line-height-relative-snug);
  }
  .calcite-typography-hierarchy-display-1 {
    font-weight: 600;
    line-height: 1.375;
    font-size: 24px;
  }
  .calcite-typography-hierarchy-display-2 {
    font-weight: 600;
    line-height: 1.375;
    font-size: 20px;
  }
  .calcite-typography-hierarchy-heading-1 {
    font-weight: 500;
    line-height: 1.375;
    font-size: 24px;
  }
  .calcite-typography-hierarchy-heading-2 {
    font-weight: 500;
    line-height: 1.375;
    font-size: 20px;
  }
  .calcite-typography-hierarchy-heading-3 {
    font-weight: 500;
    line-height: 1.375;
    font-size: 18px;
  }
  .calcite-typography-hierarchy-heading-4 {
    font-weight: 500;
    line-height: 1.375;
    font-size: 16px;
  }
  .calcite-typography-hierarchy-heading-5 {
    font-weight: 500;
    line-height: 1.375;
  }
  .calcite-typography-hierarchy-body-snug {
    line-height: 1.375;
  }
  .calcite-typography-hierarchy-body {
    font-family:
      Avenir Next,
      Avenir,
      Helvetica Neue,
      sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    paragraph-spacing: 4px;
    text-case: none;
    text-decoration: none;
  }
  .calcite-typography-hierarchy-overline {
    line-height: var(--calcite-font-line-height-fixed-sm);
    text-case: var(--calcite-font-text-case-uppercase);
    font-weight: var(--calcite-font-weight-bold);
  }
  .calcite-typography-hierarchy-caption {
    line-height: 1.375;
    font-size: 12px;
  }
  :root {
    --calcite-color-transparent-inverse-press:#ffffff29;
    --calcite-color-transparent-inverse-hover:#ffffff1f;
    --calcite-color-transparent-tint:#fffc;
    --calcite-color-transparent-scrim:#ffffffd9;
    --calcite-color-transparent-press:#00000014;
    --calcite-color-transparent-hover:#0000000a;
    --calcite-color-transparent:#0000;
    --calcite-color-status-danger-press:#7c1d13;
    --calcite-color-status-danger-hover:#a82b1e;
    --calcite-color-status-danger:#d83020;
    --calcite-color-status-warning-press:#9a5b10;
    --calcite-color-status-warning-hover:#c26b00;
    --calcite-color-status-warning:#da7c0b;
    --calcite-color-status-success-press:#0d3f14;
    --calcite-color-status-success-hover:#1a6324;
    --calcite-color-status-success:#288835;
    --calcite-color-status-info-press:#00304d;
    --calcite-color-status-info-hover:#004874;
    --calcite-color-status-info:#00619b;
    --calcite-color-inverse-press:#212121;
    --calcite-color-inverse-hover:#2b2b2b;
    --calcite-color-inverse:#363636;
    --calcite-color-brand-underline:#00619b66;
    --calcite-color-brand-press:#004874;
    --calcite-color-brand-hover:#00619b;
    --calcite-color-brand:#007ac2;
    --calcite-color-border-white:#fff;
    --calcite-color-border-ghost:#0000004d;
    --calcite-color-border-input:#949494;
    --calcite-color-border-3:#ebebeb;
    --calcite-color-border-2:#dedede;
    --calcite-color-border-1:#d4d4d4;
    --calcite-color-text-highlight:#004874;
    --calcite-color-text-link:#00619b;
    --calcite-color-text-inverse:#fff;
    --calcite-color-text-3:#6b6b6b;
    --calcite-color-text-2:#4a4a4a;
    --calcite-color-text-1:#141414;
    --calcite-color-foreground-current:#d6efff;
    --calcite-color-foreground-3:#ebebeb;
    --calcite-color-foreground-2:#f2f2f2;
    --calcite-color-foreground-1:#fff;
    --calcite-color-background-none:#fff0;
    --calcite-color-background:#f7f7f7;
    --calcite-color-surface-highlight:#d6efff;
    --calcite-color-surface-4:#ebebeb;
    --calcite-color-surface-3:#f2f2f2;
    --calcite-color-surface-2:#fff;
    --calcite-color-surface-1:#f7f7f7;
    --calcite-color-focus:var(--calcite-color-brand);
  }
  .calcite-mode-light {
    --calcite-color-transparent-inverse-press:#ffffff29;
    --calcite-color-transparent-inverse-hover:#ffffff1f;
    --calcite-color-transparent-tint:#fffc;
    --calcite-color-transparent-scrim:#ffffffd9;
    --calcite-color-transparent-press:#00000014;
    --calcite-color-transparent-hover:#0000000a;
    --calcite-color-transparent:#0000;
    --calcite-color-status-danger-press:#7c1d13;
    --calcite-color-status-danger-hover:#a82b1e;
    --calcite-color-status-danger:#d83020;
    --calcite-color-status-warning-press:#9a5b10;
    --calcite-color-status-warning-hover:#c26b00;
    --calcite-color-status-warning:#da7c0b;
    --calcite-color-status-success-press:#0d3f14;
    --calcite-color-status-success-hover:#1a6324;
    --calcite-color-status-success:#288835;
    --calcite-color-status-info-press:#00304d;
    --calcite-color-status-info-hover:#004874;
    --calcite-color-status-info:#00619b;
    --calcite-color-inverse-press:#212121;
    --calcite-color-inverse-hover:#2b2b2b;
    --calcite-color-inverse:#363636;
    --calcite-color-brand-underline:#00619b66;
    --calcite-color-brand-press:#004874;
    --calcite-color-brand-hover:#00619b;
    --calcite-color-brand:#007ac2;
    --calcite-color-border-white:#fff;
    --calcite-color-border-ghost:#0000004d;
    --calcite-color-border-input:#949494;
    --calcite-color-border-3:#ebebeb;
    --calcite-color-border-2:#dedede;
    --calcite-color-border-1:#d4d4d4;
    --calcite-color-text-highlight:#004874;
    --calcite-color-text-link:#00619b;
    --calcite-color-text-inverse:#fff;
    --calcite-color-text-3:#6b6b6b;
    --calcite-color-text-2:#4a4a4a;
    --calcite-color-text-1:#141414;
    --calcite-color-foreground-current:#d6efff;
    --calcite-color-foreground-3:#ebebeb;
    --calcite-color-foreground-2:#f2f2f2;
    --calcite-color-foreground-1:#fff;
    --calcite-color-background-none:#fff0;
    --calcite-color-background:#f7f7f7;
    --calcite-color-surface-highlight:#d6efff;
    --calcite-color-surface-4:#ebebeb;
    --calcite-color-surface-3:#f2f2f2;
    --calcite-color-surface-2:#fff;
    --calcite-color-surface-1:#f7f7f7;
    --calcite-color-focus:var(--calcite-color-brand);
  }
  .calcite-mode-dark {
    --calcite-color-transparent-inverse-press:#00000014;
    --calcite-color-transparent-inverse-hover:#0000000a;
    --calcite-color-transparent-tint:#2b2b2bcc;
    --calcite-color-transparent-scrim:#000000d9;
    --calcite-color-transparent-press:#ffffff29;
    --calcite-color-transparent-hover:#ffffff1f;
    --calcite-color-transparent:#fff0;
    --calcite-color-status-danger-press:#d90012;
    --calcite-color-status-danger-hover:#ff0015;
    --calcite-color-status-danger:#fe583e;
    --calcite-color-status-warning-press:#ff9500;
    --calcite-color-status-warning-hover:#ffb54d;
    --calcite-color-status-warning:#f89927;
    --calcite-color-status-success-press:#00b81b;
    --calcite-color-status-success-hover:#3bed52;
    --calcite-color-status-success:#36da43;
    --calcite-color-status-info-press:#009af2;
    --calcite-color-status-info-hover:#3db8ff;
    --calcite-color-status-info:#00a0ff;
    --calcite-color-inverse-press:#ebebeb;
    --calcite-color-inverse-hover:#f2f2f2;
    --calcite-color-inverse:#f7f7f7;
    --calcite-color-brand-underline:#00a0ff66;
    --calcite-color-brand-press:#00619b;
    --calcite-color-brand-hover:#007ac2;
    --calcite-color-brand:#009af2;
    --calcite-color-border-white:#f7f7f7;
    --calcite-color-border-ghost:#7575754d;
    --calcite-color-border-input:#757575;
    --calcite-color-border-3:#404040;
    --calcite-color-border-2:#4a4a4a;
    --calcite-color-border-1:#545454;
    --calcite-color-text-highlight:#d6efff;
    --calcite-color-text-link:#00a0ff;
    --calcite-color-text-inverse:#141414;
    --calcite-color-text-3:#9e9e9e;
    --calcite-color-text-2:#bfbfbf;
    --calcite-color-text-1:#fff;
    --calcite-color-foreground-current:#2b465f;
    --calcite-color-foreground-3:#404040;
    --calcite-color-foreground-2:#363636;
    --calcite-color-foreground-1:#2b2b2b;
    --calcite-color-background-none:#fff0;
    --calcite-color-background:#212121;
    --calcite-color-surface-highlight:#2b465f;
    --calcite-color-surface-4:#404040;
    --calcite-color-surface-3:#363636;
    --calcite-color-surface-2:#2b2b2b;
    --calcite-color-surface-1:#212121;
    --calcite-color-focus:var(--calcite-color-brand);
  }
  :root {
    --calcite-code-family:"Consolas",
      "Andale Mono",
      "Lucida Console",
      "Monaco",
      monospace;
    --calcite-sans-family:"Avenir Next",
      "Avenir",
      "Helvetica Neue",
      sans-serif;
    --calcite-font-size--3:.625rem;
    --calcite-font-size--2:.75rem;
    --calcite-font-size--1:.875rem;
    --calcite-font-size-0:1rem;
    --calcite-font-size-1:1.125rem;
    --calcite-font-size-2:1.25rem;
    --calcite-font-size-3:1.625rem;
    --calcite-font-size-4:2rem;
    --calcite-font-size-5:2.5rem;
    --calcite-font-size-6:3rem;
    --calcite-font-size-7:3.5rem;
    --calcite-font-size-8:4rem;
    --calcite-font-weight-light:300;
    --calcite-font-weight-normal:400;
    --calcite-font-weight-medium:500;
    --calcite-font-weight-bold:600;
    --calcite-floating-ui-transition:var(--calcite-animation-timing);
    --calcite-animation-timing:calc(.15s * var(--calcite-internal-duration-factor));
    --calcite-internal-duration-factor:var(--calcite-duration-factor,1);
    --calcite-internal-animation-timing-fast:calc(.1s * var(--calcite-internal-duration-factor));
    --calcite-internal-animation-timing-medium:calc(.2s * var(--calcite-internal-duration-factor));
    --calcite-internal-animation-timing-slow:calc(.3s * var(--calcite-internal-duration-factor));
    --calcite-border-radius:var(--calcite-border-radius-round,4px);
    --calcite-border-radius-base:0;
    --calcite-offset-invert-focus:0;
    --calcite-panel-width-multiplier:1;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--calcite-font-family);
  }
  @media (prefers-color-scheme: dark) {
    .calcite-mode-auto {
      --calcite-color-transparent-inverse-press:#00000014;
      --calcite-color-transparent-inverse-hover:#0000000a;
      --calcite-color-transparent-tint:#2b2b2bcc;
      --calcite-color-transparent-scrim:#000000d9;
      --calcite-color-transparent-press:#ffffff29;
      --calcite-color-transparent-hover:#ffffff1f;
      --calcite-color-transparent:#fff0;
      --calcite-color-status-danger-press:#d90012;
      --calcite-color-status-danger-hover:#ff0015;
      --calcite-color-status-danger:#fe583e;
      --calcite-color-status-warning-press:#ff9500;
      --calcite-color-status-warning-hover:#ffb54d;
      --calcite-color-status-warning:#f89927;
      --calcite-color-status-success-press:#00b81b;
      --calcite-color-status-success-hover:#3bed52;
      --calcite-color-status-success:#36da43;
      --calcite-color-status-info-press:#009af2;
      --calcite-color-status-info-hover:#3db8ff;
      --calcite-color-status-info:#00a0ff;
      --calcite-color-inverse-press:#ebebeb;
      --calcite-color-inverse-hover:#f2f2f2;
      --calcite-color-inverse:#f7f7f7;
      --calcite-color-brand-underline:#00a0ff66;
      --calcite-color-brand-press:#00619b;
      --calcite-color-brand-hover:#007ac2;
      --calcite-color-brand:#009af2;
      --calcite-color-border-white:#f7f7f7;
      --calcite-color-border-ghost:#7575754d;
      --calcite-color-border-input:#757575;
      --calcite-color-border-3:#404040;
      --calcite-color-border-2:#4a4a4a;
      --calcite-color-border-1:#545454;
      --calcite-color-text-highlight:#d6efff;
      --calcite-color-text-link:#00a0ff;
      --calcite-color-text-inverse:#141414;
      --calcite-color-text-3:#9e9e9e;
      --calcite-color-text-2:#bfbfbf;
      --calcite-color-text-1:#fff;
      --calcite-color-foreground-current:#2b465f;
      --calcite-color-foreground-3:#404040;
      --calcite-color-foreground-2:#363636;
      --calcite-color-foreground-1:#2b2b2b;
      --calcite-color-background-none:#fff0;
      --calcite-color-background:#212121;
      --calcite-color-surface-highlight:#2b465f;
      --calcite-color-surface-4:#404040;
      --calcite-color-surface-3:#363636;
      --calcite-color-surface-2:#2b2b2b;
      --calcite-color-surface-1:#212121;
      --calcite-color-focus:var(--calcite-color-brand);
    }
  }
  @media (prefers-color-scheme: light) {
    .calcite-mode-auto {
      --calcite-color-transparent-inverse-press:#ffffff29;
      --calcite-color-transparent-inverse-hover:#ffffff1f;
      --calcite-color-transparent-tint:#fffc;
      --calcite-color-transparent-scrim:#ffffffd9;
      --calcite-color-transparent-press:#00000014;
      --calcite-color-transparent-hover:#0000000a;
      --calcite-color-transparent:#0000;
      --calcite-color-status-danger-press:#7c1d13;
      --calcite-color-status-danger-hover:#a82b1e;
      --calcite-color-status-danger:#d83020;
      --calcite-color-status-warning-press:#9a5b10;
      --calcite-color-status-warning-hover:#c26b00;
      --calcite-color-status-warning:#da7c0b;
      --calcite-color-status-success-press:#0d3f14;
      --calcite-color-status-success-hover:#1a6324;
      --calcite-color-status-success:#288835;
      --calcite-color-status-info-press:#00304d;
      --calcite-color-status-info-hover:#004874;
      --calcite-color-status-info:#00619b;
      --calcite-color-inverse-press:#212121;
      --calcite-color-inverse-hover:#2b2b2b;
      --calcite-color-inverse:#363636;
      --calcite-color-brand-underline:#00619b66;
      --calcite-color-brand-press:#004874;
      --calcite-color-brand-hover:#00619b;
      --calcite-color-brand:#007ac2;
      --calcite-color-border-white:#fff;
      --calcite-color-border-ghost:#0000004d;
      --calcite-color-border-input:#949494;
      --calcite-color-border-3:#ebebeb;
      --calcite-color-border-2:#dedede;
      --calcite-color-border-1:#d4d4d4;
      --calcite-color-text-highlight:#004874;
      --calcite-color-text-link:#00619b;
      --calcite-color-text-inverse:#fff;
      --calcite-color-text-3:#6b6b6b;
      --calcite-color-text-2:#4a4a4a;
      --calcite-color-text-1:#141414;
      --calcite-color-foreground-current:#d6efff;
      --calcite-color-foreground-3:#ebebeb;
      --calcite-color-foreground-2:#f2f2f2;
      --calcite-color-foreground-1:#fff;
      --calcite-color-background-none:#fff0;
      --calcite-color-background:#f7f7f7;
      --calcite-color-surface-highlight:#d6efff;
      --calcite-color-surface-4:#ebebeb;
      --calcite-color-surface-3:#f2f2f2;
      --calcite-color-surface-2:#fff;
      --calcite-color-surface-1:#f7f7f7;
      --calcite-color-focus:var(--calcite-color-brand);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :root {
      --calcite-internal-duration-factor:0;
    }
  }
}
.esri-view {
  --esri-view-outline-color:var(--calcite-color-brand);
  --esri-view-outline:2px solid var(--esri-view-outline-color);
  --esri-view-outline-offset:-2px;
  margin: 0;
  padding: 0;
  font-family:
    Avenir Next,
    Helvetica Neue,
    helvetica,
    arial,
    sans-serif;
  display: flex;
}
.esri-view .esri-view-user-storage {
  overflow: hidden;
}
.esri-view .esri-view-root {
  -webkit-tap-highlight-color: #0000;
  -webkit-tap-highlight-color: transparent;
  border: none;
  flex: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.esri-view .esri-view-surface {
  -webkit-user-select: none;
  user-select: none;
  direction: ltr;
  border: none;
  outline: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}
.esri-view .esri-view-surface--touch-none {
  touch-action: none;
}
.esri-view .esri-view-surface--touch-pan {
  touch-action: pan-x pan-y;
}
.esri-view .esri-view-surface:focus:after {
  box-sizing: border-box;
  z-index: 999;
  outline: var(--esri-view-outline);
  outline-offset: var(--esri-view-outline-offset);
  content: "";
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.esri-view .esri-view-surface[data-navigating=true] {
  cursor: grabbing;
}
.esri-view .esri-view-surface[data-cursor=copy] {
  cursor: copy;
}
.esri-view .esri-view-surface[data-cursor=crosshair] {
  cursor: crosshair;
}
.esri-view .esri-view-surface[data-cursor=help] {
  cursor: help;
}
.esri-view .esri-view-surface[data-cursor=move] {
  cursor: move;
}
.esri-view .esri-view-surface[data-cursor=pointer] {
  cursor: pointer;
}
.esri-view .esri-view-surface[data-cursor=progress] {
  cursor: progress;
}
.esri-view .esri-view-surface[data-cursor=grab] {
  cursor: grab;
}
.esri-view .esri-view-surface[data-cursor=grabbing] {
  cursor: grabbing;
}
.esri-view .esri-view-surface[data-cursor=n-resize] {
  cursor: n-resize;
}
.esri-view .esri-view-surface[data-cursor=e-resize] {
  cursor: e-resize;
}
.esri-view .esri-view-surface[data-cursor=s-resize] {
  cursor: s-resize;
}
.esri-view .esri-view-surface[data-cursor=w-resize] {
  cursor: w-resize;
}
.esri-view .esri-view-surface[data-cursor=ne-resize] {
  cursor: ne-resize;
}
.esri-view .esri-view-surface[data-cursor=nw-resize] {
  cursor: nw-resize;
}
.esri-view .esri-view-surface[data-cursor=se-resize] {
  cursor: se-resize;
}
.esri-view .esri-view-surface[data-cursor=sw-resize] {
  cursor: sw-resize;
}
.esri-view .esri-view-surface[data-cursor=ew-resize] {
  cursor: ew-resize;
}
.esri-view .esri-view-surface[data-cursor=ns-resize] {
  cursor: ns-resize;
}
.esri-view .esri-view-surface[data-cursor=nesw-resize] {
  cursor: nesw-resize;
}
.esri-view .esri-view-surface[data-cursor=nwse-resize] {
  cursor: nwse-resize;
}
.esri-view .esri-view-surface[data-cursor=none] {
  cursor: none;
}
.esri-view .esri-display-object,
.esri-view .esri-bitmap {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
}
.esri-view .esri-bitmap {
  transform-origin: 0 0;
  max-width: none;
}
:root {
  view-transition-name: none;
}
::view-transition {
  pointer-events: none;
}
.esri-ui {
  box-sizing: border-box;
  z-index: 0;
  pointer-events: none;
  contain: layout;
  font-size: 14px;
  position: absolute;
  inset: 0;
  overflow: hidden;
  container: esri-view-canvas/size;
}
.esri-ui calcite-flow,
.esri-ui calcite-panel {
  z-index: 1;
  position: relative;
}
.esri-ui .esri-component {
  pointer-events: auto;
}
.esri-ui .esri-attribution {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.esri-ui .esri-fov-overlay-outer {
  pointer-events: none;
  place-content: center;
  width: 100%;
  height: 100%;
  display: grid;
}
.esri-ui .esri-fov-overlay {
  text-shadow:
    0 0 1px #000,
    0 0 2px #000,
    0 0 3px #000;
  color: #fff;
  font-size: var(--calcite-font-size-3);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  animation: 1s forwards fadeInAnimation;
  display: flex;
}
.esri-ui .esri-fov-overlay-reset {
  cursor: pointer;
  pointer-events: auto;
}
.esri-ui .esri-fov-overlay-text {
  pointer-events: none;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .esri-fov-overlay {
    animation: none !important;
  }
}
.esri-ui-corner {
  display: flex;
  position: absolute;
}
.esri-ui-inner-container {
  position: absolute;
  inset: 0;
}
.esri-ui-manual-container > .esri-component {
  position: absolute;
}
.esri-ui-manual-container .esri-swipe {
  z-index: -1;
}
.esri-ui-top-left,
.esri-ui-top-right {
  flex-flow: column;
}
.esri-ui-top-left {
  align-items: flex-start;
  top: 0;
  left: 0;
}
.esri-ui-top-right {
  align-items: flex-end;
  top: 0;
  right: 0;
}
.esri-ui-bottom-left,
.esri-ui-bottom-right {
  flex-flow: row;
  align-items: flex-end;
}
.esri-ui-bottom-right {
  flex-flow: row-reverse;
  bottom: 0;
  right: 0;
}
.esri-ui-bottom-right .esri-component {
  margin-left: 10px;
}
.esri-ui-top-right .esri-component,
.esri-ui-top-left .esri-component {
  margin-bottom: 10px;
}
.esri-ui-bottom-left {
  bottom: 0;
  left: 0;
}
.esri-ui-bottom-left .esri-component {
  margin-right: 10px;
}
[dir=rtl] .esri-ui-top-left {
  align-items: flex-end;
}
[dir=rtl] .esri-ui-top-right {
  align-items: flex-start;
}
[dir=rtl] .esri-ui-bottom-left {
  flex-direction: row-reverse;
}
[dir=rtl] .esri-ui-bottom-right {
  flex-direction: row;
}
.esri-zoom-box__container {
  width: 100%;
  height: 100%;
  position: relative;
}
.esri-zoom-box__overlay {
  cursor: crosshair;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-zoom-box__overlay-background {
  fill: #0000001a;
}
.esri-zoom-box__outline {
  fill: #0000;
  stroke: #1e90ff;
  stroke-dasharray: 1 1;
  stroke-width: 2px;
}
.esri-overlay-surface {
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}
.esri-text-overlay-item {
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.3em;
  display: block;
  position: absolute;
  overflow: hidden;
}
.esri-text-overlay-item-anchor-bottom {
  transform: translate(-50%, -100%);
}
.esri-text-overlay-item-anchor-bottom-right {
  transform: translate(-100%, -100%);
}
.esri-text-overlay-item-anchor-bottom-left {
  transform: translateY(-100%);
}
.esri-text-overlay-item-anchor-top {
  transform: translate(-50%);
}
.esri-text-overlay-item-anchor-top-right {
  transform: translate(-100%);
}
.esri-text-overlay-item-anchor-top-left {
  transform: translate(0);
}
.esri-text-overlay-item-anchor-center {
  transform: translate(-50%, -50%);
}
.esri-text-overlay-item-anchor-right {
  transform: translate(-100%, -50%);
}
.esri-text-overlay-item-anchor-left {
  transform: translateY(-50%);
}
.esri-line-overlay-item,
.esri-outline-overlay-item,
.esri-box-overlay-item {
  white-space: nowrap;
  display: block;
  position: absolute;
  overflow: hidden;
}
[class^=esri-icon-],
[class*=" esri-icon-"] {
  font-size: 16px;
  display: inline-block;
}
.esri-widget {
  --esri-widget-padding-x:15px;
  --esri-widget-padding-y:12px;
  --esri-widget-padding:var(--esri-widget-padding-y) var(--esri-widget-padding-x);
  box-sizing: border-box;
  color: #323232;
  background-color: #fff;
  font-family:
    Avenir Next,
    Helvetica Neue,
    helvetica,
    arial,
    sans-serif;
  font-size: 14px;
  line-height: 1.3em;
}
.esri-widget *,
.esri-widget :before,
.esri-widget :after {
  box-sizing: inherit;
}
.esri-widget.esri-widget--disabled > * {
  opacity: .4;
  pointer-events: none;
}
.esri-widget.esri-widget--compact {
  --esri-widget-padding-y:0;
  --esri-widget-padding-x:0;
}
.esri-widget__anchor {
  color: #0079c1;
}
.esri-widget__anchor:hover {
  color: #00598e;
}
.esri-widget__anchor:hover,
.esri-widget__anchor:focus {
  text-decoration: underline;
}
.esri-widget__anchor--disabled {
  opacity: .4;
  pointer-events: none;
}
.esri-widget__header {
  background-color: #fff;
  flex: 1 0 100%;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 0 12px 15px;
  display: flex;
}
.esri-widget__header .esri-widget__heading {
  width: calc(100% - 48px);
  text-align: initial;
  color: #6e6e6e;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}
.esri-widget__header-button {
  appearance: none;
  cursor: pointer;
  color: #6e6e6e;
  background-color: #0000;
  border: none;
  flex: 0 0 48px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 48px;
  padding: 0;
  display: flex;
}
.esri-widget__heading {
  color: #323232;
  margin: 0 0 .5rem;
  font-weight: 600;
}
h1.esri-widget__heading {
  font-size: 20px;
}
h2.esri-widget__heading {
  font-size: 16px;
}
h3.esri-widget__heading,
h4.esri-widget__heading,
h5.esri-widget__heading,
h6.esri-widget__heading {
  font-size: 14px;
}
.esri-widget__footer {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  display: flex;
}
.esri-widget__footer-pagination {
  color: #6e6e6e;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.esri-widget__footer-pagination-previous-button,
.esri-widget__footer-pagination-next-button {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  margin: 0 7px;
  padding: 12px 15px;
  transition: background-color .125s ease-in-out;
}
.esri-widget__footer-pagination-previous-button:hover,
.esri-widget__footer-pagination-previous-button:focus,
.esri-widget__footer-pagination-next-button:hover,
.esri-widget__footer-pagination-next-button:focus {
  color: #2e2e2e;
  background-color: #f3f3f3;
}
.esri-menu {
  visibility: hidden;
  z-index: 1;
  background-clip: padding;
  background-color: #fff;
  background-clip: padding-box;
  width: 100%;
  max-height: 0;
  margin: 2px 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  top: 100%;
  left: 0;
  overflow: hidden;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-menu .esri-menu__header {
  color: #fff;
  background-color: #4c4c4c;
  padding: 6px 12px;
}
.esri-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.esri-menu__list-item {
  cursor: pointer;
  border-top: 1px solid #6e6e6e4d;
  border-left: 3px solid #0000;
  padding: .8em 1em;
}
.esri-menu__list-item [class^=esri-icon-],
.esri-menu__list-item [class*=" esri-icon-"] {
  padding-right: 2.8px;
}
.esri-menu__list-item:first-child {
  border-top: none;
}
.esri-menu__list-item--focus,
.esri-menu__list-item:hover,
.esri-menu__list-item:focus {
  background-color: #f3f3f3;
}
.esri-menu__list-item:active {
  background-color: #e2f1fb;
}
.esri-menu__list-item--active,
.esri-menu__list-item--active:hover,
.esri-menu__list-item--active:focus {
  background-color: #e2f1fb;
  border-left-color: #0079c1;
}
.esri-widget__table {
  border-collapse: collapse;
  color: #323232;
  border: none;
  width: 100%;
  line-height: 1.3em;
}
.esri-widget__table tr:nth-child(odd) {
  background-color: #4c4c4c1a;
}
.esri-widget__table tr:nth-child(2n) {
  background-color: #4c4c4c05;
}
.esri-widget__table tr a {
  color: #6e6e6e;
}
.esri-widget__table tr a:hover,
.esri-widget__table tr a:focus {
  color: #2e2e2e;
}
.esri-widget__table tr td,
.esri-widget__table tr th {
  vertical-align: top;
  word-break: break-word;
  padding: .5em .7em;
  font-size: 12px;
  font-weight: 400;
}
.esri-widget__table tr th {
  text-align: left;
  border-right: 3px solid #0000000d;
  width: 50%;
}
.esri-widget__table tr td {
  width: 50%;
}
.esri-input {
  color: #323232;
  background-color: #fff;
  border: 1px solid #959595;
  font-size: 14px;
}
.esri-input::-ms-clear {
  display: none;
}
.esri-input::placeholder {
  opacity: 1;
  color: #6e6e6e;
}
.esri-input:placeholder-shown {
  text-overflow: ellipsis;
}
.esri-input[type=text],
.esri-input[type=password],
.esri-input[type=number] {
  height: 32px;
  padding: 0 .5em;
}
calcite-combobox.esri-input {
  border: none;
}
.esri-button {
  box-sizing: border-box;
  cursor: pointer;
  white-space: normal;
  word-break: normal;
  color: #fff;
  background-color: #0079c1;
  border: 1px solid #0079c1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 32px;
  padding: 6px 7px;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .125s ease-in-out, border .125s ease-in-out;
  display: flex;
  overflow: hidden;
}
.esri-button:hover {
  color: #fff;
  background-color: #00598e;
  border: 1px solid #00598e;
}
.esri-button.esri-button--small {
  min-height: 16px;
  font-size: 12px;
}
.esri-button.esri-button--half {
  width: 50%;
  display: inline-block;
}
.esri-button.esri-button--third {
  width: 33%;
  display: inline-block;
}
.esri-button--secondary {
  color: #0079c1;
  background-color: #0000;
}
.esri-button--tertiary {
  color: #0079c1;
  background-color: #0000;
  border-color: #0000;
}
.esri-button--tertiary:hover {
  color: #00598e;
  background-color: #f3f3f3;
  border-color: #0000;
}
.esri-button--disabled {
  opacity: .4;
  pointer-events: none;
}
.esri-button--drill-in {
  outline-offset: -4px;
  cursor: pointer;
  text-align: unset;
  background-color: #fff;
  border: none;
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  margin: 12px 7px;
  padding: 12px 7px;
  text-decoration: none;
  transition: background-color .125s ease-in-out;
  display: flex;
  box-shadow: 0 0 0 1px #6e6e6e4d;
}
.esri-button--drill-in:hover,
.esri-button--drill-in:focus {
  background-color: #f3f3f3;
}
.esri-button--drill-in__title {
  font-size: 14px;
}
.esri-button--drill-in [class^=esri-icon-],
.esri-button--drill-in [class*=" esri-icon-"] {
  padding: 0 7px;
}
.esri-widget__content--empty {
  text-align: center;
  color: #6e6e6e;
  flex-flow: column wrap;
  align-items: center;
  padding: 18px 22px;
  display: flex;
}
.esri-widget__content--empty h1.esri-widget__heading,
.esri-widget__content--empty h2.esri-widget__heading,
.esri-widget__content--empty h3.esri-widget__heading,
.esri-widget__content--empty h4.esri-widget__heading,
.esri-widget__content--empty h5.esri-widget__heading {
  font-weight: 400;
}
.esri-widget__content-illustration--empty {
  width: 128px;
  padding: 1rem 0;
}
.esri-widget__content-icon--empty {
  width: 32px;
  padding: .5rem 0;
}
.esri-select {
  appearance: none;
  cursor: pointer;
  color: #323232;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%236e6e6e' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;
  border: 1px solid #959595;
  border-radius: 0;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 .5em;
  font-family: inherit;
  font-size: .85em;
  display: block;
}
.esri-select[disabled] {
  cursor: auto;
}
.esri-select::-ms-expand {
  display: none;
}
.esri-disabled a,
.esri-disabled [role=menu],
.esri-disabled [role=checkbox],
.esri-disabled [class^=esri-icon-],
.esri-disabled [class*=" esri-icon-"] {
  color: #6e6e6e66;
}
.keynav-mode .esri-widget:focus,
.keynav-mode .esri-widget :focus {
  z-index: 1;
  outline-offset: 2px;
  outline: 2px solid #6e6e6e;
}
.esri-widget__loader-animation {
  border: .15em solid #6e6e6e4d;
  border-top-color: #323232cc;
  border-radius: 100%;
  width: 1em;
  height: 1em;
  font-size: 16px;
  animation: 1.25s linear infinite esri-rotate;
  display: block;
  transform: translateZ(0);
}
.esri-widget--button {
  cursor: pointer;
  text-align: center;
  color: #6e6e6e;
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  transition: background-color .125s ease-in-out;
  display: flex;
  overflow: hidden;
}
.esri-widget--button:not([appearance]),
.esri-widget--button[appearance=solid] {
  --calcite-color-foreground-3:#fff;
}
.esri-widget--button:hover {
  color: #2e2e2e;
  background-color: #f3f3f3;
}
.esri-widget--button:active {
  background-color: #e2f1fb;
}
.esri-widget--button:is(calcite-button) {
  --calcite-offset-invert-focus:1;
}
.esri-widget--button:is(calcite-button):not(:hover) {
  --calcite-icon-color:var(--calcite-color-text-3);
}
.esri-widget--button calcite-loader[inline] {
  margin: auto;
}
.esri-ui-corner .esri-component.esri-widget {
  box-shadow: 0 1px 2px #0000004d;
}
.esri-ui-corner .esri-expand .esri-widget--panel,
.esri-ui-corner .esri-expand .esri-widget--panel-height-only,
.esri-ui-corner .esri-component.esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel-height-only {
  min-height: 32px;
  transition: max-height .25s ease-in-out;
  overflow-y: auto;
}
.esri-ui-corner .esri-component > .esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel {
  width: 300px;
}
.esri-ui-corner .esri-component > .esri-widget--panel .esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel .esri-widget--panel {
  width: auto;
}
.esri-view-height-greater-than-medium .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-greater-than-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 680px;
}
.esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 540px;
}
.esri-view-height-small .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-small .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 420px;
}
.esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 240px;
}
.esri-ui-bottom-right .esri-menu,
.esri-ui-bottom-left .esri-menu {
  margin-top: 0;
  margin-bottom: 2px;
  top: auto;
  bottom: 100%;
}
[dir=rtl] .esri-widget__table th {
  text-align: right;
  border-left: 3px solid #0000000d;
  border-right: none;
}
[dir=rtl] .esri-select {
  background-position: 0;
}
[dir=rtl] .esri-menu__list-item {
  border-left: none;
  border-right: 3px solid #0000;
}
[dir=rtl] .esri-menu__list-item [class^=esri-icon-],
[dir=rtl] .esri-menu__list-item [class*=" esri-icon-"] {
  padding-left: 2px;
  padding-right: 0;
}
[dir=rtl] .esri-menu__list-item--active {
  border-right-color: #0079c1;
}
.esri-icon-font-fallback-text {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.esri-rotating {
  animation: 1.25s linear infinite esri-rotate;
  transform: translateZ(0);
}
.esri-clearfix:before,
.esri-clearfix:after {
  content: " ";
  display: table;
}
.esri-clearfix:after {
  clear: both;
}
.esri-interactive {
  cursor: pointer;
}
.esri-hidden {
  display: none !important;
}
.esri-invisible {
  visibility: hidden !important;
}
.esri-offscreen {
  position: absolute;
  top: -999em;
  left: -999em;
}
.esri-match-height {
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow: hidden;
}
@keyframes esri-fade-in {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.esri-attachments__progress-bar:before,
.esri-attachments__progress-bar:after {
  opacity: 1;
  content: "";
  height: 1px;
  transition: opacity .5s ease-in-out;
  position: absolute;
  top: 0;
}
.esri-attachments__progress-bar:before {
  z-index: 0;
  background-color: #6e6e6e4d;
  width: 100%;
}
.esri-attachments__progress-bar:after {
  z-index: 0;
  background-color: #6e6e6e;
  width: 20%;
  animation: 1.5s linear infinite looping-progresss-bar-ani;
}
.esri-attachments {
  background-color: #0000;
  width: 100%;
}
.esri-attachments__loader-container {
  justify-content: center;
  align-items: center;
  height: 150px;
  padding: 0;
  display: flex;
}
.esri-attachments__loader {
  background: url("./media/loading-throb-V56YOU3W.gif") 50% no-repeat;
  width: 100%;
  height: 64px;
}
.esri-attachments__actions {
  flex-flow: wrap;
  padding: 6px 7px;
  display: flex;
}
.esri-attachments__item-add-icon {
  padding: 0 7px;
}
.esri-attachments__delete-button {
  color: #8c2907;
  width: auto;
  margin-right: auto;
}
.esri-attachments .esri-attachments__items {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}
.esri-attachments .esri-attachments__item {
  margin: 0;
  line-height: 1.2em;
  list-style-type: none;
}
.esri-attachments__item-button {
  outline-offset: -4px;
  cursor: pointer;
  width: 100%;
  text-align: unset;
  color: #6e6e6e;
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 2px;
  align-items: center;
  margin: 0 0 6px;
  padding: 6px 7px;
  text-decoration: none;
  transition: border-color .125s ease-in-out;
  display: flex;
  box-shadow: 0 1px #6e6e6e4d;
}
.esri-attachments__item-button:focus,
.esri-attachments__item-button:hover {
  border-color: #000;
}
.esri-attachments__item-link {
  text-decoration: none;
  display: block;
  position: relative;
}
.esri-attachments__item-link:hover .esri-attachments__item-link-overlay,
.esri-attachments__item-link:focus .esri-attachments__item-link-overlay {
  opacity: 1;
}
.esri-attachments__item-add {
  background-color: #0000;
  padding: 6px 0;
}
.esri-attachments__add-attachment-button {
  border-radius: 2px;
  justify-content: flex-start;
  padding: 12px 3px;
  font-size: 12px;
  transition: background-color .25s ease-in-out;
}
.esri-attachments__add-attachment-button:hover {
  background-color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-attachments__item-link-overlay {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  transition: opacity .25s ease-in-out;
  display: flex;
  position: absolute;
  inset: 0;
}
.esri-attachments__item-link-overlay-icon {
  color: #fff;
  background-color: #4c4c4c80;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 18px;
  display: flex;
}
.esri-attachments__item-link-overlay-icon svg {
  fill: #fff;
}
.esri-attachments__item-mask {
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1px #6e6e6e26;
}
.esri-attachments__item-mask--icon {
  background-color: #f3f3f3;
  padding: 24px 0;
}
.esri-attachments__item-mask--icon .esri-attachments__image {
  width: 32px;
  height: 32px;
}
.esri-attachments__metadata {
  justify-content: space-between;
  margin-top: 3px;
  display: flex;
}
.esri-attachments__metadata .esri-attachments__metadata-fieldset {
  text-align: center;
  background-color: #fff;
  border: none;
  flex: 0 calc(50% - 1px);
  margin: 0;
  padding: 6px 7px;
  font-size: 12px;
}
.esri-attachments__file-name {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  margin-bottom: 3px;
  font-size: 12px;
  display: inline-block;
}
.esri-attachments__file-fieldset {
  border: none;
  margin: 0;
  padding: 12px 7px;
}
.esri-attachments__file-input {
  opacity: 0;
  z-index: -1;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}
.esri-attachments__container--list .esri-attachments__items {
  flex-flow: column;
}
.esri-attachments__container--list .esri-attachments__item-mask {
  flex: none;
  margin-right: 7px;
  position: relative;
}
.esri-attachments__container--list .esri-attachments__image {
  max-width: unset;
  max-height: unset;
  left: 50%;
}
.esri-attachments__container--list .esri-attachments__label {
  flex: auto;
  justify-content: space-between;
  display: flex;
}
.esri-attachments__container--list .esri-attachments__filename {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  cursor: pointer;
  flex: 1 0 0;
}
.esri-attachments__container--list .esri-attachments__item-chevron-icon {
  cursor: pointer;
  flex: none;
  padding: 0 15px;
}
.esri-attachments__container--preview .esri-attachments__items {
  flex-flow: wrap;
  align-items: center;
}
.esri-attachments__container--preview .esri-attachments__item {
  width: 100%;
  margin-bottom: 12px;
}
.esri-attachments__container--preview .esri-attachments__item-mask {
  width: 100%;
  height: auto;
}
.esri-attachments__container--preview .esri-attachments__item-button {
  box-shadow: none;
  flex-flow: column;
}
.esri-attachments__container--preview .esri-attachments__item-button .esri-attachments__label {
  margin: 12px 0;
}
.esri-attachments__container--preview .esri-attachments__image {
  max-width: 100%;
}
.esri-attachments__container--preview .esri-attachments__filename {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  text-align: center;
  text-overflow: ellipsis;
  width: calc(100% - 15px);
  margin-top: 12px;
  overflow: hidden;
}
.esri-attachments__container--preview .esri-attachments__item-mask--icon {
  background-color: #0000;
}
.esri-attachments__form-node {
  background-color: #fff;
  padding: 6px 7px;
  box-shadow: 0 1px #6e6e6e4d;
}
.esri-attachments__form-node .esri-attachments__item-mask {
  box-shadow: none;
  width: unset;
  height: unset;
}
.esri-attachments__form-node .esri-attachments__image {
  max-width: 100%;
}
.esri-attachments__error-message {
  background-color: #fff;
  border-top: 3px solid #de2900;
  margin: 6px 7px;
  padding: 12px 15px;
  animation: .25s ease-in-out esri-fade-in-down;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-attachments__progress-bar {
  width: 100%;
  position: absolute;
}
[dir=rtl] .esri-attachments__item-mask {
  margin-left: 7px;
  margin-right: 0;
}
.esri-attribution {
  --arcgis-internal-attribution-font-size:var(--calcite-font-size-sm);
  --arcgis-internal-attribution-font-size-sm:var(--calcite-font-size-xs);
  margin-right: var(--arcgis-layout-overlay-space-right,0);
  margin-left: var(--arcgis-layout-overlay-space-left,0);
  background-color: var(--calcite-color-transparent-tint,#fff);
  color: var(--calcite-color-text-1,currentColor);
  line-height: 16px;
  font-size: var(--calcite-font-size--2,12px);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.esri-view-attribution {
  contain: paint;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.esri-attribution__link,
.esri-attribution__link:hover,
.esri-attribution__link:active,
.esri-attribution__link:visited,
.esri-attribution__link:focus {
  color: currentColor;
}
.esri-attribution__sources {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--calcite-font-weight-light,300);
  flex: 1 0;
  align-self: flex-start;
  padding: 0 4px 0 16px;
  overflow: hidden;
}
.esri-attribution__sources[role=button] {
  font-size: 1em;
}
.esri-attribution__powered-by {
  text-align: right;
  white-space: nowrap;
  font-weight: var(--calcite-font-weight-normal,400);
  align-self: flex-end;
  padding: 0 16px 0 4px;
}
.esri-attribution--open {
  z-index: 2;
}
.esri-attribution__sources--open {
  white-space: normal;
}
@media (pointer: coarse) and (width <= 767px) {
  .esri-attribution__sources,
  .esri-attribution__sources + .esri-attribution__powered-by {
    font-size: var(--arcgis-internal-attribution-font-size-sm);
  }
  .esri-attribution__sources--open,
  .esri-attribution__sources--open + .esri-attribution__powered-by {
    font-size: var(--arcgis-internal-attribution-font-size);
  }
}
.esri-basemap-gallery {
  color: #323232;
  background-color: #fff;
  position: relative;
  overflow-y: auto;
  container-type: inline-size;
}
.esri-basemap-gallery .esri-basemap-gallery__loader:before,
.esri-basemap-gallery .esri-basemap-gallery__loader:after {
  opacity: 1;
  content: "";
  height: 1px;
  transition: opacity .5s ease-in-out;
  position: absolute;
  top: 0;
}
.esri-basemap-gallery .esri-basemap-gallery__loader:before {
  z-index: 0;
  background-color: #6e6e6e4d;
  width: 100%;
}
.esri-basemap-gallery .esri-basemap-gallery__loader:after {
  z-index: 0;
  background-color: #6e6e6e;
  width: 20%;
  animation: 1.5s linear infinite looping-progresss-bar-ani;
}
.esri-basemap-gallery:focus-within {
  z-index: 1;
  outline-offset: 2px;
  outline: 2px solid #6e6e6e;
}
.esri-basemap-gallery__item-container {
  flex-flow: column;
  gap: 3px;
  margin: 0;
  padding-block: 3px;
  padding-inline: 3px;
  list-style: none;
  transition: opacity .25s ease-in-out;
  display: flex;
  position: relative;
}
.esri-basemap-gallery--source-refreshing .esri-basemap-gallery__item-container,
.esri-basemap-gallery.esri-disabled .esri-basemap-gallery__item {
  opacity: .4;
  pointer-events: none;
  animation: none;
}
.esri-basemap-gallery__empty-message {
  padding: 12px 15px;
  animation: .5s ease-in-out esri-fade-in;
}
.esri-basemap-gallery__item {
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #0000;
  flex-direction: row;
  align-items: center;
  width: 100%;
  transition: background-color .25s ease-in-out, border-color .25s ease-in-out;
  animation: .5s ease-in-out esri-fade-in;
  display: flex;
  position: relative;
}
.esri-basemap-gallery__item:hover {
  background-color: #f3f3f3;
  border-color: #6e6e6e;
}
.esri-basemap-gallery__item:hover .esri-basemap-gallery__item-title {
  color: #323232;
}
.esri-basemap-gallery__item:focus {
  outline: none;
}
.esri-basemap-gallery__item--error {
  opacity: .4;
  cursor: auto;
}
.esri-basemap-gallery__item-thumbnail {
  aspect-ratio: 1.5;
  border-inline-end: 1px solid #6e6e6e26;
  flex-shrink: 0;
  width: 120px;
  min-width: 120px;
  transition: background-color .25s ease-in-out, border-color .25s ease-in-out;
}
.esri-basemap-gallery__item-title {
  color: #6e6e6e;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  transition: color .25s ease-in-out, font-weight .25s ease-in-out;
  display: flex;
}
.esri-basemap-gallery__item-title span {
  text-align: start;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
}
.esri-basemap-gallery__item--selected,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus {
  cursor: auto;
  background-color: #e2f1fb;
  border-color: #0079c1;
}
.esri-basemap-gallery__item--selected .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus .esri-basemap-gallery__item-title {
  color: #323232;
  font-weight: 500;
}
.esri-basemap-gallery__item-content {
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding-block: 2px;
  padding-inline: 11px;
  display: flex;
}
.esri-basemap-gallery__item-tags-container {
  flex-direction: row;
  gap: 3px;
  display: flex;
}
.esri-basemap-gallery__item-tags-container calcite-chip {
  --calcite-font-size--2:var(--calcite-font-size--3);
  cursor: inherit;
}
@supports (object-fit:cover) {
  .esri-basemap-gallery__item-thumbnail {
    object-fit: cover;
  }
}
@container (width>200px) and (width<=280px) {
  .esri-basemap-gallery .esri-basemap-gallery__item-thumbnail {
    aspect-ratio: 1;
    object-position: left;
    width: 80px;
    min-width: 80px;
  }
}
@container (width<=200px) or (width>=350px) {
  .esri-basemap-gallery .esri-basemap-gallery__item-container {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 12px 15px;
    padding-block: 12px;
    padding-inline: 15px;
    display: grid;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item {
    text-align: center;
    flex-flow: column wrap;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item:not(.esri-basemap-gallery .esri-basemap-gallery__item--selected, :hover) {
    border-color: #6e6e6e26;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item-thumbnail {
    border-block-end: 1px solid #6e6e6e26;
    border-inline-end: none;
    width: 100%;
    min-width: 0;
    height: auto;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item-content {
    width: 100%;
    height: 40px;
    padding-block: 4px;
    padding-inline: 7px;
    position: relative;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item-tags-container {
    position: absolute;
    inset-block-end: 45px;
    inset-inline-end: 5px;
  }
}
.esri-basemap-gallery__loader {
  width: 100%;
  height: 2px;
  animation: .5s ease-in-out esri-fade-in;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
calcite-popover > .esri-basemap-gallery {
  width: 280px;
  max-height: 80vh;
}
.esri-ui-corner calcite-panel > .esri-basemap-gallery.esri-widget.esri-widget--panel {
  width: unset;
}
.esri-view-width-greater-than-large calcite-popover > .esri-basemap-gallery,
.esri-view-width-greater-than-large .esri-ui-corner > .esri-basemap-gallery {
  width: 450px;
}
.esri-basemap-layer-list {
  display: flex;
}
.esri-basemap-layer-list__editing-form {
  height: 100%;
  display: flex;
}
.esri-basemap-layer-list__filter-no-results {
  padding: 12px 15px;
}
.esri-basemap-layer-list__item {
  --calcite-list-item-icon-center:8.5px;
}
.esri-catalog-layer-list__item-table-icon,
.esri-basemap-layer-list__item-catalog-icon {
  margin-inline-end: 0;
}
.esri-basemap-layer-list__item-action-image {
  text-align: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
}
.esri-basemap-layer-list__action-menu .esri-basemap-layer-list__action-group {
  display: none;
}
.esri-basemap-layer-list__action-menu[open] .esri-basemap-layer-list__action-group {
  display: flex;
}
.esri-basemap-layer-list__visible-icon {
  visibility: hidden;
}
.esri-basemap-layer-list__item--active:hover > .esri-basemap-layer-list__visible-toggle > .esri-basemap-layer-list__visible-icon,
.esri-basemap-layer-list__item--active:focus > .esri-basemap-layer-list__visible-toggle > .esri-basemap-layer-list__visible-icon,
.esri-basemap-layer-list__item--active:focus-within > .esri-basemap-layer-list__visible-toggle > .esri-basemap-layer-list__visible-icon {
  visibility: visible;
}
.esri-basemap-layer-list__status-indicator {
  visibility: hidden;
  color: #0000;
  margin-inline: 0;
}
.esri-basemap-layer-list__publishing {
  visibility: visible;
  color: #6e6e6e;
  animation: 2s infinite esri-basemap-layer-list__publishing-anim;
}
.esri-basemap-layer-list__updating {
  visibility: visible;
  animation: 2s infinite esri-basemap-layer-list__updating-anim;
}
.esri-basemap-layer-list__connection-status {
  visibility: visible;
  color: #f89927;
  width: 16px;
  height: 16px;
  margin-inline: 7px;
}
.esri-basemap-layer-list__connection-status--connected {
  color: #35ac46;
}
.esri-basemap-layer-list__item-content-bottom {
  margin: 12px 15px;
}
.esri-basemap-layer-list__item-content-bottom .esri-legend__service {
  padding: 0 0 12px;
}
.esri-basemap-layer-list__item-message {
  margin: 12px 15px;
}
.esri-basemap-layer-list__editing {
  padding-block: var(--calcite-spacing-sm);
  padding-inline: var(--calcite-spacing-sm);
}
@keyframes esri-basemap-layer-list__updating-anim {
  0%, 40% {
    color: #0000;
  }
  50%, 80% {
    color: var(--calcite-color-brand);
  }
  to {
    color: #0000;
  }
}
@keyframes esri-basemap-layer-list__publishing-anim {
  0%, 20% {
    transform: rotate(45deg);
  }
  80%, to {
    transform: rotate(135deg);
  }
}
@keyframes esri-basemap-slide {
  0% {
    opacity: 0;
    margin-top: 0;
    margin-left: 0;
  }
  75% {
    opacity: 0;
    margin-top: 0;
    margin-left: 0;
  }
  to {
    opacity: 1;
    margin-top: 5px;
    margin-left: 5px;
  }
}
.esri-basemap-toggle {
  box-shadow: none;
}
.esri-basemap-toggle calcite-button {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 69px;
  height: 69px;
  display: flex;
  position: relative;
  overflow: visible;
}
.esri-basemap-toggle__container,
.esri-basemap-toggle__image {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.esri-basemap-toggle__container {
  box-shadow: 0 1px 2px #0000004d;
}
.esri-basemap-toggle__image {
  background-color: #fff;
  background-image: url("./media/basemap-toggle-64-CRSUPFF7.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.esri-basemap-toggle__image--loading {
  background-image: unset;
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-basemap-toggle__image--secondary {
  margin-top: 5px;
  margin-left: 5px;
  animation: 2s ease-in-out esri-basemap-slide;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-basemap-thumbnail__overlay-scrim {
  --calcite-scrim-background:#00000080;
  color: var(--calcite-color-text-inverse);
}
.esri-basemap-toggle__image-overlay {
  background-color: #fff0;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  transition: background-color .125s ease-in-out;
  display: flex;
  position: absolute;
}
.esri-basemap-toggle__image-overlay .esri-basemap-toggle:hover {
  background-color: #2e2e2e66;
}
.esri-basemap-toggle__title {
  text-align: center;
  background-color: #ffffffb3;
  flex: 1 0 100%;
  height: auto;
  padding: .5em;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.3em;
}
.esri-widget.esri-basemap-toggle .esri-widget.esri-basemap-toggle,
.esri-ui-corner .esri-widget.esri-basemap-toggle {
  box-shadow: none;
  background-color: #0000;
}
.esri-batch-attribute-form {
  background-color: var(--calcite-color-background);
  padding: var(--esri-widget-padding);
}
.esri-batch-attribute-form__notice-error {
  margin: 0 0 var(--calcite-spacing-xxl);
}
.esri-batch-attribute-form__form {
  flex-direction: column;
  display: flex;
}
.esri-batch-attribute-form__centered-button {
  align-self: center;
}
.esri-batch-attribute-form__description-text {
  color: #6e6e6e;
}
.esri-batch-attribute-form__label {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  opacity: 1;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 6px;
  transition: opacity .25s, margin .25s;
  display: flex;
  position: relative;
}
.esri-batch-attribute-form__label:last-child {
  margin-bottom: 0;
}
.esri-batch-attribute-form__label-text-content {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  align-items: center;
  display: flex;
}
.esri-batch-attribute-form__input--switch {
  margin: 7px 0;
}
.esri-batch-attribute-form__input--radio-label {
  align-items: center;
  display: flex;
}
.esri-batch-attribute-form__input--radio-group {
  flex-direction: column;
  display: flex;
}
.esri-batch-attribute-form__input--radio-placeholder {
  color: var(--calcite-color-text-3);
  font-style: italic;
}
.esri-batch-attribute-form__form-header {
  margin-bottom: 12px;
}
.esri-batch-attribute-form__form-header .esri-batch-attribute-form__description-text ~ .esri-widget__heading {
  margin-bottom: 0;
}
.esri-batch-attribute-form__input {
  width: 100%;
}
.esri-batch-attribute-form__input:focus {
  outline: var(--calcite-spacing-base) solid var(--calcite-color-brand);
  outline-offset: -2px;
}
.esri-batch-attribute-form__input--disabled {
  background-color: var(--calcite-color-background);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-batch-attribute-form__individual-element {
  margin: var(--calcite-spacing-xxl) 0;
}
.esri-batch-attribute-form__date-input-container {
  gap: var(--calcite-spacing-sm);
  flex-direction: column;
  display: flex;
}
.esri-batch-attribute-form__date-input-container .esri-batch-attribute-form__input {
  margin-bottom: 3px;
}
.esri-batch-attribute-form__date-input-container :last-child {
  margin-bottom: 0;
}
.esri-batch-attribute-form__group {
  margin: 0 0 12px;
  margin-inline: calc(var(--calcite-spacing-md) * -1);
  background-color: inherit;
}
.esri-batch-attribute-form__group--sequential {
  border-bottom: none;
  border-inline-start: 3px solid #6e6e6e4d;
}
.esri-batch-attribute-form__block {
  margin-inline: -10px;
}
.esri-batch-attribute-form__text-element-input {
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-normal);
}
.esri-batch-attribute-form__text-element-input a {
  transition:
    background-color,
    block-size,
    border-color,
    box-shadow,
    color,
    inset-block-end,
    inset-block-start,
    inset-inline-end,
    inset-inline-start inset-size,
    opacity,
    outline-color,
    transform var(--calcite-animation-timing) ease-in-out 0s,
    outline 0s,
    outline-offset 0s;
  background-color: #0000;
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));
  color: var(--calcite-color-text-link);
  background-position-x: 0%, 100%;
  background-position-y: min(1.5em, 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: 0% 1px, 100% 1px;
  border-style: none;
  padding: 0;
  text-decoration: none;
  display: inline;
  position: relative;
}
.esri-batch-attribute-form__text-element-input a:hover,
.esri-batch-attribute-form__text-element-input a:focus {
  background-size: 100% 1px, 100% 1px;
}
.esri-batch-attribute-form__text-element-input a:active {
  background-size: 100% 2px, 100% 2px;
}
.esri-batch-attribute-form__text-element-input a.calcite--rtl {
  background-position: 100% 100%, 100% 100%;
}
.esri-batch-attribute-form__text-element-input code {
  border: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  border-radius: var(--calcite-corner-radius-xs);
  background-color: var(--calcite-color-foreground-3);
  padding: var(--calcite-spacing-xxs);
  white-space: normal;
  word-break: break-word;
  color: var(--calcite-color-text-2);
  font-family: var(--calcite-code-family);
  font-size: 85%;
}
.esri-batch-attribute-form__text-element-input h1,
.esri-batch-attribute-form__text-element-input h2,
.esri-batch-attribute-form__text-element-input h3,
.esri-batch-attribute-form__text-element-input h4,
.esri-batch-attribute-form__text-element-input h5 {
  margin-bottom: var(--calcite-spacing-xxs);
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-1);
  font-size: var(--calcite-font-size-0);
  font-weight: var(--calcite-font-weight-bold);
}
.esri-batch-attribute-form__text-element-input h5 {
  font-weight: var(--calcite-font-weight-medium);
}
.esri-batch-attribute-form__text-element-input h6 {
  margin-bottom: var(--calcite-spacing-xxs);
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-2);
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-batch-attribute-form__text-element-input p {
  margin-bottom: var(--calcite-spacing-lg);
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-normal);
}
.esri-batch-attribute-form__text-element-input strong {
  font-weight: var(--calcite-font-weight-bold);
}
[dir=rtl] .esri-batch-attribute-form__date-input-part:first-child .esri-batch-attribute-form__input {
  border-right: var(--calcite-spacing-px) solid #6e6e6e4d;
  border-left: none;
}
.esri-binary-color-size-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-binary-color-size-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-binary-color-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__max,
.esri-binary-color-size-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__max:before,
.esri-binary-color-size-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-binary-color-size-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-binary-color-size-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-binary-color-size-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-binary-color-size-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-binary-color-size-slider .esri-slider .esri-histogram__average-line,
.esri-binary-color-size-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-binary-color-size-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-binary-color-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-binary-color-size-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-binary-color-size-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-binary-color-size-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-binary-color-size-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-binary-color-size-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-bookmarks {
  background-color: #0000;
  display: flex;
}
.esri-bookmarks .esri-widget__content--empty {
  background-color: #f3f3f3;
}
.esri-bookmarks calcite-flow-item[loading] {
  min-height: 150px;
}
.esri-bookmarks__loader {
  margin-inline-end: 0;
}
.esri-bookmarks__filter-no-results {
  padding: 12px 15px;
}
.esri-bookmarks__bookmark-image-container {
  min-width: 16px;
  min-height: 16px;
  margin: 0;
  margin-inline-start: 6px;
  display: flex;
  position: relative;
}
.esri-bookmarks__bookmark-image-container .esri-bookmarks__image {
  max-width: 64px;
  overflow: hidden;
}
.esri-bookmarks--drag-enabled .esri-bookmarks__bookmark-image-container {
  margin-inline-start: 0;
}
.esri-bookmarks__no-bookmarks-heading {
  margin: 0;
  margin-block-start: 12px;
  font-size: 16px;
  font-weight: 400;
}
.esri-bookmarks__authoring {
  flex-direction: column;
  display: flex;
}
.esri-bookmarks__authoring-image-container {
  align-items: middle;
  text-align: center;
  background-image: url("./media/transparent-bg-5JHEEMBT.png");
  justify-content: center;
  width: 128px;
  height: 128px;
  margin-block-end: 12px;
  margin-inline-end: 15px;
  display: flex;
}
.esri-bookmarks__authoring-image-container .esri-bookmarks__image {
  max-width: 128px;
  max-height: 128px;
}
.esri-bookmarks__form {
  height: 100%;
  display: flex;
}
.esri-bookmarks__form-content {
  padding-block: 12px;
  padding-inline: 15px;
}
.esri-bookmarks__authoring-refresh-thumbnail-button {
  margin-block-end: 12px;
}
.esri-bookmarks__bookmark-content-label {
  color: var(--calcite-color-text-1);
  font-size: var(--calcite-font-size--2);
}
.esri-bookmarks__bookmark-content calcite-table {
  margin-inline-start: -.25rem;
}
.esri-bookmarks__bookmark-content calcite-table,
.esri-bookmarks__bookmark-content calcite-table-row {
  --calcite-color-border-3:transparent;
  --calcite-color-text-1:var(--calcite-color-text-3);
  --calcite-internal-table-row-background:transparent;
  pointer-events: none;
}
.esri-building-level-picker-label {
  text-align: center;
  color: #6e6e6e;
  height: 40px;
  font-size: 40px;
  line-height: 46px;
}
.esri-building-level-picker-label > span {
  pointer-events: none;
}
.esri-building-level-picker-label,
.esri-building-level-picker-label--empty {
  cursor: pointer;
  text-align: center;
  width: 90px;
  transition: opacity .3s;
  position: relative;
}
.esri-building-level-picker-label.esri-building-level-picker-label--active,
.esri-building-level-picker-label--empty.esri-building-level-picker-label--active {
  color: #0079c1;
}
.esri-building-level-picker-label--empty {
  cursor: default;
  color: #323232;
  font-size: 14px;
  font-weight: 300;
}
.esri-building-level-picker-label__clear-button {
  appearance: none;
  margin-inline-start: 7px;
  display: none;
  position: absolute;
  inset-block-start: -4px;
}
.esri-building-level-picker-label--active .esri-building-level-picker-label__clear-button {
  display: inline-block;
}
.esri-building-level-picker-item__base {
  pointer-events: none;
  will-change: height;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.esri-building-level-picker-item__base .rect {
  background-color: rgb(from var(--calcite-color-foreground-1) r g b/70%);
  pointer-events: none;
  will-change: height;
  border: 2px solid #6e6e6e4d;
  outline: 1px solid #0000;
  margin-block-start: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.esri-building-level-picker-item--hover .esri-building-level-picker-item__base .rect {
  background-color: rgb(from var(--calcite-color-foreground-1) r g b/90%);
  border-color: #0079c1;
  box-shadow: 0 0 2px 1px #0079c1;
}
.esri-building-level-picker-item--active .esri-building-level-picker-item__base .rect {
  background-color: #0079c1;
  border-color: #0079c1;
}
.esri-building-level-picker-item {
  will-change: height;
  touch-action: none;
  border: 1px solid #0000;
}
.esri-building-level-picker-item,
.esri-building-level-picker-item .esri-building-level-picker-item__base,
.esri-building-level-picker-item .rect {
  transition:
    height .1s ease-out,
    width .1s ease-out,
    background-color .1s ease-in-out,
    border-color .1s ease-in-out;
}
.esri-building-level-picker--animate-level .esri-building-level-picker-item,
.esri-building-level-picker--animate-level .esri-building-level-picker-item .esri-building-level-picker-item__base,
.esri-building-level-picker--animate-level .esri-building-level-picker-item .rect {
  transition:
    height .3s cubic-bezier(.63, -.265, .48, 1.64),
    width .3s cubic-bezier(.63, -.265, .48, 1.64),
    background-color .1s ease-in-out,
    border-color .1s ease-in-out;
}
.esri-building-level-picker {
  flex-direction: row;
  align-items: center;
  display: flex;
}
.esri-building-level-picker.esri-building-level-picker--no-level {
  display: none;
}
.esri-building-level-picker__levels-container {
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding: 20px 0;
  display: flex;
  transform: rotate(180deg);
}
.esri-building-level-picker__inner-levels-container {
  transition: margin .3s;
}
.esri-building-level-picker__label-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  height: 104px;
  margin-inline-end: 12px;
  display: flex;
}
.esri-building-level-picker__label-container:focus:focus-visible {
  outline: 2px solid var(--calcite-ui-focus-color,var(--calcite-color-brand));
  outline-offset: calc(2px * (1 - 2 * clamp(0, var(--calcite-offset-invert-focus), 1)));
}
.esri-building-phase-picker {
  --num-phases:7;
  --container-width:100cqw;
  --phase-size:24px;
  --arrow-width:24px;
  --padding:var(--calcite-spacing-xxs);
  --divider-width-min:var(--calcite-spacing-base);
  --divider-width-max:var(--calcite-spacing-xl);
  --divider-width:calc((var(--container-width) - (var(--phase-size) * var(--num-phases)) - (var(--arrow-width) * 2) - (var(--padding) * 2) ) / (var(--num-phases) - 1));
  container-type: inline-size;
}
.esri-building-phase-picker,
.esri-building-phase-picker__phases-container {
  flex-direction: row;
  align-items: center;
  display: flex;
}
.esri-building-phase-picker__phases-container {
  padding: var(--calcite-spacing-xxs);
  flex-shrink: 1;
  position: relative;
  overflow: hidden;
}
.esri-building-phase-picker__phase {
  appearance: none;
  border: solid var(--calcite-border-width-sm) #6e6e6e4d;
  border-radius: var(--calcite-corner-radius-pill);
  background: var(--calcite-color-background);
  cursor: pointer;
  padding: 0;
  width: var(--phase-size);
  height: var(--phase-size);
  color: var(--calcite-color-text-1);
  font-family: var(--calcite-sans-family);
  font-size: var(--calcite-font-size);
  font-weight: var(--calcite-font-weight-regular);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  display: flex;
}
.esri-building-phase-picker__phase:hover {
  border-width: var(--calcite-border-width-md);
  border-color: var(--calcite-color-brand);
}
.esri-building-phase-picker__phase:focus:focus-visible {
  outline: 2px solid var(--calcite-ui-focus-color,var(--calcite-color-brand));
  outline-offset: calc(2px * (1 - 2 * clamp(0, var(--calcite-offset-invert-focus), 1)));
}
.esri-building-phase-picker__phase--active {
  border-color: var(--calcite-color-brand);
  background-color: #e2f1fb;
}
.esri-building-phase-picker__phase--current {
  background-color: var(--calcite-color-brand);
  color: var(--calcite-color-text-inverse);
}
.esri-building-phase-picker__arrow-left,
.esri-building-phase-picker__arrow-right {
  width: var(--arrow-width);
  min-width: var(--arrow-width);
}
.esri-building-phase-picker__divider {
  background: var(--calcite-color-border-1);
  min-width: clamp(var(--divider-width-min), var(--divider-width), var(--divider-width-max));
  height: var(--calcite-border-width-sm);
  flex: 0;
}
.esri-building-phase-picker__divider--active {
  background-color: var(--calcite-color-brand);
}
.esri-building-disciplines-tree-node__label {
  --calcite-label-margin-bottom:0;
  word-break: break-all;
}
.esri-building-explorer {
  padding: var(--esri-widget-padding);
  width: 300px;
  max-width: 100%;
  max-height: calc(100vh - 30px);
  position: relative;
  overflow: hidden auto;
}
.esri-building-explorer .esri-widget__heading {
  font-weight: 400;
}
.esri-building-explorer__section:not(:last-child) {
  margin-block-end: 30px;
}
.esri-building-explorer__panel--error {
  color: #8c2907;
  margin: 0;
  animation: .25s ease-in-out esri-fade-in;
}
.esri-catalog-layer-list {
  display: flex;
}
.esri-catalog-layer-list__filter-no-results {
  padding: 12px 15px;
}
.esri-catalog-layer-list__item {
  --calcite-list-item-icon-center:8.5px;
}
.esri-catalog-layer-list__item-table-icon {
  margin-inline-end: 0;
}
.esri-catalog-layer-list__item-action-image {
  text-align: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
}
.esri-catalog-layer-list__action-menu .esri-catalog-layer-list__action-group {
  display: none;
}
.esri-catalog-layer-list__action-menu[open] .esri-catalog-layer-list__action-group {
  display: flex;
}
.esri-catalog-layer-list__visible-icon {
  visibility: hidden;
}
.esri-catalog-layer-list__item--active:hover > .esri-catalog-layer-list__visible-toggle > .esri-catalog-layer-list__visible-icon,
.esri-catalog-layer-list__item--active:focus > .esri-catalog-layer-list__visible-toggle > .esri-catalog-layer-list__visible-icon,
.esri-catalog-layer-list__item--active:focus-within > .esri-catalog-layer-list__visible-toggle > .esri-catalog-layer-list__visible-icon {
  visibility: visible;
}
.esri-catalog-layer-list__status-indicator {
  visibility: hidden;
  color: #0000;
  margin-inline: 0;
}
.esri-catalog-layer-list__publishing {
  visibility: visible;
  color: #6e6e6e;
  transform-origin: var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);
  animation: 2s infinite esri-catalog-layer-list__publishing-anim;
}
.esri-catalog-layer-list__updating {
  visibility: visible;
  animation: 2s infinite esri-catalog-layer-list__updating-anim;
}
.esri-catalog-layer-list__connection-status {
  visibility: visible;
  color: #f89927;
  width: 16px;
  height: 16px;
  margin-inline: 7px;
}
.esri-catalog-layer-list__connection-status--connected {
  color: #35ac46;
}
.esri-catalog-layer-list__item-content-bottom {
  margin: 12px 15px;
}
.esri-catalog-layer-list__item-content-bottom .esri-legend__service {
  padding: 0 0 12px;
}
.esri-catalog-layer-list__item-message {
  margin: 12px 15px;
}
@keyframes esri-catalog-layer-list__updating-anim {
  0%, 40% {
    color: #0000;
  }
  50%, 80% {
    color: var(--calcite-color-brand);
  }
  to {
    color: #0000;
  }
}
@keyframes esri-catalog-layer-list__publishing-anim {
  0%, 20% {
    transform: rotate(45deg);
  }
  80%, to {
    transform: rotate(135deg);
  }
}
.esri-classed-color-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-classed-color-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-classed-color-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-classed-color-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-classed-color-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-classed-color-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-classed-color-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-classed-color-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-classed-color-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-classed-color-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-classed-color-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-classed-color-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-classed-color-slider .esri-slider .esri-slider__max,
.esri-classed-color-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-classed-color-slider .esri-slider .esri-slider__max:before,
.esri-classed-color-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-classed-color-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-classed-color-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-classed-color-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-classed-color-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-classed-color-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-classed-color-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-classed-color-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-classed-color-slider .esri-slider .esri-histogram__average-line,
.esri-classed-color-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-classed-color-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-classed-color-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-classed-color-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-classed-color-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-classed-color-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-classed-color-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-classed-color-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-classed-color-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-classed-color-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-classed-size-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-classed-size-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-classed-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-classed-size-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-classed-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-classed-size-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-classed-size-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-classed-size-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-classed-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-classed-size-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-classed-size-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-classed-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-classed-size-slider .esri-slider .esri-slider__max,
.esri-classed-size-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-classed-size-slider .esri-slider .esri-slider__max:before,
.esri-classed-size-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-classed-size-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-classed-size-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-classed-size-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-classed-size-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-classed-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-classed-size-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-classed-size-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-classed-size-slider .esri-slider .esri-histogram__average-line,
.esri-classed-size-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-classed-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-classed-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-classed-size-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-classed-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-classed-size-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-classed-size-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-classed-size-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-classed-size-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-classed-size-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-color-picker {
  width: max-content;
  height: max-content;
  display: inline-block;
  position: relative;
}
.esri-color-picker__toggle-button {
  z-index: 1;
  border: solid 1px var(--calcite-color-border-1);
  background: var(--esri-color-picker-value);
  position: relative;
}
.esri-color-picker__bg-pattern {
  opacity: .3;
  z-index: 0;
  background-color: #323232;
  background-image:
    repeating-linear-gradient(
      45deg,
      #fff 25%,
      #0000 25% 75%,
      #fff 75%,
      #fff),
    repeating-linear-gradient(
      45deg,
      #fff 25%,
      #323232 25% 75%,
      #fff 75%,
      #fff);
  background-position: 0 0, 50%;
  background-size: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-color-picker__popover {
  --calcite-color-border-1:none;
}
.esri-color-size-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-color-size-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-color-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-color-size-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-color-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-color-size-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-color-size-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-color-size-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-color-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-color-size-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-color-size-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-color-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-color-size-slider .esri-slider .esri-slider__max,
.esri-color-size-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-color-size-slider .esri-slider .esri-slider__max:before,
.esri-color-size-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-color-size-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-color-size-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-color-size-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-color-size-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-color-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-color-size-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-color-size-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-color-size-slider .esri-slider .esri-histogram__average-line,
.esri-color-size-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-color-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-color-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-color-size-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-color-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-color-size-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-color-size-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-color-size-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-color-size-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-color-size-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-color-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-color-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-color-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-color-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-color-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-color-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-color-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-color-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-color-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-color-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-color-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-color-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-color-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-color-slider .esri-slider .esri-slider__max,
.esri-color-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-color-slider .esri-slider .esri-slider__max:before,
.esri-color-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-color-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-color-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-color-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-color-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-color-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-color-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-color-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-color-slider .esri-slider .esri-histogram__average-line,
.esri-color-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-color-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-color-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-color-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-color-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-color-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-color-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-color-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-color-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-color-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-color-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-color-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-color-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-compass {
  --calcite-color-foreground-3:#fff;
  border-radius: 50%;
}
.esri-compass__icon-container {
  justify-content: center;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
}
[dir=rtl] .esri-compass__icon-container {
  transform: translate(50%, -50%);
}
.esri-coordinate-conversion {
  cursor: default;
  width: 400px;
  font-size: 12px;
  position: relative;
}
.esri-coordinate-conversion .esri-select option[disabled] {
  color: #6e6e6e66;
}
.esri-coordinate-conversion.esri-disabled {
  color: #6e6e6e66;
  pointer-events: none;
}
.esri-coordinate-conversion.esri-disabled [class^=esri-icon-]:before,
.esri-coordinate-conversion.esri-disabled [class*=" esri-icon-"]:before {
  color: #6e6e6e66;
}
.esri-coordinate-conversion--no-basemap {
  width: auto;
  padding: 1em;
}
.esri-coordinate-conversion--capture-mode .esri-coordinate-conversion__mode-toggle {
  color: #6e6e6e;
  background: #f3f3f3;
}
.esri-coordinate-conversion__conversion-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.esri-coordinate-conversion__display {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  direction: ltr;
  flex: auto;
  min-height: 2em;
  padding: .5em;
}
.esri-coordinate-conversion__display:hover,
.esri-coordinate-conversion__select-row:hover {
  background-color: #f3f3f3;
}
.esri-coordinate-conversion__input-group {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 12px auto;
  display: flex;
}
.esri-coordinate-conversion__input-group label {
  align-items: center;
  display: flex;
}
.esri-coordinate-conversion .esri-coordinate-conversion__input-coordinate[type=text] {
  flex: 1;
  height: 2em;
  margin: 0;
  font-size: 12px;
}
.esri-coordinate-conversion__settings {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.esri-coordinate-conversion__settings .esri-select {
  font-size: inherit;
}
.esri-coordinate-conversion__settings-group {
  flex-direction: column;
  align-items: center;
  width: 60%;
  margin-top: 12px;
  display: flex;
}
.esri-coordinate-conversion__settings-group > * {
  margin-bottom: .5em;
}
.esri-coordinate-conversion__settings-group-horizontal {
  flex-direction: row;
  width: 100%;
  display: flex;
  position: relative;
}
.esri-coordinate-conversion__settings-group:last-child {
  text-align: center;
  width: 100%;
  margin-bottom: 6px;
}
.esri-coordinate-conversion__preview-coordinate {
  min-height: 1.25em;
}
.esri-coordinate-conversion__row {
  padding: 0 var(--esri-widget-padding-y);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.esri-coordinate-conversion__row .esri-coordinate-conversion__row-button {
  display: none;
}
.esri-coordinate-conversion__row:hover .esri-coordinate-conversion__row-button,
.esri-coordinate-conversion__row:focus-within .esri-coordinate-conversion__row-button {
  display: flex;
}
.esri-coordinate-conversion__pattern-input {
  width: 100%;
}
.esri-coordinate-conversion__tools {
  flex: none;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}
.esri-coordinate-conversion__select-row,
.esri-coordinate-conversion__input-select {
  text-align-last: center;
}
.esri-coordinate-conversion__conversions-view {
  margin: var(--esri-widget-padding-y) 0;
}
.esri-ui-top-right .esri-coordinate-conversion__conversions-view,
.esri-ui-top-left .esri-coordinate-conversion__conversions-view,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-down {
  flex-direction: column;
  display: flex;
}
.esri-ui-top-right .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-ui-top-left .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-down .esri-coordinate-conversion__conversion-list {
  flex-direction: column;
}
.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up {
  flex-direction: column-reverse;
  display: flex;
}
.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up .esri-coordinate-conversion__conversion-list {
  flex-direction: column-reverse;
}
.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-up,
.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-down,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-up,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-down,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up .esri-widget--button .esri-icon-up,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up .esri-widget--button .esri-icon-down {
  transform: rotate(180deg);
}
.esri-coordinate-conversion__heading {
  background-color: #f3f3f3;
  align-items: center;
  width: 100%;
  height: 32px;
  display: flex;
}
.esri-coordinate-conversion__heading .esri-widget__heading {
  margin: 0 auto;
}
.esri-coordinate-conversion__popup {
  opacity: .8;
  z-index: 1;
  text-align: center;
  width: 50%;
  white-space: inherit;
  color: #fff;
  background-color: #4c4c4c;
  padding: 1em;
  animation: .25s linear esri-fade-in;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.esri-coordinate-conversion__clipboard-popup {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  font-size: 10px;
  top: auto;
  left: auto;
  transform: none;
}
.esri-date-picker {
  background-color: #fff;
  border: 1px solid #6e6e6e4d;
  display: inline-flex;
}
.esri-date-picker__calendar {
  padding: 6px;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-date-picker__calendar .esri-widget--button {
  touch-action: none;
}
.esri-date-picker__day-picker,
.esri-date-picker__month-picker,
.esri-date-picker__year-picker {
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-date-picker__day-picker {
  flex-flow: column wrap;
}
.esri-date-picker__day-picker,
.esri-date-picker__month-picker {
  margin-bottom: 6px;
}
.esri-date-picker__date {
  margin: 0 24px 0 0;
}
.esri-date-picker__calendar-toggle {
  color: #323232;
  border: none;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 .5em;
  font-size: 14px;
}
.esri-date-picker .esri-date-picker__month-dropdown {
  border: none;
  padding-right: 2.3em;
  font-weight: 600;
}
.esri-date-picker__week-item {
  justify-content: center;
  display: flex;
}
.esri-date-picker__day-item--header {
  cursor: auto;
  background: #f3f3f3;
  border-top: 1px solid #6e6e6e4d;
  font-weight: 600;
}
.esri-date-picker__day-item {
  cursor: pointer;
  border-bottom: 1px solid #6e6e6e4d;
  border-right: 1px solid #6e6e6e4d;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}
.esri-date-picker__day-item:first-child {
  border-left: 1px solid #6e6e6e4d;
}
.esri-date-picker__day-item--nearby-month {
  color: #6e6e6e66;
}
.esri-date-picker__day-item--today {
  color: #0079c1;
}
.esri-date-picker__day-item--active {
  background: #6e6e6e4d;
}
.esri-date-picker__month-picker {
  justify-content: space-between;
  font-weight: 600;
}
.esri-date-picker__month-picker .esri-button {
  width: auto;
}
.esri-date-picker__year-picker-item {
  cursor: pointer;
  color: #323232;
  margin: 0 4px;
  padding: 6px;
}
.esri-date-picker__day-item--selected,
.esri-date-picker__year-picker-item--selected {
  cursor: auto;
  color: #fff;
  background-color: #0079c1;
}
.esri-date-picker__input {
  align-items: center;
  display: flex;
  position: relative;
}
.esri-date-picker__text-input.esri-input {
  border: none;
  margin: 0;
  padding-left: 30px;
}
.esri-date-picker__icon--leading {
  position: absolute;
  left: 7px;
}
[dir=rtl] .esri-date-picker__calendar {
  right: 0;
}
[dir=rtl] .esri-date-picker__date {
  margin: 0 0 0 24px;
}
[dir=rtl] .esri-date-picker__day-item:first-child {
  border-left: none;
}
[dir=rtl] .esri-date-picker__day-item:last-child {
  border-left: 1px solid #6e6e6e4d;
}
[dir=rtl] .esri-date-picker__text-input.esri-input {
  padding-right: 30px;
  padding-left: unset;
}
[dir=rtl] .esri-date-picker__icon--leading {
  right: 7px;
  left: unset;
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 12px #e84c3d00;
  }
}
.esri-daylight {
  padding: var(--esri-widget-padding);
  flex-direction: column;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: space-between;
  gap: 12px;
  width: 350px;
  display: flex;
}
.esri-daylight .esri-slider.esri-slider--horizontal {
  width: inherit;
  flex-grow: 1;
  padding: 30px 13px 28px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-widget__anchor,
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__anchor {
  color: inherit;
  outline: none !important;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__anchor:focus .esri-slider__thumb {
  outline-offset: 2px;
  outline: 2px solid #0079c1;
  overflow: visible;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__segment.esri-slider__segment-0 {
  background-color: unset;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb {
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick {
  background: 0 0;
  width: 7px;
  height: 20px;
  margin: -3px;
  padding: 3px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick:after {
  content: "";
  background: #6e6e6e66;
  width: 1px;
  display: block;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick.secondary-tick:after {
  height: 3px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick:after {
  height: 6px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick .primary-tick__ampm {
  font-size: 10px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__ticks {
  width: calc(100% - 1px);
  margin: 6px 0 0;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick-label {
  text-align: center;
  word-break: normal;
  width: min-content;
  margin-top: 12px;
  font-size: 10px;
  line-height: 1.1em;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick-label.primary-tick__label--keep-all {
  word-break: keep-all;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__label {
  font-size: 12px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__label-input {
  font-size: 10px;
}
.esri-daylight__anchor {
  font-size: 12px;
}
.esri-daylight__panel--error {
  padding: 0 15px;
  animation: .25s ease-in-out esri-fade-in;
}
.esri-daylight__container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  display: flex;
}
.esri-daylight__date-picker,
.esri-daylight__season-picker {
  flex-grow: 1;
}
.esri-daylight__play-pause-button {
  flex: 0;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb {
  background-color: #0079c1;
  background-clip: padding-box;
  border: 7px solid #0079c14d;
  width: 27px;
  height: 27px;
  top: -13.5px;
  left: -13.5px;
  background-position: 0 0 !important;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb:hover,
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb:active,
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb:focus {
  background-color: #00598e;
}
.esri-daylight__date-picker {
  z-index: 1;
}
.esri-daylight .esri-slider.esri-slider--horizontal {
  z-index: 2;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box {
  z-index: 1;
  min-width: inherit;
  text-align: center;
  white-space: nowrap;
  will-change: left;
  align-items: center;
  gap: 2px;
  margin: -9px 0 0;
  font-size: 10px;
  display: flex;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box .esri-slider__label {
  font-variant-numeric: tabular-nums;
  outline: none;
  min-width: auto;
  margin: 0;
  line-height: 1em;
  list-style: none;
  display: inline-block;
  position: static;
  inset-inline-start: auto;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box .esri-slider__label-input {
  display: inline-block;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-on,
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-off {
  width: min-content;
}
.esri-daylight .esri-slider--ampm-on .esri-slider.esri-slider--horizontal {
  padding: 30px 8px 42px;
}
.esri-daylight .esri-slider--ampm-on .esri-slider.esri-slider--horizontal ~ .esri-daylight__play-pause-button {
  margin-bottom: 10px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-widget__anchor.esri-slider-with-dropdown__anchor {
  color: #6e6e6e;
  font-size: 10px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-widget__anchor.esri-slider-with-dropdown__anchor:hover {
  color: #2e2e2e;
}
.esri-daylight calcite-label {
  --calcite-label-margin-bottom:0;
}
.esri-directional-pad {
  -webkit-user-select: none;
  user-select: none;
  background: 0 0;
  outline: none;
  flex-direction: column;
  gap: 7px;
  display: flex;
  box-shadow: none !important;
}
.esri-directional-pad calcite-action-pad {
  display: contents;
}
.esri-directional-pad calcite-action-group {
  touch-action: none;
}
.esri-directional-pad calcite-action {
  aspect-ratio: 1;
}
.esri-directional-pad__buttons-container {
  --calcite-color-background:transparent;
  --calcite-action-group-gap:0;
  --calcite-action-group-padding:0;
}
.esri-directional-pad__buttons-container calcite-action {
  --calcite-color-focus-color:var(--calcite-color-foreground-3);
}
.esri-directional-pad__buttons-container calcite-action:not([active]) {
  --calcite-color-foreground-3:var(--calcite-color-foreground-1);
}
.esri-directional-pad__buttons-container calcite-action[active] {
  --calcite-color-foreground-1:var(--calcite-color-foreground-3);
}
.esri-directional-pad__buttons-container calcite-icon {
  transform: var(--rotation,unset);
}
@media (hover: none) {
  .esri-directional-pad__buttons-container calcite-action {
    --calcite-color-foreground-2:var(--calcite-color-foreground-1);
    --calcite-color-text-1:var(--calcite-color-text-3);
  }
}
.esri-directional-pad__rotation-container {
  width: 100%;
  display: block;
}
.esri-directional-pad__rotation-container calcite-action {
  flex: .3;
}
.esri-directional-pad__rotation-slider-container {
  flex: 1;
  align-items: center;
  display: flex;
}
.esri-directional-pad__rotation-slider-container calcite-slider {
  flex: 1;
  padding-inline: 5px;
}
@media print {
  body.esri-directions__print-preview-media > :not(dialog.esri-directions__print-preview-dialog) {
    display: none;
  }
}
.esri-directions calcite-flow-item {
  --calcite-color-background:var(--calcite-color-foreground-1);
}
.esri-directions__accordion {
  --calcite-accordion-border-color:transparent;
}
.esri-directions__stop-container {
  --calcite-list-border-color:transparent;
  --calcite-list-background-color-hover:var(--calcite-color-foreground-1);
  margin-block-start: var(--calcite-spacing-sm);
  display: flex;
}
.esri-directions__stop-list {
  flex: auto;
}
.esri-directions__action-container {
  margin-top: var(--calcite-spacing-sm);
  margin-inline: var(--calcite-spacing-sm);
  display: flex;
}
.esri-directions__add-stop-button {
  margin-inline-end: var(--calcite-spacing-xs);
}
.esri-directions__departure-time {
  --calcite-label-margin-bottom:0;
}
.esri-directions__departure-time-options {
  margin-bottom: var(--calcite-spacing-sm);
  display: flex;
}
.esri-directions__departure-time-options calcite-input-date-picker,
.esri-directions__departure-time-options calcite-input-time-picker {
  flex: 1;
}
.esri-directions__directions-header {
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--2);
  flex-direction: column;
  display: flex;
}
.esri-directions__header-stops {
  gap: var(--calcite-spacing-base) var(--calcite-spacing-xxs);
  font-size: var(--calcite-font-size--1);
  grid-template-columns: auto 1fr;
  margin-block-end: var(--calcite-spacing-base);
  display: grid;
}
.esri-directions__directions-header-stop-name {
  text-overflow: ellipsis;
  color: var(--calcite-color-text-1);
  font-weight: var(--calcite-font-weight-medium);
  overflow: hidden;
}
.esri-directions__edit-footer {
  border-top: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  padding: var(--calcite-spacing-md);
}
.esri-directions__edit-information-container {
  border-bottom: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  background-color: var(--calcite-color-surface-1);
  padding: var(--calcite-spacing-md);
}
.esri-directions__edit-toolbar-container {
  margin: var(--calcite-spacing-md);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.esri-directions__edit-toolbar {
  border-width: var(--calcite-border-width-sm);
  border-radius: var(--calcite-corner-radius-round);
  border-style: solid;
  border-color: var(--calcite-color-foreground-3);
  flex-flow: row;
  display: flex;
  overflow: hidden;
}
.esri-directions__solve-route {
  border-inline-start: solid var(--calcite-border-width-sm) var(--calcite-color-border-3);
}
.esri-directions__flex-column {
  flex-direction: column;
  display: flex;
}
.esri-directions__flex-row {
  flex-direction: row;
  display: flex;
}
.esri-directions__label-emphasize {
  font-weight: var(--calcite-font-weight-medium);
}
.esri-directions__label-no-bottom-margin {
  --calcite-label-margin-bottom:0;
}
.esri-directions__margin-inline-medium {
  margin-inline: var(--calcite-spacing-md);
}
.esri-directions__padding-medium {
  padding: var(--calcite-spacing-md);
}
.esri-directions__route-item {
  margin: var(--calcite-spacing-md);
  border: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  border-radius: var(--calcite-corner-radius-round);
  flex: 1 0 auto;
  width: auto;
  margin-block-start: var(--calcite-spacing-sm);
  display: flex;
  overflow: hidden;
}
.esri-directions__route-item-button {
  background-color: var(--calcite-color-foreground-1);
  padding: var(--calcite-spacing-sm) var(--calcite-spacing-md);
  text-align: unset;
  font-family: var(--calcite-font-family);
  border: none;
  flex: 1 0 auto;
  align-items: center;
  margin: 0;
  padding-inline-end: var(--calcite-spacing-xs);
  display: flex;
}
.esri-directions__route-item-button:hover {
  background-color: var(--calcite-color-foreground-2);
  cursor: pointer;
}
.esri-directions__route-item-button-content {
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
}
.esri-directions__route-item-label {
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-1);
  font-size: var(--calcite-font-size-md);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-directions__route-item-description {
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--2);
  font-weight: var(--calcite-font-weight-regular);
}
.esri-directions__optimize-section {
  --calcite-block-section-header-text-color:var(--calcite-color-text-1);
}
.esri-directions__optimize-switches {
  cursor: pointer;
  margin-inline-start: var(--calcite-spacing-md);
}
.esri-directions__panel-header-action {
  align-items: center;
  display: flex;
}
.esri-directions__primary-flow-item {
  flex-flow: column;
  flex: auto;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: visible;
}
.esri-directions__primary-footer {
  border-top: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  padding: var(--calcite-spacing-md);
}
.esri-directions__primary-footer-centered {
  border-top: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  padding: var(--calcite-spacing-md);
  flex-flow: column wrap;
  align-items: center;
  display: flex;
}
.esri-directions__primary-footer-loader {
  --calcite-loader-spacing:0;
  margin-top: var(--calcite-spacing-md);
  margin-bottom: var(--calcite-spacing-md);
}
.esri-directions__save-error {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.esri-directions__save-error-icon {
  margin-top: calc(var(--calcite-spacing-lg) * 3);
  margin-bottom: var(--calcite-spacing-xxs);
  color: var(--calcite-color-status-danger);
}
.esri-directions__save-error-label {
  margin-inline: var(--calcite-spacing-sm);
}
.esri-directions__save-process-loader {
  padding-top: calc(var(--calcite-spacing-lg) * 3);
  padding-bottom: calc(var(--calcite-spacing-lg) * 2);
}
.esri-directions__selected-feature-container {
  margin-inline: var(--calcite-spacing-md);
  height: 100px;
  overflow-y: auto;
}
.esri-directions__separator {
  margin: var(--calcite-spacing-md) 0;
  background-color: var(--calcite-color-border-3);
  height: var(--calcite-border-width-sm);
}
.esri-directions__stop-item .esri-search {
  width: auto;
}
.esri-directions__print-preview-dialog {
  box-sizing: border-box;
  background-color: var(--calcite-color-foreground-1);
  border: none;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  top: 0;
  left: 0;
  overflow-y: scroll;
}
.esri-directions__print-preview-content {
  padding-inline: var(--calcite-spacing-md);
  flex-direction: column;
  display: flex;
}
.esri-directions__print-preview-header {
  margin-bottom: var(--calcite-spacing-lg);
  border-block-end: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  align-items: center;
  display: flex;
}
.esri-directions__print-preview-header-label {
  padding-block: var(--calcite-spacing-sm);
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--2);
  font-weight: var(--calcite-font-weight-bold);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}
.esri-directions__print-preview-section {
  margin-top: var(--calcite-spacing-md);
  flex-direction: column;
  display: flex;
}
.esri-directions__print-preview-header-buttons {
  padding-inline-end: var(--calcite-spacing-md);
  display: flex;
}
.esri-directions__print-preview--avoid-page-break {
  break-inside: avoid;
}
@media print {
  .esri-directions__print-preview-dialog {
    height: auto;
    position: static;
    overflow: visible;
  }
  .esri-directions__print-preview--hide-on-print {
    display: none;
  }
}
.esri-editor {
  --calcite-z-index-header:1;
  background-color: var(--calcite-color-background);
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-editor__actions {
  flex-direction: column;
  row-gap: 6px;
  width: 100%;
  display: flex;
}
.esri-editor__actions > * {
  flex-direction: row;
  display: flex;
}
.esri-editor__actions--notice {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  display: flex;
}
.esri-editor__actions--notice calcite-icon {
  --calcite-icon-color:var(--calcite-color-brand);
}
.esri-editor__actions calcite-button {
  flex-grow: 1;
}
.esri-editor__update-actions .esri-editor__selection-toolbar-container {
  margin: 0;
}
.esri-editor__update-actions-list {
  margin-inline: -15px;
}
.esri-editor__help-message {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-inline: calc(15px - .5rem);
  display: flex;
}
.esri-editor .esri-feature-form,
.esri-editor .esri-batch-attribute-form {
  width: 100%;
  padding: 0;
}
.esri-editor .esri-feature-form__label:last-child,
.esri-editor .esri-batch-attribute-form__label:last-child {
  margin-bottom: 12px;
}
.esri-editor .esri-item-list {
  background-color: #0000;
}
.esri-editor .esri-item-list__scroller {
  margin-inline: -15px;
}
.esri-editor .esri-item-list__group {
  margin-inline: 0;
}
.esri-editor .esri-item-list__group:first-of-type {
  margin-top: 0;
}
.esri-editor .esri-item-list__group__header {
  padding-inline: 15px;
}
.esri-editor .esri-item-list__filter-container,
.esri-editor .esri-item-list__filter-container--sticky {
  background-color: var(--calcite-color-background);
  margin-block: -12px 12px;
  margin-inline: -15px;
  padding-block: 12px;
  padding-inline: 15px;
}
.esri-editor__template-item-content-end {
  margin-inline: .75rem;
  display: block;
}
.esri-editor__panel-toolbar {
  --divider-border:1px solid var(--calcite-color-border-2);
  border-bottom: var(--divider-border);
  background-color: var(--calcite-color-foreground-1);
  overflow-wrap: anywhere;
  flex-direction: row;
  display: flex;
}
.esri-editor__settings {
  border: 0;
  width: 100%;
}
.esri-editor__settings .esri-sketch-tooltip-controls:not(:only-child) calcite-block {
  border-block-end-width: 1px;
  border-style: solid;
  border-color: var(--calcite-color-border-3);
}
.esri-editor__feature-templates-container .esri-feature-templates {
  width: 100%;
}
.esri-editor__notices-panel-section {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.esri-editor .esri-snapping-controls__layer-list {
  max-height: 220px;
}
.esri-editor__panel-content {
  flex-direction: column;
  gap: 24px;
  height: auto;
  min-height: 200px;
  padding-block: 18px;
  padding-inline: 15px;
  display: flex;
  position: relative;
}
.esri-editor__panel-content__section {
  position: relative;
}
.esri-editor__panel-content__section__group {
  flex-direction: column;
  flex: 1 0 100%;
  display: flex;
}
.esri-editor__panel-content__message {
  text-align: center;
  font-size: var(--calcite-font-size-0);
  flex-grow: 1;
  flex-basis: 100%;
  justify-content: center;
  align-items: center;
  padding-inline: 15px;
  display: flex;
}
.esri-editor__panel-content__scrim-container {
  overflow: hidden;
}
.esri-editor__pending-feature-list-icon {
  display: flex;
}
.esri-editor__pending-feature-list-icon[icon=exclamation-mark-triangle] {
  color: var(--calcite-color-status-warning,#edd317);
}
.esri-editor__sketch-container,
.esri-editor__selection-toolbar-container {
  margin: var(--calcite-spacing-sm,8px);
  border-width: var(--calcite-border-width-sm,1px);
  border-radius: var(--calcite-corner-radius-round,4px);
  border-style: solid;
  border-color: var(--calcite-color-border-3,#dfdfdf);
  flex-shrink: 0;
  min-height: min-content;
  position: relative;
  overflow: hidden;
}
.esri-editor__sketch-container {
  --calcite-action-group-border-color:transparent;
}
.esri-editor__sketch-container + .esri-editor__panel-content,
.esri-editor__selection-toolbar-container + .esri-editor__panel-content {
  padding-block-start: 0;
}
.esri-editor__update-action-bar {
  margin-bottom: 12px;
}
.esri-editor__upload-details {
  text-align: start;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  display: flex;
}
.esri-editor__upload-details__status {
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}
.esri-editor__upload-details__title-wrapper {
  flex-direction: column;
  display: flex;
}
.esri-editor__upload-details__title {
  line-height: 2rem;
  font-size: var(--calcite-font-size-0);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-editor__upload-details__description {
  font-size: var(--calcite-font-size--1);
}
.esri-editor__upload-details__loader {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  margin-inline: 0;
  padding-block: 0;
}
.esri-editor__upload-details__icon--success {
  color: var(--calcite-color-status-success);
}
.esri-editor__upload-details__icon--error {
  color: var(--calcite-color-status-danger);
}
.esri-editor__upload-details__file-list {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
.esri-editor__upload-details__file {
  white-space: break-spaces;
  word-break: break-all;
  align-items: center;
  gap: 7px;
  width: 100%;
  line-height: 1em;
  display: flex;
  overflow: hidden;
}
.esri-editor__upload-details__file-name {
  word-break: break-all;
  font-size: var(--calcite-font-size--3);
}
.esri-editor .esri-selection-toolbar {
  background-color: #0000;
}
.esri-editor .esri-selection-list {
  width: auto;
  max-height: max-content;
  margin-inline: -15px;
}
.esri-editor__prompt--info {
  border-top: solid 3px var(--calcite-color-status-info);
  background-color: var(--calcite-color-background);
  color: #323232;
  flex-flow: column;
  max-height: 85%;
  padding-block: 12px;
  padding-inline: 15px;
  animation: .25s ease-in-out esri-fade-in-up;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-editor__prompt--info .esri-editor__prompt__header {
  color: var(--calcite-color-status-info);
  flex: none;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  display: flex;
}
.esri-editor__prompt--info .esri-editor__prompt__header__heading {
  color: #323232;
  margin: 0 3px;
}
.esri-editor__prompt--info .esri-editor__prompt__message {
  word-break: break-word;
  color: inherit;
  flex: auto;
  padding: 0 0 12px;
  font-weight: 400;
  overflow: hidden auto;
}
.esri-editor__prompt--info .esri-editor__prompt__divider {
  color: inherit;
  border-color: #6e6e6e26;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex: none;
  margin: 0 0 12px;
}
.esri-editor__prompt--info .esri-editor__prompt__actions {
  flex-direction: row;
  display: flex;
}
.esri-editor__prompt--info .esri-editor__prompt__half-width-button {
  width: 50%;
}
.esri-editor__prompt--warning {
  border-top: solid 3px var(--calcite-color-status-warning);
  background-color: var(--calcite-color-background);
  color: #323232;
  flex-flow: column;
  max-height: 85%;
  padding-block: 12px;
  padding-inline: 15px;
  animation: .25s ease-in-out esri-fade-in-up;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-editor__prompt--warning .esri-editor__prompt__header {
  color: var(--calcite-color-status-warning);
  flex: none;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  display: flex;
}
.esri-editor__prompt--warning .esri-editor__prompt__header__heading {
  color: #323232;
  margin: 0 3px;
}
.esri-editor__prompt--warning .esri-editor__prompt__message {
  word-break: break-word;
  color: inherit;
  flex: auto;
  padding: 0 0 12px;
  font-weight: 400;
  overflow: hidden auto;
}
.esri-editor__prompt--warning .esri-editor__prompt__divider {
  color: inherit;
  border-color: #6e6e6e26;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex: none;
  margin: 0 0 12px;
}
.esri-editor__prompt--warning .esri-editor__prompt__actions {
  flex-direction: row;
  display: flex;
}
.esri-editor__prompt--warning .esri-editor__prompt__half-width-button {
  width: 50%;
}
.esri-editor__prompt--danger {
  border-top: solid 3px var(--calcite-color-status-danger);
  background-color: var(--calcite-color-background);
  color: #323232;
  flex-flow: column;
  max-height: 85%;
  padding-block: 12px;
  padding-inline: 15px;
  animation: .25s ease-in-out esri-fade-in-up;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-editor__prompt--danger .esri-editor__prompt__header {
  color: var(--calcite-color-status-danger);
  flex: none;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  display: flex;
}
.esri-editor__prompt--danger .esri-editor__prompt__header__heading {
  color: #323232;
  margin: 0 3px;
}
.esri-editor__prompt--danger .esri-editor__prompt__message {
  word-break: break-word;
  color: inherit;
  flex: auto;
  padding: 0 0 12px;
  font-weight: 400;
  overflow: hidden auto;
}
.esri-editor__prompt--danger .esri-editor__prompt__divider {
  color: inherit;
  border-color: #6e6e6e26;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex: none;
  margin: 0 0 12px;
}
.esri-editor__prompt--danger .esri-editor__prompt__actions {
  flex-direction: row;
  display: flex;
}
.esri-editor__prompt--danger .esri-editor__prompt__half-width-button {
  width: 50%;
}
.esri-editor__merge-features-list-section {
  max-height: max(50%, 150px);
}
.esri-editor__merge-features-list {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.esri-editor__merge-features-list calcite-list {
  margin-inline: -15px;
  overflow-y: auto;
}
.esri-editor__merge-features-list calcite-list .esri-item-list__scroller {
  margin-inline: 0;
}
.esri-editor__merge-features-list calcite-chip {
  cursor: pointer;
  line-height: initial;
}
.esri-editor__merge-features-list__item--preserved {
  --calcite-color-foreground-2:var(--calcite-color-status-success);
  --calcite-chip-text-color:var(--calcite-color-text-inverse);
}
.esri-expand__content .esri-editor .esri-feature-form {
  max-height: fit-content;
  overflow-y: visible;
}
.esri-elevation-profile {
  --popover-padding:12px 15px;
  --width:550px;
  --chart-height:180px;
  --calcite-label-margin-bottom:0;
  --actions-spacing-h:7px;
  --actions-spacing-v:6px;
  isolation: isolate;
  padding: var(--esri-widget-padding);
  position: relative;
  container-type: inline-size;
}
.esri-elevation-profile.esri-component.esri-widget--panel {
  width: var(--width);
  max-width: 100%;
}
.esri-elevation-profile__header {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.esri-elevation-profile__footer {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 12px;
  display: flex;
}
.esri-elevation-profile__footer calcite-button {
  min-height: 32px;
}
.esri-elevation-profile__action-button {
  width: auto;
  margin-inline-start: var(--actions-spacing-h);
}
.esri-elevation-profile__main-container {
  width: 100%;
  height: var(--chart-height);
  flex-flow: column;
  display: flex;
  position: relative;
}
.esri-elevation-profile__chart-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.esri-elevation-profile__prompt-container {
  box-sizing: border-box;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding: 12px 15px;
  display: flex;
}
.esri-elevation-profile__prompt-container > p {
  width: 100%;
  margin: 0;
}
.esri-elevation-profile__chart-spinner {
  transition: opacity .15s ease-in-out;
  transition-delay: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.esri-elevation-profile__chart-spinner--visible {
  opacity: 1;
  transition-delay: 50ms;
}
.esri-elevation-profile__chart-spinner--small {
  inset-inline-start: 0;
  top: -22px;
  left: unset;
  color: var(--calcite-color-brand);
  transform: none;
}
@container (width<=400px) {
  .esri-elevation-profile .esri-component.esri-widget--panel {
    height: auto;
  }
  .esri-elevation-profile .esri-elevation-profile__footer {
    flex-direction: column;
  }
  .esri-elevation-profile .esri-elevation-profile__action-button {
    align-self: stretch;
    margin-inline-start: 0;
  }
  .esri-elevation-profile .esri-elevation-profile__action-button:not(:last-of-type) {
    margin-bottom: var(--actions-spacing-v);
  }
}
.esri-elevation-profile-settings calcite-popover[calcite-hydrated-hidden] {
  inset-block-start: -999999px;
  inset-inline-start: -999999px;
}
.esri-elevation-profile-settings__popover-content {
  padding: var(--popover-padding);
  color: #323232;
  flex-direction: column;
  gap: 12px;
  min-width: 180px;
  font-size: 12px;
  display: flex;
}
.esri-elevation-profile-legend {
  margin-top: 6px;
}
.esri-elevation-profile-legend-item {
  background: #f3f3f3;
  position: relative;
}
.esri-elevation-profile-legend-item:not(:last-of-type) {
  margin-bottom: 2px;
}
.esri-elevation-profile-legend-item--disabled {
  filter: grayscale();
  opacity: .4;
}
.esri-elevation-profile-legend-item__color-indicator {
  inset-inline-start: 0;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
}
.esri-elevation-profile-legend-item__header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.esri-elevation-profile-legend-item__content {
  padding: 12px 15px;
  padding-top: 0;
  display: block;
}
.esri-elevation-profile-legend-item__collapse-toggle {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.esri-elevation-profile-legend-item__label {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  padding-inline-start: 15px;
}
.esri-elevation-profile-statistics {
  --max-width:1px;
  grid-template-columns: repeat(auto-fit, minmax(var(--max-width), 1fr));
  contain: layout paint style;
  gap: 2px 22px;
  width: 100%;
  display: grid;
}
.esri-elevation-profile-statistics__statistic {
  text-align: start;
  white-space: nowrap;
  width: max-content;
  display: block;
}
.esri-elevation-profile-statistics__statistic__label {
  font-size: 10px;
  font-weight: 400;
}
.esri-elevation-profile-statistics__statistic__value {
  margin-top: -.15em;
  font-size: 10px;
  font-weight: 600;
}
.esri-elevation-profile-statistics__slope-value {
  align-items: center;
  display: flex;
}
.esri-elevation-profile-statistics__slope-value calcite-icon {
  width: 16px;
  height: 16px;
}
.esri-view-height-xsmall .esri-elevation-profile {
  --chart-height:68px;
}
.esri-elevation-profile--portrait .esri-elevation-profile-statistics {
  gap: 6px 22px;
  margin-bottom: 12px;
}
.esri-elevation-profile--portrait .esri-elevation-profile-statistics__statistic__value {
  margin-top: 2px;
}
.esri-expand {
  --esri-widget-panel-max-height:95svh;
  --calcite-sheet-max-height:var(--esri-widget-panel-max-height);
  --calcite-sheet-height:auto;
  min-width: 32px;
  min-height: 32px;
}
.esri-expand__toggle {
  position: relative;
}
.esri-expand__popover-content {
  flex-direction: column;
  display: flex;
}
.esri-expand__popover-content .esri-widget--panel {
  width: 300px;
}
.esri-expand__panel {
  max-height: var(--esri-widget-panel-max-height);
}
.esri-expand__panel-content .esri-widget {
  width: auto;
}
.esri-expand__panel-content .esri-widget--panel {
  flex: auto;
}
.esri-ui-corner .esri-expand__popover-content .esri-widget,
.esri-ui-corner .esri-expand__popover-content .esri-widget.esri-component,
.esri-ui-corner .esri-expand__panel-content .esri-widget,
.esri-ui-corner .esri-expand__panel-content .esri-widget.esri-component,
.esri-expand__popover-content .esri-widget,
.esri-expand__popover-content .esri-widget.esri-component,
.esri-expand__panel-content .esri-widget,
.esri-expand__panel-content .esri-widget.esri-component {
  box-sizing: border-box;
  box-shadow: none;
  margin-bottom: 0;
}
.esri-expand__panel-content,
.esri-expand__content-container {
  background-color: var(--calcite-color-foreground-1);
  flex-direction: column;
  flex: auto;
  justify-content: stretch;
  display: flex;
}
.esri-expand__sheet .esri-expand__panel-content,
.esri-expand__sheet .esri-expand__content-container {
  overflow: hidden;
}
.esri-expand__panel-icon-number {
  align-self: center;
}
.esri-collapse__icon {
  display: flex;
}
calcite-button:not(:hover) .esri-collapse__icon:not(calcite-icon) {
  color: var(--calcite-color-text-3);
}
:is(.esri-ui-top-left, .esri-ui-bottom-left) .esri-collapse__icon-flip {
  transform: rotate(180deg);
}
.esri-expand__icon-number {
  transform-origin: 50%;
  color: #fff;
  pointer-events: none;
  background-color: #6e6e6e;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 16px;
  padding: .125em .333em;
  font-size: 12px;
  line-height: 1em;
  display: flex;
  position: absolute;
  top: -6px;
}
:is(.esri-ui-top-left, .esri-ui-bottom-left) .esri-expand__icon-number {
  right: -6px;
}
:is(.esri-ui-top-right, .esri-ui-bottom-right) .esri-expand__icon-number {
  left: -6px;
}
.esri-view-height-greater-than-medium .esri-expand__popover-content .esri-widget--panel {
  max-height: 680px;
}
.esri-view-height-medium .esri-expand__popover-content .esri-widget--panel {
  max-height: 540px;
}
.esri-view-height-small .esri-expand__popover-content .esri-widget--panel {
  max-height: 420px;
}
.esri-view-height-xsmall .esri-expand__popover-content .esri-widget--panel {
  max-height: 240px;
}
[class*=esri-view-height-] .esri-expand__popover-content .esri-widget--panel .esri-widget--panel {
  width: unset;
  max-height: unset;
}
.esri-feature__title {
  word-break: break-word;
  word-wrap: break-word;
  font-size: 14px;
  display: block;
}
.esri-feature calcite-icon {
  box-sizing: content-box;
}
.esri-feature__attachments {
  display: flex;
}
.esri-feature__loading-container {
  justify-content: center;
  width: 100%;
  padding: 12px 0;
  display: flex;
}
.esri-feature-relationship {
  position: relative;
}
.esri-feature-relationship__list {
  min-height: 32px;
}
.esri-feature-relationship__list-item--hidden {
  display: none;
}
.esri-feature-utility-network-associations {
  position: relative;
}
.esri-feature__filter-container {
  z-index: 1;
  margin-bottom: 12px;
  position: sticky;
  top: 12px;
}
.esri-feature__feature-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-feature__sticky-loading-container {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 0;
  display: flex;
  position: sticky;
  bottom: 10px;
}
.esri-icon-loading-indicator {
  display: inline-block;
}
.esri-feature {
  --calcite-color-background:#fff;
  width: 100%;
}
.esri-feature__content-element {
  margin-bottom: 24px;
  padding: 0 7px;
}
.esri-feature__content-element .esri-widget__heading {
  line-height: 1.3;
}
.esri-feature__content-element:only-child,
.esri-feature__content-node--text {
  margin-bottom: 3px;
}
.esri-feature__content-node {
  flex-direction: column;
  display: flex;
}
.esri-feature__text {
  line-height: 1.3;
}
.esri-feature-attachments {
  flex-flow: column wrap;
  align-items: flex-start;
}
.esri-feature__last-edited-info {
  padding-top: 6px;
  font-size: 12px;
}
[dir=rtl] .esri-feature__attachments-title {
  margin: 0 0 0 auto;
}
[dir=rtl] .esri-feature__attachments--list .esri-feature__attachment-item-mask {
  margin-left: 7px;
  margin-right: 0;
}
.esri-feature-content__loader-container {
  justify-content: center;
  align-items: center;
  height: 150px;
  padding: 0;
  display: flex;
}
.esri-feature-content__loader {
  background: url("./media/loading-throb-V56YOU3W.gif") 50% no-repeat;
  width: 100%;
  height: 64px;
}
.esri-feature-content {
  font-size: 14px;
}
.esri-feature-content h1,
.esri-feature-content h2,
.esri-feature-content h3,
.esri-feature-content h4,
.esri-feature-content h5,
.esri-feature-content h6 {
  letter-spacing: 0;
  color: #323232;
  margin: .5em 0;
  font-weight: 600;
  line-height: normal;
}
.esri-feature-content h1 {
  font-size: 1.75em;
}
.esri-feature-content h2 {
  font-size: 1.5em;
}
.esri-feature-content h3 {
  font-size: 1.25em;
}
.esri-feature-content h4,
.esri-feature-content h5,
.esri-feature-content h6 {
  font-size: 1em;
}
.esri-widget__heading.esri-feature-element-info__title {
  color: #323232;
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 20px;
  font-weight: 400;
}
.esri-feature-element-info__description {
  margin-bottom: 9px;
  font-size: 12px;
  font-weight: 400;
}
.esri-feature-content p {
  margin: 0 0 1.2em;
  font-size: 14px;
}
.esri-feature-content p:last-child {
  margin-block-end: 0;
}
.esri-feature-content img {
  image-orientation: from-image;
  max-width: 100%;
  max-height: 100%;
}
.esri-feature-content video {
  max-width: 100%;
  max-height: 100%;
}
.esri-feature-content figure {
  margin: 0;
  padding: 0;
}
.esri-feature-content figcaption {
  margin: .2em 0 0;
  padding: 0;
  font-size: 12px;
  font-style: italic;
  display: block;
}
.esri-feature-content ul,
.esri-feature-content ol {
  margin-block: 1rem;
}
.esri-feature-content ul:first-child,
.esri-feature-content ol:first-child {
  margin-block-start: 0;
}
.esri-feature-content a {
  color: #6e6e6e;
}
.esri-feature-content a:hover,
.esri-feature-content a:focus {
  color: #2e2e2e;
}
.esri-feature-form {
  background-color: var(--calcite-color-background);
  padding: var(--esri-widget-padding);
}
.esri-feature-form .esri-feature-utility-network-associations,
.esri-feature-form .esri-feature-form-utility-network-association-list {
  margin-block-end: 12px;
}
.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info__description {
  color: #6e6e6e;
}
.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info h5 {
  font-size: inherit;
}
.esri-feature-form__form {
  flex-direction: column;
  display: flex;
}
.esri-feature-form__centered-button {
  align-self: center;
}
.esri-feature-form__description-text {
  color: #6e6e6e;
  font-size: 12px;
}
.esri-feature-form__list-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-feature-form__related-records_header {
  margin-bottom: 6px;
  display: flex;
}
.esri-feature-form__related-records_header span {
  flex-grow: 1;
}
.esri-feature-form__related-records_label calcite-notice,
.esri-feature-form__related-records_label .esri-feature-form__description-text {
  margin-bottom: 6px;
}
.esri-feature-form__related-records_list {
  min-height: 40px;
  margin-bottom: 6px;
}
label.esri-feature-form__label {
  gap: .5em;
  margin-bottom: 12px;
}
.esri-feature-form__label {
  opacity: 1;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 6px;
  transition: opacity .25s, margin .25s;
  display: flex;
  position: relative;
}
.esri-feature-form__label:last-child {
  margin-bottom: 0;
}
.esri-feature-form__label-text-content {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  align-items: center;
  display: flex;
}
.esri-feature-form__disabled-notice {
  margin-bottom: var(--calcite-spacing-xl,1.25rem);
}
.esri-feature-form__form-header {
  margin-bottom: 12px;
}
.esri-feature-form__form-header .esri-feature-form__description-text ~ .esri-widget__heading {
  margin-bottom: 0;
}
.esri-feature-form__input {
  width: 100%;
}
.esri-feature-form__input:focus {
  outline: 2px solid var(--calcite-color-brand);
  outline-offset: -2px;
}
textarea.esri-feature-form__input {
  resize: vertical;
}
.esri-feature-form__input--disabled {
  background-color: var(--calcite-color-background);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-feature-form__field-error-message {
  padding: 7px 0;
  font-size: 12px;
}
.esri-feature-form__date-input-container {
  flex-direction: column;
  display: flex;
}
.esri-feature-form__date-input-container .esri-feature-form__input {
  margin-bottom: 3px;
}
.esri-feature-form__date-input-container :last-child {
  margin-bottom: 0;
}
.esri-feature-form__input--radio-group {
  flex-direction: column;
  display: flex;
}
.esri-feature-form__input--radio-label {
  align-items: center;
  display: flex;
}
.esri-feature-form__input--switch {
  margin: 7px 0;
}
.esri-feature-form__group {
  margin: 0 0 12px;
  background-color: inherit;
  margin-inline: -10px;
}
.esri-feature-form__group--sequential {
  border-bottom: none;
  border-inline-start: 3px solid #6e6e6e4d;
}
.esri-feature-form__group--active {
  border-inline-start-color: #0079c1;
}
.esri-feature-form__text-element {
  color: var(--calcite-color-text-3);
  line-height: 1.375;
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-normal);
}
.esri-feature-form__text-element a {
  transition:
    background-color,
    block-size,
    border-color,
    box-shadow,
    color,
    inset-block-end,
    inset-block-start,
    inset-inline-end,
    inset-inline-start inset-size,
    opacity,
    outline-color,
    transform var(--calcite-animation-timing) ease-in-out 0s,
    outline 0s,
    outline-offset 0s;
  background-color: #0000;
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));
  color: var(--calcite-color-text-link);
  background-position-x: 0%, 100%;
  background-position-y: min(1.5em, 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: 0% 1px, 100% 1px;
  border-style: none;
  padding: 0;
  text-decoration: none;
  display: inline;
  position: relative;
}
.esri-feature-form__text-element a:hover,
.esri-feature-form__text-element a:focus {
  background-size: 100% 1px, 100% 1px;
}
.esri-feature-form__text-element a:active {
  background-size: 100% 2px, 100% 2px;
}
.esri-feature-form__text-element a.calcite--rtl {
  background-position: 100% 100%, 100% 100%;
}
.esri-feature-form__text-element code {
  border: 1px solid var(--calcite-color-border-3);
  background-color: var(--calcite-color-foreground-3);
  white-space: normal;
  word-break: break-word;
  color: var(--calcite-color-text-2);
  font-family: var(--calcite-code-family);
  border-radius: 2px;
  padding: .25em;
  font-size: 85%;
}
.esri-feature-form__text-element h1,
.esri-feature-form__text-element h2,
.esri-feature-form__text-element h3,
.esri-feature-form__text-element h4,
.esri-feature-form__text-element h5 {
  color: var(--calcite-color-text-1);
  line-height: 1.375;
  font-size: var(--calcite-font-size-0);
  font-weight: var(--calcite-font-weight-bold);
  margin-bottom: 4px;
}
.esri-feature-form__text-element h5 {
  font-weight: var(--calcite-font-weight-medium);
}
.esri-feature-form__text-element h6 {
  color: var(--calcite-color-text-2);
  line-height: 1.375;
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-medium);
  margin-bottom: 4px;
}
.esri-feature-form__text-element p {
  color: var(--calcite-color-text-3);
  line-height: 1.375;
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-normal);
  margin-bottom: 16px;
}
.esri-feature-form__text-element strong {
  font-weight: var(--calcite-font-weight-bold);
}
[dir=rtl] .esri-feature-form__date-input-part:first-child .esri-feature-form__input {
  border-left: none;
  border-right: 1px solid #6e6e6e4d;
}
.esri-feature-form-utility-network-association-layers {
  background-color: #0000;
}
.esri-feature-form-utility-network-association-layers__header > * {
  margin-block-end: 12px;
}
.esri-feature-form-utility-network-association-layers__header > :last-child {
  color: var(--calcite-color-text-3);
}
.esri-feature-form-utility-network-association-layers__heading-content {
  align-items: center;
  display: flex;
}
.esri-feature-form-utility-network-association-layers__heading-content calcite-icon {
  margin-inline-end: 12px;
}
.esri-feature-form-utility-network-association-layers__list-container {
  min-height: 32px;
  margin-bottom: 12px;
}
.esri-feature-form-utility-network-association-layers__feature-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-feature-form-utility-network-association-layers__filter-container {
  z-index: 1;
  margin-bottom: 12px;
  top: 12px;
}
.esri-feature-form-utility-network-association-layers__filter-options-container {
  flex-direction: column;
  display: flex;
}
.esri-feature-form-utility-network-association-layers__filter-options-header {
  flex-direction: row;
  align-items: baseline;
  display: flex;
}
.esri-feature-form-utility-network-association-layers__filter-options-header span {
  flex-grow: 1;
}
.esri-feature-form-utility-network-association-layers__spatial-select-container {
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 6px;
  display: flex;
}
.esri-feature-form-utility-network-association-layers__spatial-select-toolbar {
  --calcite-action-group-border-color:transparent;
  border-width: var(--calcite-border-width-sm,1px);
  border-radius: var(--calcite-corner-radius-round,4px);
  border-style: solid;
  border-color: var(--calcite-color-border-3,#dfdfdf);
  width: 100%;
  min-height: min-content;
  overflow: hidden;
}
.esri-feature-form-utility-network-association-layers__sticky-loading-container {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 0;
  display: flex;
  position: sticky;
  bottom: 10px;
}
.esri-feature-form-utility-network-association-layers__loading-container {
  justify-content: center;
  width: 100%;
  padding: 12px 0;
  display: flex;
}
.esri-feature-form-utility-network-association-list {
  background-color: #0000;
}
.esri-feature-form-utility-network-association-list__header > * {
  margin-block-end: 12px;
}
.esri-feature-form-utility-network-association-list__header > :last-child {
  color: var(--calcite-color-text-3);
}
.esri-feature-form-utility-network-association-list__header calcite-block {
  margin-block-start: -18px;
  margin-inline: -15px;
}
.esri-feature-form-utility-network-association-list__heading-content {
  align-items: center;
  display: flex;
}
.esri-feature-form-utility-network-association-list__heading-content calcite-icon {
  margin-inline-end: 12px;
}
.esri-feature-form-utility-network-association-list__list-container {
  flex-direction: column;
  min-height: 32px;
  display: flex;
}
.esri-feature-form-utility-network-association-list__list-container calcite-fab {
  margin-block: var(--calcite-spacing-md);
  flex-direction: row;
  align-self: center;
  display: flex;
}
.esri-feature-form-utility-network-association-settings {
  --calcite-block-padding:0;
  background-color: #0000;
  flex-direction: column;
  display: flex;
}
.esri-feature-form-utility-network-association-settings calcite-block {
  border: 1px solid var(--calcite-color-border-3);
  margin-block: 0;
}
.esri-feature-form-utility-network-association-settings calcite-block:first-of-type {
  border-radius: 8px 8px 0 0;
}
.esri-feature-form-utility-network-association-settings calcite-block:last-of-type {
  border-top: none;
  border-radius: 0 0 8px 8px;
  margin-block-end: var(--calcite-spacing-md);
}
.esri-feature-form-utility-network-association-settings calcite-block calcite-label {
  margin-inline: var(--calcite-spacing-md);
}
.esri-feature-form-utility-network-association-settings__info-container {
  flex-direction: column;
  display: flex;
}
.esri-feature-form-utility-network-association-settings__info-container > * {
  margin-block-end: var(--calcite-spacing-md);
}
.esri-feature-media__container {
  flex-flow: wrap;
  align-items: center;
  width: 100%;
  min-height: 150px;
  margin-top: 6px;
  display: flex;
}
.esri-feature-media__container .esri-feature-media__pagination-button {
  cursor: pointer;
  color: #6e6e6e;
  background: 0 0;
  border: none;
  justify-content: center;
  align-items: center;
  padding-block: 6px;
  padding-inline: 7px;
  display: flex;
}
.esri-feature-media__container .esri-feature-media__pagination-button:hover,
.esri-feature-media__container .esri-feature-media__pagination-button:focus {
  color: #2e2e2e;
  fill: #2e2e2e;
  background-color: #f3f3f3;
}
.esri-feature-media__item-title {
  margin: 0;
  font-size: 16px;
}
.esri-feature-media__item-caption {
  padding-block-start: 3px;
  font-size: 12px;
}
.esri-feature-media__item {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-block: 6px;
  display: flex;
}
.esri-feature-media__item-navigation {
  flex: 0 100%;
  justify-content: space-between;
  align-items: flex-start;
  margin-block-end: 6px;
  display: flex;
}
.esri-feature-media__item-text {
  margin-inline-end: 7px;
}
.esri-feature-media__pagination {
  flex: none;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.esri-feature-media__pagination:only-child {
  margin-inline-start: auto;
}
.esri-feature-media__pagination-text {
  color: #6e6e6e;
  padding-inline: 3px;
  font-size: 12px;
}
.esri-feature-media__item-container {
  flex: 0 auto;
  width: 100%;
}
.esri-feature-media__item-container img {
  max-width: 100%;
}
.esri-feature-media__item-container img[src$=".SVG"],
.esri-feature-media__item-container img[src$=".svg"] {
  width: 100%;
}
.esri-feature-media__chart {
  background-color: #fff;
  width: 100%;
  height: 155px;
}
[dir=rtl] .esri-feature-media__image-summary {
  margin: 0 .5em 0 0;
}
[dir=rtl] .esri-feature-media__pagination-icon {
  transform: rotate(180deg);
}
.esri-features {
  --calcite-color-background:#fff;
  flex-direction: column;
  display: flex;
}
.esri-features img {
  image-orientation: from-image;
}
.esri-features__flow-item--collapsed {
  --calcite-flow-item-header-border-block-end:none;
}
.esri-features__container {
  background-color: var(--calcite-color-background);
}
.esri-features__container:not(:empty) {
  padding: 12px;
}
.esri-features .esri-feature,
.esri-features .esri-feature-relationship,
.esri-features .esri-feature-utility-network-associations {
  background-color: #0000;
}
.esri-features__heading {
  word-break: break-word;
  word-wrap: break-word;
}
.esri-features__header,
.esri-features__footer {
  background-color: var(--calcite-color-foreground-1);
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.esri-features__pagination-text {
  padding-inline: var(--calcite-spacing-sm);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size-sm);
}
.esri-features__loader {
  align-self: center;
  padding-inline: 1rem;
}
.esri-features__pagination-action-bar {
  flex: 1;
}
.esri-features__pagination-menu-button {
  border-inline-start: 1px solid var(--calcite-color-border-3);
}
.esri-features__icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.esri-features__action-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}
.esri-features__header {
  border-block-end: 1px solid var(--calcite-color-border-3);
}
.esri-features__content-feature {
  --calcite-flow-item-footer-padding:0;
}
.esri-features__feature-menu-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-features__action--exit {
  transform: scaleX(-1);
}
.esri-feature-table {
  --icon-size:64px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-feature-table__content {
  overflow: hidden;
}
.esri-feature-table__content calcite-pagination {
  justify-content: center;
}
.esri-feature-table__collapsed {
  min-width: 500px;
}
.esri-feature-table__collapsed:not(:last-child) {
  border-inline-end: var(--calcite-border-width-sm) solid var(--calcite-color-text-2);
  min-width: 300px;
  max-width: 300px;
}
.esri-feature-table__expanded {
  min-width: 300px;
  display: flex;
}
.esri-feature-table__expanded:not(:last-child) {
  border-inline-end: var(--calcite-border-width-sm) solid var(--calcite-color-text-2);
}
.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child {
  flex: 2 1 0;
}
.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child calcite-panel {
  min-width: fit-content;
}
.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child calcite-panel > div:first-child {
  flex: 2 1 0;
}
.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child .esri-feature-table__collapsed {
  max-width: inherit;
}
.esri-feature-table__table-container {
  flex: 1 1 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: flex;
}
.esri-feature-table__table-container calcite-panel > div {
  overflow-y: auto;
}
.esri-feature-table__table-container calcite-panel div {
  flex: 1 1 0;
  display: flex;
}
.esri-feature-table__table-container calcite-panel div .esri-feature-table__attachments-view__list {
  border-block-start: var(--calcite-border-width-sm) solid var(--calcite-color-text-2);
  flex: 1 1 0;
  min-width: 480px;
  overflow-y: auto;
}
.esri-feature-table__table-container calcite-panel div .esri-feature-table__attachments-view__list__filesize {
  cursor: default;
  align-items: center;
  height: 100%;
  margin-inline-end: var(--calcite-spacing-md);
  display: flex;
}
.esri-feature-table__table-navigation {
  --calcite-label-margin-bottom:0;
  background-color: var(--calcite-color-foreground-1);
  width: 100%;
  line-height: initial;
  align-items: center;
  padding-block-start: var(--calcite-spacing-base);
  display: flex;
}
.esri-feature-table__table-navigation calcite-action:first-child {
  border-inline-end: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  transform: scaleX(-1);
}
.esri-feature-table__table-navigation calcite-chip {
  --calcite-chip-close-icon-color:var(--calcite-color-text-inverse);
  margin-inline-end: var(--calcite-spacing-md);
}
.esri-feature-table__table-navigation calcite-label {
  border-inline-end: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  padding-inline: var(--calcite-spacing-md);
  height: 100%;
}
.esri-feature-table__table-navigation calcite-action {
  display: flex;
  overflow: hidden;
}
.esri-feature-table__table-navigation div:last-child {
  float: inline-end;
  align-items: center;
  height: 100%;
  margin-inline: auto 0;
  display: flex;
}
.esri-feature-table__table-navigation calcite-action:last-child {
  float: inline-end;
  margin-inline: auto 0;
  display: flex;
}
.esri-feature-table__attachments-view {
  border-block-start: var(--calcite-border-width-sm) solid var(--calcite-color-text-2);
  background-color: var(--calcite-color-foreground-1);
  min-width: 300px;
}
.esri-feature-table__attachments-view__content {
  background-color: var(--calcite-color-background);
  padding: var(--calcite-spacing-md);
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
}
.esri-feature-table__attachments-view__details,
.esri-feature-table__attachments-view__drop-area {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.esri-feature-table__attachments-view__details {
  padding: var(--calcite-spacing-xl);
  max-height: 100%;
}
.esri-feature-table__attachments-view__details img {
  padding: var(--calcite-spacing-sm);
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.esri-feature-table__attachments-view__details calcite-action {
  --calcite-action-text-color:var(--calcite-color-brand);
  position: sticky;
}
.esri-feature-table__attachments-view__drop-area {
  border: var(--calcite-border-width-sm) dashed var(--calcite-color-border-input);
  border-radius: var(--calcite-corner-radius-sm);
  text-align: center;
}
.esri-feature-table__attachments-view__drop-area__label {
  margin-bottom: var(--calcite-spacing-md);
  font-size: var(--calcite-font-size-md);
}
.esri-feature-table__attachments-view__drop-area__message {
  margin-bottom: var(--calcite-spacing-md);
  word-break: break-all;
}
.esri-feature-table__attachments-view__drop-area form {
  justify-content: center;
  display: flex;
}
.esri-feature-table__attachments-view__drop-area form fieldset {
  border: none;
  flex-direction: column;
  align-items: center;
  display: flex;
}
.esri-feature-table__attachments-view__drop-area form fieldset calcite-button,
.esri-feature-table__attachments-view__drop-area form fieldset span {
  margin-bottom: var(--calcite-spacing-sm);
}
.esri-feature-table__attachments-view__icon {
  margin-bottom: var(--calcite-spacing-md);
  block-size: var(--icon-size);
  inline-size: var(--icon-size);
}
.esri-feature-table__attachments-view__information {
  padding: var(--calcite-spacing-md);
  flex-direction: column;
  max-width: 200px;
  overflow-y: auto;
}
.esri-feature-table__attachments-view__information__data {
  word-wrap: break-word;
  color: var(--calcite-color-text-1);
  margin-block-end: var(--calcite-spacing-md);
}
.esri-feature-table__attachments-view__information__label {
  color: var(--calcite-color-text-3);
  font-weight: 400;
}
.esri-feature-table__attachments-view__information calcite-button,
.esri-feature-table__attachments-view__information calcite-icon,
.esri-feature-table__attachments-view__information img {
  margin-block-end: var(--calcite-spacing-md);
}
.esri-feature-table__attachments-view__list-item--delete {
  border-inline-start: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
}
.esri-feature-table__attachments-view__list__thumbnail {
  margin-block: var(--calcite-spacing-sm);
  justify-content: center;
  align-items: center;
}
.esri-feature-table__attachments-view__list__thumbnail span {
  border: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  border-radius: var(--calcite-corner-radius-sm);
  width: var(--icon-size);
  height: var(--icon-size);
  color: #323232;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.esri-feature-table__menu-popover calcite-list {
  max-width: 300px;
  max-height: 260px;
  overflow-y: auto;
}
.esri-feature-table__dialog {
  --calcite-dialog-content-space:0;
}
.esri-feature-table__dialog__header {
  gap: var(--calcite-spacing-sm);
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}
.esri-feature-table__dialog__header span {
  word-break: break-all;
  align-self: center;
}
.esri-feature-table__dialog__content {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-feature-table__dialog calcite-progress {
  margin-bottom: var(--calcite-spacing-sm);
  position: sticky;
  top: 0;
}
.esri-feature-table__dialog calcite-pagination {
  justify-content: center;
  width: 100%;
}
.esri-feature-table__dialog img {
  width: auto;
  max-width: 100%;
}
.esri-feature-table__footer__message {
  gap: var(--calcite-spacing-sm);
  margin: 0 var(--calcite-spacing-md);
  align-items: center;
  display: flex;
}
.esri-feature-table__footer__icon--danger {
  color: var(--calcite-color-status-danger);
}
.esri-feature-table__footer__icon--success {
  color: var(--calcite-color-status-success);
}
.esri-feature-table .esri-grid {
  background-color: inherit;
}
.esri-feature-table .esri-grid__grid {
  width: 100%;
  height: 100%;
}
.esri-feature-table calcite-scrim > div:first-child {
  min-width: 300px;
  max-width: 400px;
  max-height: 100%;
  position: relative;
}
.esri-feature-table__layer-switcher-menu {
  align-items: center;
  display: flex;
}
.esri-attachments-column__button,
.esri-column__show-related-records-button {
  --calcite-offset-invert-focus:2;
}
.esri-column__show-related-records-button {
  height: 100%;
  display: flex;
}
.esri-attachments-column__button {
  overflow: hidden;
}
.esri-attachments-column__button > div {
  display: flex;
  overflow: hidden;
}
.esri-attachments-column__button > div > div:first-child {
  text-overflow: ellipsis;
  width: 100%;
  margin-inline-end: var(--calcite-spacing-xxl);
  overflow: hidden;
}
.esri-attachments-column__button > div span {
  align-self: center;
  position: absolute;
  inset-inline-end: var(--calcite-spacing-xxxl);
}
.esri-attachments-column__content {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.esri-attachments-column__content > div:first-child {
  text-overflow: ellipsis;
  line-height: 0;
  overflow: hidden;
}
.esri-attachments-column__button calcite-icon,
.esri-attachments-column__button img,
.esri-attachments-column__content calcite-icon,
.esri-attachments-column__content img {
  max-width: var(--calcite-spacing-xxl);
  max-height: var(--calcite-spacing-xxl);
  vertical-align: middle;
  margin-inline-end: var(--calcite-spacing-xxs);
  display: inline-flex;
}
.esri-feature-templates {
  background: var(--calcite-color-background);
}
.esri-feature-templates__list-item-icon {
  flex: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  display: flex;
}
.esri-feature-templates__list-item-icon > div {
  display: flex;
}
.esri-ui .esri-feature-templates {
  width: 300px;
}
.esri-ui .esri-widget .esri-feature-templates {
  width: 100%;
}
.esri-feature-utility-network-association-list {
  background-color: #0000;
}
.esri-feature-utility-network-association-list__list-item--hidden {
  display: none;
}
.esri-feature-utility-network-associations {
  background-color: #0000;
}
.esri-feature-utility-network-associations__list {
  min-height: 32px;
}
.esri-feature-utility-network-associations__loading-container {
  justify-content: center;
  width: 100%;
  padding: 12px 0;
  display: flex;
}
.esri-feature-utility-network-associations__loading-container--sticky {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 0;
  display: flex;
  position: sticky;
  bottom: 10px;
}
.esri-filter-builder {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-filter-builder calcite-fab {
  margin-block: var(--calcite-spacing-md);
  flex-direction: row;
  align-self: center;
  display: flex;
}
.esri-filter-condition {
  gap: var(--calcite-spacing-sm);
  flex-direction: column;
  width: 100%;
  display: flex;
}
.esri-floor-filter {
  background: 0 0;
  border: none;
  flex-direction: row;
  display: flex;
  box-shadow: none !important;
}
.esri-floor-filter__position--top {
  align-items: flex-start;
}
.esri-floor-filter__position--top .esri-floor-filter__levels-container,
.esri-floor-filter__position--top .esri-floor-filter__close-levels-button,
.esri-floor-filter__position--top .esri-floor-filter__zoom-button,
.esri-floor-filter__position--top .esri-floor-filter__zoom-button--levels,
.esri-floor-filter__position--top .esri-floor-filter__minimize-toggle-button {
  border-width: 1px 0 0;
}
.esri-floor-filter__position--bottom {
  align-items: flex-end;
}
.esri-floor-filter__position--bottom .esri-floor-filter__levels-container,
.esri-floor-filter__position--bottom .esri-floor-filter__close-levels-button,
.esri-floor-filter__position--bottom .esri-floor-filter__zoom-button,
.esri-floor-filter__position--bottom .esri-floor-filter__zoom-button--levels,
.esri-floor-filter__position--bottom .esri-floor-filter__minimize-toggle-button {
  border-width: 0 0 1px;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container {
  flex-direction: column;
  max-width: 48px;
  display: flex;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__browse-button {
  border: none;
  width: 48px;
  height: 48px;
  padding: 12px;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__zoom-button {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 48px;
  height: 48px;
  padding: 12px;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__zoom-button--levels {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 48px;
  height: 32px;
  padding: 8px 12px;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__minimize-toggle-button {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 48px;
  height: 32px;
  padding: 4px 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container {
  flex-direction: column;
  max-width: 300px;
  display: flex;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__button-info {
  margin-right: auto;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__browse-button {
  border: none;
  width: auto;
  height: 48px;
  padding: 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__level-button {
  text-align: left;
  justify-content: flex-start;
  padding: 16px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__zoom-button {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: auto;
  height: 48px;
  padding: 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__zoom-button--levels {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: auto;
  height: 32px;
  padding: 8px 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__minimize-toggle-button {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: auto;
  height: 32px;
  padding: 4px 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__button-label {
  margin-left: 8px;
}
.esri-floor-filter .esri-floor-filter__level-button {
  border: none;
  width: 100%;
  height: 48px;
}
.esri-floor-filter .esri-floor-filter__level-button:focus {
  background-color: #f3f3f3;
}
.esri-floor-filter .esri-floor-filter__level-button.esri-widget--button-active:focus {
  background-color: #e2f1fb;
}
.esri-floor-filter .esri-floor-filter__levels-container {
  margin: unset;
  padding: unset;
  scrollbar-width: thin;
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 100%;
  max-height: 420px;
  list-style-type: none;
  overflow: auto;
}
.esri-floor-filter .esri-floor-filter__levels-container .esri-widget--button-active {
  font-weight: 600;
}
.esri-floor-filter .esri-floor-filter__levels-container::-webkit-scrollbar {
  width: 6px;
}
.esri-floor-filter .esri-floor-filter__levels-container::-webkit-scrollbar-track {
  background: #fafafa;
}
.esri-floor-filter .esri-floor-filter__levels-container::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border: 3px solid #c1c1c1;
  border-radius: 20px;
}
.esri-floor-filter .esri-widget--button-active {
  color: #005e95;
  background: #e2f1fb;
}
.esri-floor-filter .esri-floor-filter__button-container {
  box-shadow: 0 1px 2px #0000004d;
}
.esri-floor-filter .esri-floor-filter__button-container .esri-floor-filter__button-info {
  align-items: center;
  display: flex;
}
.esri-floor-filter .esri-floor-filter__button-container .esri-floor-filter__button-label {
  line-height: 1.25rem;
}
.esri-floor-filter .esri-floor-filter__filter-menu {
  background: #fff;
  flex-direction: column;
  align-items: stretch;
  width: 300px;
  max-height: 420px;
  display: flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header {
  color: #323232;
  flex-direction: row;
  align-items: stretch;
  height: auto;
  line-height: 1.3em;
  display: flex;
  box-shadow: 0 .5px #e0e0e0;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header .esri-floor-filter__icon-close {
  color: #6e6e6e;
  background-color: #fff;
  border: none;
  align-items: center;
  margin: 0 0 0 auto;
  padding: 22px 8px;
  display: flex;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-back {
  margin: unset;
  color: #6e6e6e;
  background-color: #fff;
  border: none;
  border-right: 1px solid #6e6e6e4d;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  padding: 22px 0;
  display: flex;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-back:hover {
  cursor: pointer;
  color: #2e2e2e;
  background: #f3f3f3;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-text-group {
  flex-direction: column;
  justify-content: center;
  max-width: 232px;
  padding: 12px;
  display: flex;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-text {
  margin: unset;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-subtext {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 4px 0 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__icon-close:hover {
  cursor: pointer;
  color: #2e2e2e;
  background: #f3f3f3;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search {
  background: #f3f3f3;
  align-items: center;
  margin-top: .5px;
  margin-bottom: 1px;
  padding: 7px;
  display: flex;
  box-shadow: 0 .5px #e0e0e0;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search .esri-floor-filter__filter-menu-search-input {
  color: #323232;
  background: 0 0;
  border: none;
  outline: none;
  width: 100%;
  margin-left: 6px;
  font-size: 14px;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search .esri-floor-filter__icon-close {
  cursor: pointer;
  margin-inline-end: 2px;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items {
  margin: unset;
  padding: unset;
  color: #323232;
  width: 100%;
  max-height: 300px;
  list-style-type: none;
  overflow-y: auto;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site:hover,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site:focus,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility:hover,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility:focus {
  cursor: pointer;
  background: #f3f3f3;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site:active,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility:active {
  color: #323232;
  background-color: #e2f1fb;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility {
  color: #6e6e6e;
  background: #fff;
  border: none;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 18px;
  display: flex;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name {
  font-size: 14px;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name--selected,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name--selected {
  color: #323232;
  font-size: 14px;
  font-weight: 600;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name--selected,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name--selected {
  text-align: left;
  max-width: 220px;
  margin-right: 10px;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__icon-right,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__icon-right {
  margin-left: auto;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__selected-item-circle {
  background: #007ac2;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-left: -10px;
  margin-right: 6px;
}
.esri-floor-filter .esri-floor-filter__separator {
  box-shadow: none;
  background: 0 0;
  border: none;
  width: 10px;
}
.esri-expand__content .esri-floor-filter {
  width: max-content;
}
:is(.esri-ui-top-left, .esri-ui-bottom-left) .esri-floor-filter__icon-flip {
  transform: rotate(180deg);
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button,
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button--levels,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button--levels,
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__minimize-toggle-button,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__minimize-toggle-button {
  display: none;
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu {
  width: 225px;
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__close-levels-button,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__close-levels-button {
  background: #e7e7e7;
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 48px;
  height: 48px;
  padding: 12px;
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-header-text-group,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-header-text-group {
  max-width: 157px;
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name,
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name--selected,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name--selected {
  max-width: 165px !important;
}
.esri-view-height-small .esri-floor-filter .esri-floor-filter__levels-container,
.esri-view-height-small .esri-floor-filter .esri-floor-filter__filter-menu {
  max-height: 320px;
}
.esri-view-height-xsmall .esri-floor-filter .esri-floor-filter__levels-container {
  max-height: 156px;
}
.esri-view-height-xsmall .esri-floor-filter .esri-floor-filter__filter-menu {
  max-height: 240px;
}
[dir=rtl] .esri-floor-filter__layout--expanded .esri-floor-filter__button-info {
  margin-right: unset;
  margin-left: auto;
}
[dir=rtl] .esri-floor-filter__layout--expanded .esri-floor-filter__button-label {
  margin-right: 8px;
  margin-left: unset;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__icon-close {
  margin: 0 auto 0 0;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-back {
  border-left: 1px solid #6e6e6e4d;
  border-right: none;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-search .esri-floor-filter__filter-menu-search-input {
  margin-right: 6px;
  margin-left: unset;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__icon-left,
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__icon-left {
  margin-right: auto;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-item-name,
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-item-name--selected {
  margin-right: unset !important;
  text-align: right !important;
  margin-left: 10px !important;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__selected-item-circle {
  margin-left: 6px;
  margin-right: -10px;
}
.esri-grid {
  background-color: var(--calcite-color-foreground-1);
  width: 100%;
  height: 100%;
}
.esri-grid a {
  color: var(--calcite-color-text-link);
  text-decoration: underline;
}
.esri-grid a:hover,
.esri-grid a:focus {
  color: var(--calcite-color-text-highlight);
}
.esri-grid vaadin-grid {
  background-color: inherit;
  color: inherit;
  font-family: inherit;
  font-size: var(--calcite-font-size);
  border-block-end: none;
  border-inline: none;
  overflow: visible;
}
.esri-grid vaadin-grid[reordering]::part(cell):after {
  content: normal;
}
.esri-grid vaadin-grid[reordering]::part(frozen-cell),
.esri-grid vaadin-grid[reordering]::part(frozen-to-end-cell),
.esri-grid vaadin-grid[reordering]::part(reorder-allowed-cell) {
  filter: brightness(.9)contrast(1.1);
}
.esri-grid vaadin-grid::part(empty-state) {
  border-block-start: var(--calcite-border-width-sm) solid var(--calcite-color-border-2);
  color: var(--calcite-color-text-1);
}
.esri-grid vaadin-grid::part(cell editing) {
  z-index: 2;
}
.esri-grid vaadin-grid::part(frozen-cell),
.esri-grid vaadin-grid::part(frozen-to-end-cell) {
  z-index: 4;
}
.esri-grid vaadin-grid::part(cell last-frozen-cell) {
  overflow: visible;
}
.esri-grid vaadin-grid::part(cell text-wrap) {
  text-wrap: wrap;
}
.esri-grid vaadin-grid-cell-content {
  padding: var(--calcite-spacing-xxs) var(--calcite-spacing-sm);
  height: 100%;
  min-height: var(--calcite-font-line-height-fixed-3xl);
  align-items: center;
  box-sizing: border-box !important;
}
.esri-grid vaadin-grid::part(cell) {
  border-inline-end: var(--calcite-border-width-sm) solid;
  border-color: var(--calcite-color-border-2);
  color: var(--calcite-color-text-1);
  line-height: 28px;
}
.esri-grid vaadin-grid::part(cell):focus:after {
  outline-color: var(--calcite-color-brand);
}
.esri-grid [dir=rtl] vaadin-grid::part(cell) {
  border-inline-start: var(--calcite-border-width-sm) solid;
}
.esri-grid vaadin-grid[overflow~=start]::part(cell last-frozen-cell) {
  border-inline-end: var(--calcite-border-width-sm) solid var(--calcite-color-text-3);
}
.esri-grid [dir=rtl] vaadin-grid[overflow~=start]::part(cell last-frozen-cell),
.esri-grid vaadin-grid[overflow~=end]::part(cell first-frozen-to-end-cell) {
  border-inline-start: var(--calcite-border-width-sm) solid var(--calcite-color-text-3);
}
.esri-grid [dir=rtl] vaadin-grid[overflow~=end]::part(cell first-frozen-to-end-cell) {
  border-inline-end: var(--calcite-border-width-sm) solid var(--calcite-color-text-3);
}
.esri-grid vaadin-grid::part(body-cell) {
  background-color: var(--calcite-color-foreground-1);
}
.esri-grid vaadin-grid::part(body-cell):hover {
  background-color: var(--calcite-color-foreground-2);
}
.esri-grid vaadin-grid::part(body-cell invalid) {
  color: var(--calcite-color-text-3);
  font-style: italic;
}
.esri-grid vaadin-grid::part(header-cell) {
  border-color: var(--calcite-color-border-2);
  background-color: var(--calcite-color-background);
}
.esri-grid vaadin-grid::part(header-cell invalid) {
  font-weight: var(--calcite-font-weight-bold);
}
.esri-grid vaadin-grid[overflow~=top]::part(header-cell) {
  border-bottom: var(--calcite-border-width-sm) solid var(--calcite-color-text-3);
}
.esri-grid vaadin-grid::part(header-cell direction) {
  border-bottom: var(--calcite-border-width-sm) solid var(--calcite-color-brand);
  background-color: var(--calcite-color-foreground-1);
}
.esri-grid vaadin-grid[overflow~=top]::part(header-cell direction) {
  border-bottom: var(--calcite-border-width-sm) solid var(--calcite-color-brand);
}
.esri-grid vaadin-grid::part(body-cell highlight) {
  background-color: var(--calcite-color-foreground-3);
}
.esri-grid vaadin-grid::part(body-cell pending-edit) {
  border: var(--calcite-border-width-md) solid var(--calcite-color-status-success);
  background-color: color-mix(in sRGB, var(--calcite-color-status-success) 20%, var(--calcite-color-foreground-1));
}
.esri-grid vaadin-grid::part(body-cell pending-edit):hover {
  background-color: color-mix(in sRGB, var(--calcite-color-status-success-hover) 20%, var(--calcite-color-foreground-1));
}
.esri-grid vaadin-grid::part(body-cell pending-edit-invalid) {
  border: var(--calcite-border-width-md) dashed var(--calcite-color-status-danger);
  background-color: color-mix(in sRGB, var(--calcite-color-status-danger) 20%, var(--calcite-color-foreground-1));
  font-weight: var(--calcite-font-weight-bold);
}
.esri-grid vaadin-grid::part(body-cell pending-edit-invalid):hover {
  background-color: color-mix(in sRGB, var(--calcite-color-status-danger-hover) 20%, var(--calcite-color-foreground-1));
}
.esri-grid vaadin-grid::part(body-cell pending-edit-other) {
  cursor: not-allowed;
  color: var(--calcite-color-text-3);
}
.esri-grid vaadin-grid::part(selected-row-cell) {
  background-color: color-mix(in sRGB, var(--calcite-color-brand) 10%, var(--calcite-color-foreground-1));
}
.esri-grid vaadin-grid::part(selected-row-cell):hover {
  background-color: color-mix(in sRGB, var(--calcite-color-brand) 20%, var(--calcite-color-foreground-1));
}
.esri-grid vaadin-checkbox {
  line-height: var(--calcite-font-line-height-relative-snug);
}
.esri-grid vaadin-checkbox::part(checkbox) {
  background-color: var(--calcite-color-text-3);
  line-height: var(--calcite-font-line-height-relative-snug);
}
.esri-grid vaadin-checkbox[checked]::part(checkbox) {
  background-color: var(--calcite-color-brand);
}
.esri-grid vaadin-grid-sorter[direction]::part(indicators),
.esri-grid vaadin-grid-sorter[direction]::part(order) {
  color: var(--calcite-color-text-1);
}
.esri-grid .esri-grid__content {
  background-color: inherit;
  width: 100%;
  height: 100%;
}
.esri-grid .esri-grid__grid {
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.esri-grid .esri-column__content--full {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-grid .esri-column__header-content {
  text-align: start;
  width: 100%;
  height: 100%;
  font-weight: var(--calcite-font-weight-normal);
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}
.esri-grid .esri-column__header-content:has(calcite-icon:only-child) {
  justify-content: center;
  align-items: center;
}
.esri-grid .esri-column__header-content div {
  width: 100%;
  min-height: var(--calcite-spacing-xxxl);
  flex-flow: column wrap;
  display: flex;
  overflow: hidden;
}
.esri-grid .esri-column__header-content div span {
  text-overflow: ellipsis;
  width: 100%;
  line-height: var(--calcite-font-line-height-fixed-xl);
  overflow: hidden;
}
.esri-grid .esri-column__header-content calcite-icon {
  height: var(--calcite-spacing-xxl);
  color: var(--calcite-color-text-1);
  margin-inline-end: var(--calcite-spacing-xxs);
}
.esri-grid .esri-column__header-content calcite-dropdown {
  float: inline-end;
  max-height: 180px;
}
.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-group {
  max-width: 200px;
  overflow-x: auto;
}
.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-group:only-of-type {
  max-height: 180px;
  overflow: visible;
}
.esri-grid .esri-column__header-content calcite-dropdown[open] calcite-dropdown-item {
  display: flex;
}
.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-item,
.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-item[hidden] {
  display: none;
}
.esri-grid .esri-column__header-description {
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size-sm);
}
.esri-grid .esri-column__sorter:hover {
  cursor: pointer;
}
.esri-grid .esri-column__sorter,
.esri-grid .esri-column__header-label {
  height: var(--calcite-font-line-height-fixed-xl);
  color: var(--calcite-color-text-1);
  flex-grow: 1;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.esri-column__header-menu-icon {
  margin-inline-end: 15px;
}
.esri-column__cell-input {
  border: none;
  flex: 1 1 0;
  width: 100%;
  height: 100%;
}
.esri-column__cell__input-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}
.esri-column__cell__input-container input,
.esri-column__cell__input-container select {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-column__cell__input-container div,
.esri-column__cell__input-container input,
.esri-column__cell__input-container select {
  width: 100%;
  display: flex;
}
.esri-column__cell__input-container calcite-action-bar {
  --calcite-action-bar-background-color:transparent;
}
.esri-column__cell__input-container div:first-child {
  flex-direction: column;
}
.esri-column__cell__input-container calcite-input-time-zone {
  --calcite-dropdown-width:200px;
}
.esri-column__cell__input-container calcite-combobox {
  font-weight: var(--calcite-font-weight-normal);
  position: absolute;
}
.esri-column__cell__input-container calcite-input-time-picker:last-child,
.esri-column__cell__input-container calcite-input-time-picker:nth-child(2),
.esri-column__cell__input-container calcite-input-time-zone {
  margin-top: -1px;
}
calcite-block > .esri-grid-controls {
  background: 0 0;
  padding: 0;
}
.esri-ui-corner .esri-expand .esri-widget--panel .esri-widget--panel.esri-grid-controls {
  overflow-y: visible;
}
.esri-grid-controls {
  -webkit-user-select: none;
  user-select: none;
  padding: var(--esri-widget-padding);
  flex-flow: column wrap;
  display: flex;
}
.esri-grid-controls calcite-label.esri-labeled-switch__label {
  margin-block-end: var(--calcite-spacing-sm,.5rem);
}
.esri-grid-controls__switch--bordered {
  border-width: 0 0 var(--calcite-spacing-px) 0;
  border-style: solid;
  border-color: var(--calcite-color-border-1);
}
.esri-grid-controls__container {
  gap: var(--calcite-spacing-sm);
  flex-direction: column;
  flex: auto;
  display: flex;
}
.esri-grid-controls__tilegroup {
  column-gap: var(--calcite-spacing-md);
  align-items: start;
  display: flex;
}
.esri-grid-controls__tile__content {
  row-gap: var(--calcite-spacing-md);
  padding: var(--calcite-spacing-md);
  color: var(--calcite-color-text-2);
  flex-direction: column;
  align-items: center;
  display: flex;
}
.esri-grid-controls__tile__content calcite-label {
  margin-bottom: calc(0px - var(--calcite-label-margin-bottom,.75rem));
  font-weight: var(--calcite-font-weight-medium);
}
.esri-grid-controls__tile {
  position: relative;
}
.esri-grid-controls__tile:focus-within {
  outline: 2px solid var(--calcite-color-brand);
  outline-offset: 2px;
}
.esri-grid-controls__tile--disabled {
  opacity: var(--calcite-opacity-disabled);
}
.esri-grid-controls__tile input[type=radio] {
  appearance: none;
  opacity: .001;
  border: var(--calcite-spacing-px) solid transparent;
  cursor: pointer;
  position: absolute;
  inset: 0;
}
.esri-grid-controls__tile input[type=radio]:checked + .esri-grid-controls__tile__content {
  border: var(--calcite-spacing-px) solid var(--calcite-color-brand);
}
.esri-grid-controls__tile input[type=radio] + .esri-grid-controls__tile__content {
  border: var(--calcite-spacing-px) solid transparent;
}
.esri-grid-controls__numeric-inputs__container {
  gap: var(--calcite-spacing-sm);
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}
.esri-grid-controls__inline-icon {
  margin-left: var(--calcite-spacing-xs);
  vertical-align: top;
  color: var(--calcite-color-status-warning);
}
.esri-heatmap-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-heatmap-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-heatmap-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-heatmap-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-heatmap-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-heatmap-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-heatmap-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-heatmap-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-heatmap-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-heatmap-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-heatmap-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-heatmap-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-heatmap-slider .esri-slider .esri-slider__max,
.esri-heatmap-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-heatmap-slider .esri-slider .esri-slider__max:before,
.esri-heatmap-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-heatmap-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-heatmap-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-heatmap-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-heatmap-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-heatmap-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-heatmap-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-heatmap-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-heatmap-slider .esri-slider .esri-histogram__average-line,
.esri-heatmap-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-heatmap-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-heatmap-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-heatmap-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-heatmap-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-heatmap-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-heatmap-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-heatmap-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-heatmap-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-heatmap-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-histogram {
  direction: ltr;
  width: 100%;
  height: 100%;
}
.esri-histogram__content {
  width: 100%;
  height: 100%;
}
.esri-histogram__svg {
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
}
.esri-histogram__data-line {
  stroke: #888;
  stroke-width: 1px;
  shape-rendering: crispedges;
}
.esri-histogram__label {
  stroke: #000;
  stroke-width: 0;
  direction: ltr;
  unicode-bidi: plaintext;
  font-size: 12px;
}
.esri-histogram__average-data-line {
  stroke: #444;
}
.esri-histogram__average-symbol {
  font-family: Georgia\, serif, sans-serif;
  font-style: italic;
}
.esri-expand__panel-content .esri-histogram {
  width: 100%;
}
[dir=rtl] .esri-histogram {
  direction: rtl;
}
[dir=rtl] .esri-histogram .esri-histogram__average-label {
  direction: rtl;
  unicode-bidi: plaintext;
}
.esri-histogram-range-slider {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-histogram-range-slider .esri-slider .esri-slider__label {
  display: none;
  top: 24px;
}
.esri-histogram-range-slider .esri-slider__anchor--moving .esri-slider__label {
  display: inline;
}
.esri-histogram-range-slider .esri-slider {
  font-size: 12px;
}
.esri-histogram-range-slider .esri-slider__content {
  flex-direction: column-reverse;
  display: flex;
}
.esri-histogram-range-slider .esri-slider__max {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
.esri-histogram-range-slider .esri-slider__max .esri-slider__range-input {
  float: right;
  text-align: right;
}
.esri-histogram-range-slider .esri-slider__min {
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
}
.esri-histogram-range-slider .esri-slider__min .esri-slider__range-input {
  text-align: left;
}
.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__max,
.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__min {
  min-width: 50%;
  display: inline;
}
.esri-histogram-range-slider .esri-histogram {
  align-self: flex-end;
  display: flex;
}
.esri-histogram-range-slider .esri-histogram__bar {
  touch-action: none;
}
.esri-histogram-range-slider__slider-container {
  align-self: flex-end;
  width: 100%;
  margin-bottom: 24px;
}
.esri-histogram-range-slider__histogram-container {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}
.esri-histogram-range-slider__range-type--less-than .esri-slider__segment-0,
.esri-histogram-range-slider__range-type--at-most .esri-slider__segment-0,
.esri-histogram-range-slider__range-type--greater-than .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--at-least .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--between .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--not-between .esri-slider__segment-1 {
  background-color: #0079c1;
}
.esri-identity-modal__info,
.esri-identity-modal__notice {
  margin: 0 0 12px;
}
.esri-item-list {
  width: 100%;
}
.esri-item-list__filter-container--sticky {
  z-index: 1;
  position: sticky;
  top: 0;
}
.esri-item-list__group {
  margin-top: 12px;
}
.esri-item-list__scroller {
  overflow-y: auto;
}
.esri-ui .esri-item-list__scroller {
  z-index: 0;
  position: relative;
}
.esri-ui .esri-item-list__scroller--enabled {
  max-height: 420px;
}
.esri-item-list__group__header {
  color: var(--calcite-color-text-2);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-item-list__list-item {
  cursor: pointer;
  min-height: 32px;
}
.esri-item-list__list-item[class^=esri-icon-],
.esri-item-list__list-item[class*=" esri-icon-"] {
  padding-inline-end: 2.8px;
}
.esri-item-list__list-item--disabled {
  cursor: default;
}
.esri-item-list__list-item-icon {
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 32px;
  display: flex;
}
.esri-item-list__list-item-icon span {
  line-height: 0;
}
.esri-thumbnail-preview {
  background-position: 50%;
  width: 22px;
  height: 22px;
}
.esri-item-list__no-matches-message {
  justify-content: center;
  align-items: center;
  height: 96px;
  display: flex;
}
.esri-labeled-switch__label {
  --calcite-label-margin-bottom:0;
}
.esri-labeled-switch__label-content {
  text-wrap: balance;
  flex: 1;
  align-items: center;
  gap: 7px;
  display: flex;
}
.esri-labeled-switch__label-content > div {
  flex-grow: 1;
}
.esri-labeled-switch__icon {
  margin-top: -1px;
}
.esri-labeled-switch__icon_info {
  color: var(--calcite-color-status-info);
}
.esri-labeled-switch__icon_warning {
  color: var(--calcite-color-status-warning);
}
.esri-labeled-switch__tooltip {
  text-wrap: wrap;
}
.esri-layer-list {
  display: flex;
}
.esri-layer-list__filter-no-results {
  padding: 12px 15px;
}
.esri-layer-list__item {
  --calcite-list-item-icon-center:8.5px;
}
.esri-layer-list__item-table-icon,
.esri-layer-list__item-catalog-icon {
  margin-inline-end: 0;
}
.esri-layer-list__item-action-image {
  text-align: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
}
.esri-layer-list__action-menu .esri-layer-list__action-group {
  display: none;
}
.esri-layer-list__action-menu[open] .esri-layer-list__action-group {
  display: flex;
}
.esri-layer-list__visible-icon {
  visibility: hidden;
}
.esri-layer-list__item--active:hover > .esri-layer-list__visible-toggle > .esri-layer-list__visible-icon,
.esri-layer-list__item--active:focus > .esri-layer-list__visible-toggle > .esri-layer-list__visible-icon,
.esri-layer-list__item--active:focus-within > .esri-layer-list__visible-toggle > .esri-layer-list__visible-icon {
  visibility: visible;
}
.esri-layer-list__status-indicator {
  visibility: hidden;
  color: #0000;
  margin-inline: 0;
}
.esri-layer-list__publishing {
  visibility: visible;
  color: #6e6e6e;
  transform-origin: var(--calcite-list-item-icon-center) var(--calcite-list-item-icon-center);
  animation: 2s infinite esri-layer-list__publishing-anim;
}
.esri-layer-list__updating {
  visibility: visible;
  animation: 2s infinite esri-layer-list__updating-anim;
}
.esri-layer-list__connection-status {
  visibility: visible;
  color: #f89927;
  width: 16px;
  height: 16px;
  margin-inline: 7px;
}
.esri-layer-list__connection-status--connected {
  color: #35ac46;
}
.esri-layer-list__item-content-bottom {
  margin: 12px 15px;
}
.esri-layer-list__item-content-bottom .esri-legend__service {
  padding: 0 0 12px;
}
.esri-layer-list__item-message {
  margin: 12px 15px;
}
@keyframes esri-layer-list__updating-anim {
  0%, 40% {
    color: #0000;
  }
  50%, 80% {
    color: var(--calcite-color-brand);
  }
  to {
    color: #0000;
  }
}
@keyframes esri-layer-list__publishing-anim {
  0%, 20% {
    transform: rotate(45deg);
  }
  80%, to {
    transform: rotate(135deg);
  }
}
.esri-legend {
  overflow: hidden auto;
}
.esri-legend__message {
  padding: .5em 1em;
}
.esri-legend__service {
  padding: var(--esri-widget-padding);
  word-wrap: break-word;
  border-bottom: 1px solid #6e6e6e4d;
}
.esri-legend__service:last-child {
  border-bottom: none;
}
.esri-legend__layer {
  margin-left: 7px;
  overflow: auto;
}
.esri-legend__group-layer-child {
  margin-left: 7px;
  padding-left: 0;
  padding-right: 0;
}
.esri-legend__layer-table {
  flex-flow: column;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}
.esri-legend__layer-child-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 12px;
  display: table;
}
.esri-legend__layer-body {
  margin-left: 7px;
}
.esri-legend__layer-row {
  display: flex;
}
.esri-legend__layer-cell {
  vertical-align: middle;
  word-break: break-word;
  min-width: 100px;
  padding: 4px 0;
}
.esri-legend__layer-cell--symbols {
  text-align: center;
  min-width: 10px;
}
.esri-legend--card__color-ramp-container {
  justify-content: center;
}
.esri-legend__layer-table--size-ramp {
  display: table;
}
.esri-legend__layer-table--size-ramp .esri-legend__layer-row {
  display: table-row;
}
.esri-legend__layer-table--size-ramp .esri-legend__layer-cell {
  display: table-cell;
}
.esri-legend__size-ramp ~ .esri-legend__layer-cell--info {
  width: 80%;
  max-width: 80%;
}
.esri-legend__layer-cell--info {
  word-break: normal;
  word-wrap: normal;
  max-width: 250px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 12px;
}
.esri-legend__imagery-layer-image--stretched {
  margin-bottom: -2px;
  display: block;
}
.esri-legend__imagery-layer-cell--stretched {
  vertical-align: top;
  padding: 0;
  line-height: 1;
}
.esri-legend__imagery-layer-info--stretched {
  vertical-align: top;
  padding: 0 2px;
}
.esri-legend__symbol {
  justify-content: center;
  display: flex;
}
.esri-legend__layer-caption {
  word-break: break-word;
  padding: 6px 0;
  display: table-caption;
}
.esri-legend__ramp-labels {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.esri-legend__ramps {
  margin-left: 3px;
}
.esri-legend__color-ramp {
  width: 24px;
}
.esri-legend__opacity-ramp {
  background-image: url("./media/transparent-bg-5JHEEMBT.png");
}
.esri-legend__ramp-tick {
  border-top: 1px solid #6e6e6e4d;
  width: 4px;
  line-height: 0;
  position: absolute;
  left: auto;
  right: 1px;
}
.esri-legend__ramp-label {
  white-space: nowrap;
  padding: 0 7px;
  font-size: 12px;
  line-height: 1em;
  position: relative;
}
.esri-legend__ramp-label:before {
  content: "";
  border: 3px solid #0000;
  border-left-width: 0;
  border-right: 4px solid #323232cc;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: .25em;
  right: 100%;
}
.esri-legend__ramp-label:first-child {
  margin-top: -4px;
}
.esri-legend__ramp-label:last-child {
  bottom: -3px;
}
.esri-legend-layer-caption {
  padding: 6px 0;
  display: table-caption;
}
[dir=rtl] .esri-legend__ramp-label:before {
  border-width: 3px 0 3px 4px;
  border-color: #0000 #0000 #0000 #323232cc;
  left: 100%;
  right: auto;
}
[dir=rtl] .esri-legend__layer,
[dir=rtl] .esri-legend__group-layer-child,
[dir=rtl] .esri-legend__layer-body {
  margin-left: 0;
  margin-right: 7px;
  overflow: auto;
}
[dir=rtl] .esri-legend__ramps {
  margin-left: auto;
  margin-right: 3px;
}
.esri-legend--card {
  background: #fff;
  transition: max-width .25s ease-in-out;
  display: flex;
  position: relative;
  overflow-x: auto;
}
.esri-legend--card__section {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  border-left: 1px solid #6e6e6e4d;
  min-width: 300px;
  padding: 12px 15px;
  font-size: 12px;
  overflow: auto;
}
.esri-legend--card__section:first-child {
  border-left: none;
}
.esri-legend--card__message {
  padding: .5em 1em;
}
.esri-legend--card__service-caption-container {
  border-bottom: 1px solid #6e6e6e4d;
  height: 45px;
  padding: 12px 15px;
  font-weight: 600;
}
.esri-legend--card__service-caption-text {
  margin: 0;
  padding-bottom: 20px;
  overflow: auto;
}
.esri-legend--card__layer-caption {
  margin-bottom: 12px;
  padding: 6px 0;
  font-weight: 400;
}
.esri-legend--card__service-content {
  height: calc(100% - 45px);
  display: flex;
}
.esri-legend--card__label-container {
  flex-wrap: wrap;
  display: flex;
}
.esri-legend--card__relationship-label-container {
  flex-direction: column;
  display: flex;
}
.esri-legend--card__relationship-label-container .esri-legend--card__layer-row {
  padding-bottom: .5em;
}
.esri-legend--card__relationship-label-container .esri-legend--card__layer-row:last-child {
  padding-bottom: 0;
}
.esri-legend--card__relationship-section {
  border: none;
}
.esri-legend--card__label-element {
  text-align: center;
  min-width: 4em;
  min-height: 2.7em;
  margin: .1em;
  padding: .5em 1em;
}
.esri-legend--card__image-label {
  padding-left: 7px;
  padding-right: 7px;
}
.esri-legend--card__layer-row,
.esri-legend--card__size-ramp-container {
  align-items: center;
  display: flex;
}
.esri-legend--card__size-ramp-preview {
  display: flex;
}
.esri-legend--card__ramp-label {
  white-space: nowrap;
  margin: 0 .5em;
}
.esri-legend--card__pie-chart-ramp-preview {
  justify-content: center;
  display: flex;
}
.esri-legend--card__interval-separator {
  text-align: center;
  font-size: .5em;
}
.esri-legend--card__imagery-layer-image--stretched {
  margin-bottom: -2px;
  display: block;
}
.esri-legend--card__symbol-container {
  position: relative;
}
.esri-legend--card__interval-separators-container {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.esri-legend--card__carousel-title {
  margin: 0;
}
.esri-legend--card__service {
  border-left: 1px solid #6e6e6e4d;
  min-width: fit-content;
}
.esri-legend--card__symbol {
  margin: auto;
  display: block;
}
.esri-legend--stacked {
  flex-direction: column;
  min-width: 300px;
  display: flex;
}
.esri-legend--stacked .esri-legend--card__carousel {
  width: 300px;
  max-height: 420px;
}
.esri-legend--stacked .esri-legend--card__carousel-item {
  max-height: 388px;
}
.esri-legend--stacked calcite-carousel-item[selected] {
  flex: 1;
}
.esri-legend--stacked .esri-legend--card__section {
  box-sizing: border-box;
  width: 100%;
  min-width: unset;
  border: none;
  height: auto;
  overflow: auto;
}
.esri-legend--stacked .esri-legend--card__size-ramp-row {
  flex-direction: column;
}
.esri-legend--stacked .esri-legend--card__symbol-row {
  width: 100%;
  margin: 5px 0;
  display: table-row;
}
.esri-legend--stacked .esri-legend--card__label-cell {
  vertical-align: middle;
  display: table-cell;
}
.esri-legend--stacked .esri-legend--card__symbol-cell {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.esri-legend--stacked .esri-legend--card__carousel-indicator-container {
  justify-content: center;
  width: 300px;
  height: 32px;
  display: flex;
  overflow: auto;
  box-shadow: 0 -1px #6e6e6e4d;
}
.esri-legend--stacked .esri-legend--card__carousel-indicator {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: auto;
  display: flex;
}
.esri-legend--stacked .esri-legend--card__carousel-indicator:before {
  content: "";
  background-color: #0000;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: background-color .125s ease-in-out;
  display: block;
  box-shadow: 0 0 0 1px #6e6e6e;
}
.esri-legend--stacked .esri-legend--card__carousel-indicator:hover:before,
.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:before,
.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:hover:before {
  background-color: #6e6e6e;
}
.esri-ui-corner {
  max-width: 100%;
}
.esri-ui-corner .esri-legend--card {
  max-height: 420px;
}
[dir=rtl] .esri-view-width-greater-than-small .esri-legend--card__section {
  border-left: 0;
  border-right: 1px solid #6e6e6e4d;
}
[dir=rtl] .esri-view-width-greater-than-small .esri-legend--card__section:first-child {
  border-right: none;
}
.esri-relationship-ramp--diamond__container {
  font-size: 12px;
  display: flex;
}
.esri-relationship-ramp--diamond__left-column {
  text-align: right;
  align-self: center;
  max-width: 85px;
  padding-right: 5px;
}
.esri-relationship-ramp--diamond__right-column {
  text-align: left;
  align-self: center;
  max-width: 85px;
  padding-left: 5px;
}
.esri-relationship-ramp--diamond__middle-column {
  text-align: center;
  flex-direction: column;
  display: flex;
}
.esri-relationship-ramp--diamond__middle-column--label {
  align-self: center;
  max-width: 85px;
}
.esri-relationship-ramp--diamond__middle-column--ramp {
  width: 85px;
  height: 85px;
}
.esri-relationship-ramp--square__table {
  font-size: 12px;
  display: table;
}
.esri-relationship-ramp--square__table-row {
  display: table-row;
}
.esri-relationship-ramp--square__table-cell {
  display: table-cell;
}
.esri-relationship-ramp--square__table-label {
  max-width: 95px;
}
.esri-relationship-ramp--square__table-label--left-bottom {
  vertical-align: bottom;
  text-align: left;
}
.esri-relationship-ramp--square__table-label--right-bottom {
  vertical-align: bottom;
  text-align: right;
}
.esri-relationship-ramp--square__table-label--left-top {
  vertical-align: top;
  text-align: left;
}
.esri-relationship-ramp--square__table-label--right-top {
  vertical-align: top;
  text-align: right;
}
.esri-univariate-above-and-below-ramp__symbol {
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-univariate-above-and-below-ramp__label {
  white-space: nowrap;
  margin-left: 7px;
  font-size: 12px;
  line-height: 1em;
  position: relative;
}
.esri-univariate-above-and-below-ramp__label:before {
  content: "";
  border-style: solid;
  border-width: 1px 0 0;
  width: 14px;
  height: 0;
  display: block;
  position: absolute;
  top: .45em;
  left: -19px;
}
.esri-univariate-above-and-below-ramp__label:first-child {
  top: -6px;
}
.esri-univariate-above-and-below-ramp__label:last-child {
  bottom: -6px;
}
.esri-univariate-above-and-below-ramp__color--card {
  position: relative;
}
.esri-univariate-above-and-below-ramp__color--card:before {
  content: "";
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  width: 100%;
  height: 15px;
  display: block;
  position: absolute;
  top: 1px;
}
[dir=rtl] .esri-univariate-above-and-below-ramp__label {
  margin-left: auto;
  margin-right: 7px;
}
[dir=rtl] .esri-univariate-above-and-below-ramp__label:before {
  left: auto;
  right: -19px;
}
.esri-spike-ramp__container {
  gap: var(--calcite-spacing-sm-plus);
  margin-left: var(--calcite-spacing-sm);
  flex-direction: row;
  display: flex;
}
.esri-spike-ramp__preview-container {
  gap: var(--calcite-spacing-sm-plus);
  border-bottom: var(--calcite-border-width-sm) solid var(--calcite-color-border-2);
  padding: 0 var(--calcite-spacing-xl);
  display: flex;
  position: relative;
}
.esri-spike-ramp__preview {
  gap: var(--calcite-spacing-sm-plus);
  align-items: end;
  display: flex;
}
.esri-spike-ramp__symbol-preview {
  display: flex;
}
.esri-spike-ramp__lines {
  display: flex;
  position: absolute;
  bottom: 0;
}
.esri-spike-ramp__labels-container {
  flex: 1;
  min-width: 120px;
  display: flex;
  position: relative;
  top: -5px;
}
.esri-spike-ramp__label {
  word-break: break-all;
  padding: 0 7px;
  font-size: 12px;
  line-height: 1em;
  position: relative;
}
.esri-spike-ramp__label:before {
  content: "";
  border: 3px solid #0000;
  border-left-width: 0;
  border-right: 4px solid #323232cc;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: .25em;
  right: 100%;
}
.esri-line-of-sight__container {
  padding: var(--esri-widget-padding);
  flex-flow: column;
  gap: 12px;
  display: flex;
  position: relative;
  overflow-y: auto;
}
.esri-line-of-sight__error {
  color: #8c2907;
}
.esri-line-of-sight__hint {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.esri-line-of-sight__error,
.esri-line-of-sight__hint {
  animation: .25s ease-in-out esri-fade-in;
  overflow: hidden;
}
.esri-line-of-sight__error p,
.esri-line-of-sight__hint p {
  margin: 0;
  padding: 0;
}
.esri-line-of-sight__actions {
  flex-flow: column;
  justify-content: center;
  gap: 6px;
  display: flex;
}
.esri-measurement-widget-content {
  padding: var(--esri-widget-padding);
  flex-direction: column;
  gap: 24px;
  display: flex;
  position: relative;
  overflow-y: auto;
}
.esri-measurement-widget-content__error {
  color: #8c2907;
}
.esri-measurement-widget-content__error,
.esri-measurement-widget-content__hint {
  overflow: hidden;
}
.esri-measurement-widget-content__error p,
.esri-measurement-widget-content__hint p {
  margin: 0;
  padding: 0;
}
.esri-measurement-widget-content__hint,
.esri-measurement-widget-content__error,
.esri-measurement-widget-content__measurement,
.esri-measurement-widget-content__measurement-item {
  flex-direction: column;
  gap: 12px;
  animation: .25s ease-in-out esri-fade-in;
  display: flex;
}
.esri-measurement-widget-content__measurement-item--disabled {
  color: #32323266;
}
.esri-measurement-widget-content__measurement-item__value {
  font-weight: 600;
}
.esri-measurement-widget-content__actions {
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  display: flex;
}
.esri-navigation-toggle {
  display: flex;
}
.esri-navigation-toggle:not(.esri-navigation-toggle--horizontal) {
  flex-direction: column;
}
.esri-navigation-toggle calcite-button[appearance=outline-fill] {
  --calcite-color-foreground-1:var(--calcite-color-foreground-3);
  --calcite-icon-color:var(--calcite-color-text-1);
}
.esri-opacity-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-opacity-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-opacity-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-opacity-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-opacity-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-opacity-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-opacity-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-opacity-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-opacity-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-opacity-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-opacity-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-opacity-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-opacity-slider .esri-slider .esri-slider__max,
.esri-opacity-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-opacity-slider .esri-slider .esri-slider__max:before,
.esri-opacity-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-opacity-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-opacity-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-opacity-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-opacity-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-opacity-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-opacity-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-opacity-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-opacity-slider .esri-slider .esri-histogram__average-line,
.esri-opacity-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-opacity-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-opacity-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-opacity-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-opacity-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-opacity-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-opacity-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-opacity-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-opacity-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-opacity-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-image-viewer {
  width: 100%;
  height: 100%;
}
.esri-oriented-imagery-viewer {
  --esri-oriented-imagery-viewer-action-icon-size:8px;
  --esri-oriented-imagery-viewer-min-width:386px;
  --esri-oriented-imagery-viewer-min-height:348px;
  --calcite-dialog-size-x:210px;
  --calcite-dialog-min-size-y:90px;
  --calcite-font-weight-medium:400;
  --calcite-font-size-0:14px;
  --calcite-icon-size:var(--esri-oriented-imagery-viewer-action-icon-size);
  box-sizing: border-box;
  z-index: 1;
  width: 100%;
  min-width: var(--esri-oriented-imagery-viewer-min-width);
  height: 100%;
  min-height: var(--esri-oriented-imagery-viewer-min-height);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}
.esri-oriented-imagery-viewer:has(.esri-widget .esri-oriented-imagery-viewer__image-overlays-no-result) {
  --esri-oriented-imagery-viewer-min-height:420px;
}
.esri-oriented-imagery-viewer__body {
  flex-direction: column;
  flex: 1 0 auto;
  order: 1;
  align-self: stretch;
  height: 100%;
  display: flex;
}
.esri-oriented-imagery-viewer__body-current-coverage {
  --calcite-icon-color:var(--calcite-color-status-danger);
}
.esri-oriented-imagery-viewer__body-additional-camera-locations {
  --calcite-icon-color:var(--calcite-color-brand);
}
.esri-oriented-imagery-viewer__body-additional-coverage {
  --calcite-icon-color:var(--calcite-color-status-info);
}
.esri-oriented-imagery-viewer__body-footprint {
  --calcite-icon-color:var(--calcite-color-status-success);
}
.esri-oriented-imagery-viewer__carousel {
  z-index: 1;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: 140px;
  margin: auto 1% 0;
  position: absolute;
  bottom: 0;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__carousel-container {
  height: auto;
  display: inline-block;
  overflow: auto hidden;
}
.esri-oriented-imagery-viewer__carousel header {
  --calcite-font-weight-medium:300;
  --calcite-font-size-0:10px;
}
.esri-oriented-imagery-viewer__carousel-item {
  width: 100px;
  height: 70px;
}
.esri-oriented-imagery-viewer__carousel-item-wrapper {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 78px;
  margin: auto 10px;
  display: flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-oriented-imagery-viewer__carousel-item-wrapper--selected {
  box-sizing: border-box;
  border: 2px solid var(--calcite-color-brand);
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 78px;
  margin: auto 10px;
  display: flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-oriented-imagery-viewer__carousel-content {
  display: flex;
}
.esri-oriented-imagery-viewer__close {
  background: var(--calcite-color-foreground-1);
  flex-direction: row;
  flex-grow: 0;
  order: 7;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 59px;
  display: flex;
}
.esri-oriented-imagery-viewer__image-enhancement-wrapper {
  z-index: 1;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: 140px;
  margin: auto 1% 0;
  position: absolute;
  bottom: 0;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__image-enhancement-tools {
  display: flex;
}
.esri-oriented-imagery-viewer__image-enhancement-tool-container {
  width: 50%;
  margin-block: 2px;
  padding-inline: .75rem;
}
.esri-oriented-imagery-viewer__image-overlays {
  z-index: 1;
  margin: 0 1%;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: 140px;
  margin-top: auto;
  position: absolute;
  bottom: 0;
  overflow-y: auto;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__image-overlays-layer-list,
.esri-oriented-imagery-viewer__image-overlays-switch {
  padding: 0 var(--calcite-spacing-md);
}
.esri-oriented-imagery-viewer__image-overlays-container {
  height: auto;
  display: flex;
}
.esri-oriented-imagery-viewer__image-overlays-no-result {
  z-index: 1;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: auto;
  margin: auto 1% 0;
  position: absolute;
  bottom: 0;
  overflow-y: auto;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__image-overlays-no-result-layer-list,
.esri-oriented-imagery-viewer__image-overlays-no-result-switch {
  padding: 0 var(--calcite-spacing-md);
}
.esri-oriented-imagery-viewer__image-overlays-increased-height {
  z-index: 1;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: 200px;
  margin: auto 1% 0;
  position: absolute;
  bottom: 0;
  overflow-y: auto;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__image-overlays-increased-height-layer-list,
.esri-oriented-imagery-viewer__image-overlays-increased-height-switch {
  padding: 0 var(--calcite-spacing-md);
}
.esri-oriented-imagery-viewer__measurement-results {
  width: auto;
  height: fit-content;
}
.esri-oriented-imagery-viewer__measurements-table {
  margin-block-start: var(--calcite-spacing-sm);
}
.esri-oriented-imagery-viewer__measurements-bar {
  flex-wrap: nowrap;
  display: flex;
}
.esri-oriented-imagery-viewer__measurements-button {
  display: flex;
}
.esri-oriented-imagery-viewer__measurement-display {
  text-align: center;
  margin-block-end: var(--calcite-spacing-xxs);
}
.esri-oriented-imagery-viewer__viewer {
  cursor: url(data:text/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  flex-grow: 1;
  width: 100%;
  margin: 0;
  display: flex;
}
.esri-oriented-imagery-viewer__viewer--hidden {
  display: none;
}
.esri-oriented-imagery-viewer__viewer-container {
  border-top: 1px solid var(--calcite-color-border-3);
  background: var(--calcite-color-foreground-1);
  border-radius: 0 0 3px 3px;
  flex: 1 0 auto;
  order: 1;
  align-self: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-oriented-imagery-viewer__alert {
  inset-block-end: var(--calcite-spacing-md);
  inset-inline: var(--calcite-spacing-md);
  position: absolute;
}
.esri-oriented-imagery-viewer-container-measurement {
  border-top: var(--calcite-border-width-sm) solid var(--calcite-color-border-3);
  border-radius: 0 0 var(--calcite-corner-radius-round) var(--calcite-corner-radius-round);
  background: var(--calcite-color-foreground-1);
  flex: 1 0 auto;
  order: 1;
  align-self: stretch;
  width: 100%;
  height: 50%;
  display: flex;
}
@keyframes rotateOrientedImageryNavigationTool {
  0% {
    transform: rotate(var(--oi-navigation-tool-rotation-from,0deg));
  }
  to {
    transform: rotate(var(--oi-navigation-tool-rotation-to,0deg));
  }
}
.esri-oriented-imagery-viewer__message-box {
  text-align: center;
  word-break: break-word;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 25%;
  font-size: 12px;
  display: flex;
  position: relative;
}
.esri-oriented-imagery-viewer__navigation {
  transform: rotate(var(--oi-navigation-tool-rotation-to,0deg));
}
.esri-oriented-imagery-viewer__navigation-animate {
  animation: .7s linear forwards rotateOrientedImageryNavigationTool;
}
.esri-oriented-imagery-viewer__navigation-feature {
  fill: var(--calcite-color-brand);
  stroke: var(--calcite-color-foreground-1);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-feature.selected {
  fill: var(--calcite-color-status-danger);
}
.esri-oriented-imagery-viewer__navigation-feature-path {
  pointer-events: none;
}
.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-0 {
  stop-color: var(--calcite-color-status-danger);
  stop-opacity: .4;
}
.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-1 {
  stop-color: var(--calcite-color-status-danger);
  stop-opacity: .2;
}
.esri-oriented-imagery-viewer__navigation-pointer {
  fill: var(--calcite-color-foreground-1);
  fill-rule: evenodd;
  stroke: #0000;
  stroke-dasharray: none;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-width: 0;
}
.esri-oriented-imagery-viewer__navigation-pointer-north {
  fill: var(--calcite-color-status-danger);
}
.esri-oriented-imagery-viewer__navigation-wrapper {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.esri-oriented-imagery-viewer__navigation-wrapper--zoomed {
  transform-origin: 100% 100%;
  transform: scale(1.5);
}
.esri-oriented-imagery-viewer__navigation-wrapper-boundary {
  fill: var(--calcite-color-foreground-1);
  fill-opacity: .25;
  stroke: var(--calcite-color-border-2);
}
.esri-oriented-imagery-viewer__navigation-sector {
  fill: none;
}
.esri-oriented-imagery-viewer__navigation-sector-separator {
  stroke: var(--calcite-color-border-2);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-sector-cross {
  stroke: var(--calcite-color-status-danger);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-sector-enabled {
  fill: var(--calcite-color-foreground-1);
  stroke: var(--calcite-color-border-2);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-sector-disabled {
  fill: var(--calcite-color-foreground-3);
  stroke: var(--calcite-color-border-2);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-sector-outer {
  fill: var(--calcite-color-foreground-1);
  fill-opacity: .4;
  stroke: none;
}
.esri-oriented-imagery-viewer__pro .esri-oriented-imagery-viewer {
  width: 100%;
  max-width: unset;
  height: 100%;
  max-height: unset;
  position: static;
}
.esri-oriented-imagery-viewer__sketch-tools {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
}
.esri-oriented-imagery-viewer__navigation-ui {
  box-sizing: border-box;
  transform-style: preserve-3d;
  z-index: var(--calcite-z-index-overlay);
  pointer-events: none;
  aspect-ratio: 1;
  flex-direction: column;
  align-items: center;
  width: 50%;
  max-width: 330px;
  display: flex;
  position: absolute;
  inset-block-end: 0;
  inset-inline: 50%;
  overflow: hidden;
  translate: -50%;
}
.esri-oriented-imagery-viewer__navigation-ui__direction {
  --esri-oriented-imagery-viewer__navigation-ui-direction-color:wheat;
  --calcite-icon-color:var(--esri-oriented-imagery-viewer__navigation-ui-direction-color);
  transform-origin: top;
  transform-style: preserve-3d;
  cursor: not-allowed;
  border: 3px solid #bfc5cc;
  border-radius: 50%;
  width: 4.5em;
  height: 4.5em;
  transition: border-color .15s;
  position: absolute;
}
.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]) {
  cursor: pointer;
  pointer-events: auto;
}
.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]):hover {
  --calcite-icon-color:var(--calcite-color-brand);
  border-color: var(--calcite-color-brand);
}
.esri-oriented-imagery-viewer__navigation-ui__direction-pad {
  box-sizing: border-box;
  filter: drop-shadow(0 2px 1px #00000080);
  width: 100%;
  height: 100%;
  transform: perspective(400px)rotateX(60deg);
}
.esri-oriented-imagery-viewer__navigation-settings-ui [slot=content-bottom] {
  padding: .5rem;
  display: none;
}
.esri-oriented-imagery-viewer__navigation-settings-ui [selected] > [slot=content-bottom] {
  display: block;
}
.esri-panoramic-viewer {
  width: 100%;
  height: 100%;
}
@keyframes esri-docking-animation {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popup-intro-animation-down {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes popup-intro-animation-up {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.esri-ui .esri-popup {
  z-index: 401;
  pointer-events: none;
  flex-flow: column;
  display: flex;
  position: absolute;
}
.esri-ui .esri-popup .esri-features {
  flex: 1;
  width: 100%;
}
.esri-ui .esri-popup .esri-widget__heading {
  margin: 0;
}
.esri-ui .esri-popup--hidden {
  display: none;
}
.esri-popup--shadow {
  box-shadow: 0 1px 4px #000c;
}
.esri-popup--aligned-top-center {
  transform-origin: 50% 100%;
}
.esri-popup--aligned-bottom-center {
  transform-origin: 50% -5%;
}
.esri-popup--aligned-top-left,
.esri-popup--aligned-bottom-left {
  transform-origin: 100%;
}
.esri-popup--aligned-top-right,
.esri-popup--aligned-bottom-right {
  transform-origin: -5%;
}
.esri-popup--aligned-top-center,
.esri-popup--aligned-top-left,
.esri-popup--aligned-top-right {
  animation: .2s ease-in-out popup-intro-animation-down;
}
.esri-popup--aligned-bottom-center,
.esri-popup--aligned-bottom-left,
.esri-popup--aligned-bottom-right {
  animation: .2s ease-in-out popup-intro-animation-up;
}
.esri-popup__main-container {
  z-index: 1;
  pointer-events: auto;
  background-color: #fff;
  width: 340px;
  min-height: 48px;
  max-height: 340px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.esri-popup__pointer {
  width: 0;
  height: 0;
  position: absolute;
}
.esri-popup__pointer-direction {
  content: "";
  background-color: #fff;
  width: 12px;
  height: 12px;
  position: absolute;
}
.esri-popup--aligned-top-center .esri-popup__pointer {
  margin: 0 0 0 -6px;
  top: 100%;
  left: 50%;
}
.esri-popup--aligned-bottom-center .esri-popup__pointer {
  margin: 0 0 0 -6px;
  bottom: 100%;
  left: 50%;
}
.esri-popup--aligned-top-left .esri-popup__pointer {
  bottom: 6px;
  right: 6px;
  transform: rotate(-45deg);
}
.esri-popup--aligned-bottom-left .esri-popup__pointer {
  top: 6px;
  right: 6px;
  transform: rotate(45deg);
}
.esri-popup--aligned-top-right .esri-popup__pointer {
  bottom: 6px;
  left: 6px;
  transform: rotate(45deg);
}
.esri-popup--aligned-bottom-right .esri-popup__pointer {
  top: 6px;
  left: 6px;
  transform: rotate(-45deg);
}
.esri-popup--aligned-top-center .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-center .esri-popup__pointer-direction {
  transform: scale(.75, 2)rotate(45deg);
}
.esri-popup--aligned-top-left .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-left .esri-popup__pointer-direction,
.esri-popup--aligned-top-right .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-right .esri-popup__pointer-direction {
  top: -6px;
  left: -6px;
  transform: scaleY(3.5)rotate(45deg);
}
.esri-popup--aligned-top-center .esri-popup__pointer-direction {
  top: -6px;
  left: 0;
}
.esri-popup--aligned-bottom-center .esri-popup__pointer-direction {
  bottom: -6px;
  left: 0;
}
.esri-view-width-xlarge .esri-popup__main-container {
  width: 460px;
}
.esri-view-width-large .esri-popup__main-container {
  width: 400px;
}
.esri-view-width-medium .esri-popup__main-container {
  width: 340px;
}
.esri-view-width-less-than-medium .esri-popup__main-container {
  width: 280px;
}
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center {
  margin-bottom: 16px;
}
.esri-view-width-xsmall .esri-popup--is-docked-top-center,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center {
  width: auto;
  margin: 0;
}
.esri-view-width-xsmall .esri-popup--is-docked-top-center .esri-popup__main-container,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container {
  width: 100%;
  max-height: 75%;
  position: absolute;
  left: 0;
  right: 0;
}
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container {
  bottom: 0;
}
.esri-view-width-xsmall .esri-popup--is-docked-top-center .esri-popup__main-container {
  top: 0;
}
.esri-view-height-xlarge .esri-popup__main-container {
  max-height: 460px;
}
.esri-view-height-xlarge.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 410px;
}
.esri-view-height-large .esri-popup__main-container {
  max-height: 400px;
}
.esri-view-height-large.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 350px;
}
.esri-view-height-less-than-medium .esri-popup__main-container {
  max-height: 300px;
}
.esri-view-height-less-than-medium.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 250px;
}
.esri-popup--is-docked {
  margin: 15px 15px 30px;
  animation: .25s ease-out esri-docking-animation;
  inset: 0;
}
.esri-ui .esri-popup--is-docked {
  flex-flow: row;
}
.esri-popup--is-docked-top-left,
.esri-popup--is-docked-top-center,
.esri-popup--is-docked-top-right {
  align-items: flex-start;
}
.esri-popup--is-docked-bottom-left,
.esri-popup--is-docked-bottom-center,
.esri-popup--is-docked-bottom-right {
  align-items: flex-end;
}
.esri-popup--is-docked-top-left,
.esri-popup--is-docked-bottom-left {
  justify-content: flex-start;
}
.esri-popup--is-docked-top-center,
.esri-popup--is-docked-bottom-center {
  justify-content: center;
}
.esri-popup--is-docked-top-right,
.esri-popup--is-docked-bottom-right {
  justify-content: flex-end;
}
.esri-popup--is-docked-top-left .esri-popup__main-container,
.esri-popup--is-docked-top-right .esri-popup__main-container,
.esri-popup--is-docked-bottom-left .esri-popup__main-container,
.esri-popup--is-docked-bottom-right .esri-popup__main-container {
  max-height: 80%;
}
.esri-popup--is-docked-top-center .esri-popup__main-container,
.esri-popup--is-docked-bottom-center .esri-popup__main-container {
  max-height: 40%;
}
[dir=rtl] .esri-popup--is-docked-top-left,
[dir=rtl] .esri-popup--is-docked-bottom-left {
  justify-content: flex-end;
}
[dir=rtl] .esri-popup--is-docked-top-right,
[dir=rtl] .esri-popup--is-docked-bottom-right {
  justify-content: flex-start;
}
@media (prefers-reduced-motion) {
  .esri-popup--aligned-top-center,
  .esri-popup--aligned-top-left,
  .esri-popup--aligned-top-right,
  .esri-popup--aligned-bottom-center,
  .esri-popup--aligned-bottom-left,
  .esri-popup--aligned-bottom-right,
  .esri-popup--is-docked {
    animation: none;
  }
}
.esri-print {
  flex-grow: 1;
  padding: 0;
  display: flex;
  position: relative;
  overflow-y: auto;
  min-height: 240px !important;
}
.esri-print section[aria-hidden=true] {
  display: none;
}
.esri-print__panel-items--centered {
  align-items: center;
  display: flex;
}
.esri-print__header-title {
  margin: 0 auto 0 0;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 600;
}
.esri-print__browse-template-button-container {
  padding: 12px 15px;
}
.esri-print__browse-template-button-container-filter {
  margin-right: 12px;
}
.esri-print__container {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}
.esri-print__content {
  background-color: #fff;
  flex-flow: column;
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
}
.esri-print__layout-section,
.esri-print__map-only-section {
  margin-bottom: 3px;
  padding: 12px 15px;
}
.esri-print__layout-tab-list {
  background-color: #f3f3f3;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  bottom: -1px;
}
.esri-print__layout-tab {
  cursor: pointer;
  text-align: center;
  color: #6e6e6e;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  margin: 0;
  padding: 5px;
  display: flex;
}
.esri-print__layout-tab:hover,
.esri-print__layout-tab:focus {
  color: #323232;
  background-color: #f3f3f3;
}
.esri-print__layout-tab[aria-selected=true],
.esri-print__layout-tab[aria-selected=true]:hover {
  color: #323232;
  background-color: #fff;
  border-color: #0079c1 #6e6e6e4d #fff;
}
.esri-print__panel--error {
  color: #8c2907;
}
.esri-print__panel-container {
  flex-direction: column;
  flex: 1 0;
  gap: 9px;
  display: flex;
}
.esri-print__form-checkbox-label {
  align-items: center;
  column-gap: 7px;
  display: flex;
}
.esri-print__form-checkbox-label [type=checkbox] {
  margin: 0;
}
.esri-print__scale-info-container .esri-print__form-checkbox-label {
  margin-block-end: 6px;
}
.esri-print__scale-input-container {
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}
.esri-print__scale-input-container .esri-print__scale-input {
  flex-grow: 1;
}
.esri-print__template-select-error {
  color: var(--calcite-color-status-danger);
}
.esri-print__template-select-container {
  cursor: pointer;
  border: 1px solid #6e6e6e4d;
}
.esri-print__template-select-container .esri-print__template-select-error,
.esri-print__template-select-container .esri-print__template-select-arrow {
  align-self: center;
  margin-right: 12px;
  display: flex;
}
.esri-print__template-select-flow-item-container {
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
  overflow-y: hidden;
}
.esri-print__template-select-flow-item-container .esri-print__template-select-flow-item-content {
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}
.esri-print__template-select-flow-item-container .esri-print__template-select-flow-item-content .esri-print__template-select-flow-item-list-heading {
  border-bottom: 1px solid var(--calcite-color-border-3);
  color: #323232;
  background-color: #f3f3f3;
  align-items: center;
  gap: 7px;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}
.esri-print__advanced-options-section {
  background-color: #f3f3f3;
  border: 1px solid #6e6e6e4d;
}
.esri-print__advanced-options-section [class^=esri-icon-],
.esri-print__advanced-options-section [class*=" esri-icon-"] {
  background: 0 0;
}
.esri-print__advanced-options-button-container {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}
.esri-print__advanced-options-button {
  cursor: pointer;
  background-color: #0000;
  border: none;
  width: 100%;
  padding: 6px 7px;
  font-family: inherit;
}
.esri-print__advanced-options-button[aria-expanded=true] .esri-print__advanced-options-button-icon--closed,
.esri-print__advanced-options-button[aria-expanded=false] .esri-print__advanced-options-button-icon--opened,
.esri-print__advanced-options-button .esri-print__advanced-options-button-icon--closed-rtl {
  display: none;
}
.esri-print__advanced-options-button[aria-expanded=false] .esri-print__advanced-options-button-icon--closed,
.esri-print__advanced-options-button[aria-expanded=true] .esri-print__advanced-options-button-icon--opened {
  display: block;
}
.esri-print__advanced-options-button-title {
  margin: 0 3px;
  font-size: 12px;
}
.esri-print__advanced-options-container {
  padding: 6px 7px;
  font-size: 12px;
}
.esri-print__advanced-options-container .esri-print__form-section-container {
  margin-bottom: 6px;
}
.esri-print__size-container {
  grid-template-columns: 1fr 1fr 32px;
  column-gap: 7px;
  width: 100%;
  display: inline-grid;
}
.esri-print__size-container [class^=esri-icon-],
.esri-print__size-container [class*=" esri-icon-"] {
  background: 0 0;
  align-self: flex-end;
  margin-bottom: 12px;
}
.esri-print__sr-label {
  gap: 7px;
  display: flex;
}
.esri-print__invalid-wkid-text {
  color: #8c2907;
  font-size: 12px;
}
.esri-print__swap-button {
  color: #6e6e6e;
  border: none;
  flex: 1 0 auto;
}
.esri-print__export-button-section {
  padding: 12px 15px;
}
.esri-print__export-button-section--divider {
  border-top: 1px solid var(--calcite-color-border-3);
}
.esri-print__export-section--centered {
  text-align: center;
}
.esri-print__export-panel-container {
  padding: 12px 0;
  font-size: 12px;
}
.esri-print__export-panel-container [class^=esri-icon-],
.esri-print__export-panel-container [class*=" esri-icon-"] {
  margin-top: .15em;
  margin-right: .5em;
}
.esri-print__exported-file {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.esri-print__exported-file-link-title {
  color: #323232;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
}
.esri-print__exported-file-link-description {
  color: #6e6e6e;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 12px;
}
.esri-print__exported-file-link {
  color: #6e6e6e;
  align-items: flex-start;
  margin-bottom: 6px;
  text-decoration: none;
  display: flex;
}
.esri-print__exported-file-link:hover {
  color: #2e2e2e;
}
.esri-print__exported-file--loader {
  align-self: center;
  margin-inline: 12px;
}
.esri-print__exported-file--error {
  cursor: pointer;
  color: #8c2907;
}
.esri-print .esri-print__exported-file--error:hover {
  color: #8c2907;
}
.esri-print__exported-files-empty {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  display: flex;
}
.esri-print__template-button-container {
  padding: 12px 15px;
}
.esri-print__template-done-button {
  width: 100%;
}
.esri-print__loader {
  background: url("./media/loading-throb-V56YOU3W.gif") 50% no-repeat;
  width: 32px;
  height: 40px;
  margin: 0 auto;
}
[dir=rtl] .esri-print__export-panel-container [class^=esri-icon-],
[dir=rtl] .esri-print__export-panel-container [class*=" esri-icon-"] {
  margin-left: .5em;
  margin-right: 0;
}
[dir=rtl] .esri-print__advanced-options-button[aria-expanded=false] .esri-print__advanced-options-button-icon--closed {
  display: none;
}
[dir=rtl] .esri-print__advanced-options-button[aria-expanded=false] .esri-print__advanced-options-button-icon--closed-rtl {
  display: block;
}
.esri-responsive-toolbar__ruler {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.esri-responsive-toolbar__ruler--bar {
  visibility: hidden;
  height: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.esri-responsive-toolbar__ruler--bar--vertical,
.esri-responsive-toolbar__ruler--pad--vertical {
  width: 0;
  height: 100%;
}
.esri-responsive-toolbar__ruler--pad--horizontal {
  width: 100%;
  height: 0;
}
.esri-responsive-toolbar__bar > div {
  display: contents;
}
.esri-responsive-toolbar__bar--horizontal {
  min-width: 100%;
}
.esri-responsive-toolbar__bar--vertical {
  min-height: 100%;
}
.esri-responsive-toolbar__pad {
  width: min-content;
  display: contents;
}
.esri-responsive-toolbar__pad > div {
  display: contents;
}
@container esri-view-canvas (height>=0) {
  .esri-responsive-toolbar__ruler--pad--vertical {
    width: 0;
    height: min(100vh - 120px, 100cqh - 120px);
  }
  .esri-responsive-toolbar__ruler--pad--horizontal {
    width: min(100vw - 60px, 100cqw - 60px);
    height: 0;
  }
}
.esri-split-button--split-part--vertical--s {
  --calcite-size-sm:16px;
  max-height: 16px;
}
.esri-split-button--split-part--vertical--m {
  --calcite-size-md:24px;
  max-height: 24px;
}
.esri-split-button--split-part--vertical--l {
  --calcite-size-l:40px;
  max-height: 40px;
}
.esri-split-button--split-part--horizontal--s,
.esri-split-button--split-part--horizontal--m {
  max-width: 16px;
}
.esri-split-button--split-part--horizontal--l {
  max-width: 24px;
}
.esri-component.esri-scale-bar.esri-widget,
.esri-scale-bar.esri-widget {
  box-shadow: none;
  background: 0 0;
}
.esri-scale-bar__bar-container {
  align-items: flex-end;
  font-size: 12px;
  transition: width .25s ease-in-out;
  display: flex;
  position: relative;
}
.esri-scale-bar__bar-container--ruler {
  flex-direction: column;
}
.esri-scale-bar__bar-container--line:last-child {
  align-items: flex-start;
}
.esri-scale-bar__ruler {
  background-color: #fff;
  flex-wrap: wrap;
  height: 6px;
  display: flex;
  box-shadow: 0 0 0 1px #ffffff54, 0 1px 2px #0000004d;
}
.esri-scale-bar__ruler-block {
  background-color: #323232;
  width: 25%;
  height: 50%;
}
.esri-scale-bar__ruler-block:nth-child(-n+2) {
  margin-right: 25%;
}
.esri-scale-bar__ruler-block:nth-child(n+3) {
  margin-left: 25%;
}
.esri-scale-bar__line {
  z-index: 1;
  background-color: #ffffff54;
  height: 1.5em;
  position: relative;
  left: 0;
}
.esri-scale-bar__line--top {
  border-bottom: 2px solid #323232;
  bottom: -1px;
}
.esri-scale-bar__line--bottom {
  border-top: 2px solid #323232;
  top: -1px;
}
.esri-scale-bar__line--top:before,
.esri-scale-bar__line--top:after,
.esri-scale-bar__line--bottom:before,
.esri-scale-bar__line--bottom:after {
  content: "";
  background-color: #323232;
  border-right: 2px solid #323232;
  width: 2px;
  height: 1.5em;
  display: block;
  position: absolute;
}
.esri-scale-bar__line--top:before {
  bottom: -2px;
  left: 0;
}
.esri-scale-bar__line--top:after {
  bottom: -2px;
  right: 0;
}
.esri-scale-bar__line--bottom:before {
  top: -2px;
  left: 0;
}
.esri-scale-bar__line--bottom:after {
  height: 1.5em;
  top: -2px;
  right: 0;
}
.esri-scale-bar__label-container--line {
  z-index: 1;
  position: absolute;
  left: 0;
}
.esri-scale-bar__label-container--ruler {
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}
.esri-scale-bar__label-container--ruler .esri-scale-bar__label {
  text-shadow:
    1px 0 #fff,
    0 1px #fff,
    1px 1px #fff,
    -1px 0 #fff,
    0 -1px #fff,
    -1px -1px #fff;
  padding: 6px 0 0;
}
.esri-scale-bar__label-container--top {
  bottom: 0;
}
.esri-scale-bar__label-container--bottom {
  top: 1px;
}
.esri-scale-bar__label {
  white-space: nowrap;
  color: #323232;
  font-size: inherit;
  padding: 0 7px;
  font-weight: 600;
}
[dir=rtl] .esri-scale-bar__ruler {
  margin: 0 .5ch 0 2ch;
}
[dir=rtl] .esri-scale-bar__label-container--line {
  left: auto;
  right: 0;
}
.esri-scale-range-slider {
  background-color: #0000;
  flex-direction: column;
  gap: 12px;
  min-width: 310px;
  display: flex;
  position: relative;
}
.esri-scale-range-slider__segment-active {
  background-color: #0079c1;
  height: 4px;
}
.esri-scale-range-slider .esri-slider {
  background-color: #0000;
  padding: 9px 11px 9px 9px;
}
.esri-scale-range-slider .esri-slider .esri-slider__effective-min-segment,
.esri-scale-range-slider .esri-slider .esri-slider__effective-max-segment {
  content: " ";
  background:
    repeating-linear-gradient(
      90deg,
      #ffffffbf 0 5px,
      #0000 5px 10px);
  height: 100%;
  display: block;
}
.esri-scale-range-slider.esri-component.esri-widget,
.esri-scale-range-slider.esri-widget {
  box-shadow: none;
}
.esri-scale-range-slider.esri-disabled {
  opacity: .4;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.esri-scale-range-slider__scale-indicator-wrapper {
  display: contents;
}
.esri-scale-range-slider__scale-indicator-container {
  position: absolute;
  left: 9px;
  right: 11px;
}
.esri-scale-range-slider__scale-indicator {
  width: 1px;
  margin-left: -4px;
  transition-property: left;
  transition-duration: .2s;
  position: relative;
  top: 11px;
}
.esri-scale-range-slider__scale-indicator-icon {
  transform: scale(.8, 1.7);
}
.esri-scale-range-slider__scale-preview {
  background-color: #fff;
  flex-direction: column;
  padding: 6px 7px;
  display: inline-flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-scale-range-slider__scale-preview-thumbnail {
  box-sizing: border-box;
  padding: 64px;
  display: block;
}
.esri-scale-range-slider__scale-menu-container {
  gap: .5rem;
  width: 100%;
  display: flex;
}
.esri-scale-range-slider__scale-menu-container calcite-label span {
  color: var(--calcite-color-text-3);
}
[dir=rtl] .esri-scale-range-slider__scale-menu-container {
  flex-direction: row-reverse;
}
.esri-scale-range-slider__scale-menu-separator {
  flex: 1;
  margin-left: -.5rem;
}
.esri-scale-range-slider__scale-menu-toggle {
  max-width: 9rem;
}
.esri-scale-range-slider__scale-menu-sublabel {
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--2);
}
.esri-search {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 240px;
  display: flex;
}
.esri-search__dropdown {
  --calcite-color-border-1:var(--calcite-color-border-input);
  --calcite-dropdown-width:240px;
  width: 31px;
}
.esri-search__autocomplete {
  flex: 1;
}
.esri-search__container {
  flex-flow: row;
  flex: 1 0 100%;
  align-items: stretch;
  display: flex;
  position: relative;
}
.esri-search__form {
  flex-flow: row;
  flex: 1 0;
  align-items: stretch;
  margin: 0;
  padding: 0;
  display: flex;
}
.esri-search__submit-button {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.esri-search-result-renderer calcite-block,
.esri-search-result-renderer calcite-block[expanded] {
  margin-block: 0;
  border: 0;
  margin-block-start: var(--calcite-spacing-md);
}
.esri-selection-list {
  flex: 1 1 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-selection-list__flow-item,
.esri-selection-list__panel,
.esri-selection-list__container {
  display: flex;
}
.esri-selection-list__flow-item {
  overflow: auto;
}
.esri-selection-list__flow-item[scale=s] .esri-selection-list__container {
  gap: var(--calcite-spacing-sm);
  padding: var(--calcite-spacing-sm) 0;
}
.esri-selection-list__flow-item[scale=m] .esri-selection-list__container {
  gap: var(--calcite-spacing-md);
  padding: var(--calcite-spacing-md) 0;
}
.esri-selection-list__flow-item[scale=l] .esri-selection-list__container {
  gap: var(--calcite-spacing-lg);
  padding: var(--calcite-spacing-lg) 0;
}
.esri-selection-list__container {
  background-color: var(--calcite-color-foreground-1);
  flex-direction: column;
}
.esri-selection-list__container > * {
  background-color: var(--calcite-color-foreground-1);
}
.esri-selection-list__container > [scale=s] {
  padding: 0 var(--calcite-spacing-sm) 0 var(--calcite-spacing-sm);
  font-size: var(--calcite-font-size-sm);
}
.esri-selection-list__container > [scale=m] {
  padding: 0 var(--calcite-spacing-md) 0 var(--calcite-spacing-md);
  font-size: var(--calcite-font-size-md);
}
.esri-selection-list__container > [scale=l] {
  padding: 0 var(--calcite-spacing-lg) 0 var(--calcite-spacing-lg);
  font-size: var(--calcite-font-size-lg);
}
.esri-selection-list .esri-selection-list__list-item__feature-icon .esri-selection-list__list-item__icon {
  margin-inline-start: calc(var(--calcite-spacing-lg) * -1);
}
.esri-selection-list .esri-selection-list__list-item__icon {
  min-width: var(--calcite-spacing-xxl);
  height: var(--calcite-spacing-xxl);
}
.esri-selection-list__list-item__icon {
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-selection-list__list-item__icon span {
  line-height: 0;
}
.esri-selection-list__total-count {
  margin-inline: var(--calcite-spacing-xxs);
  line-height: initial;
  align-self: center;
}
.esri-selection-list__item-count {
  align-items: center;
  gap: .5em;
  display: flex;
}
.esri-selection-toolbar {
  flex: 1 1 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-selection-toolbar calcite-action-bar {
  width: 100%;
}
.esri-selection-toolbar calcite-chip {
  margin-inline: var(--calcite-spacing-xxs);
  line-height: initial;
  align-self: center;
  display: flex;
}
.esri-selection-toolbar calcite-dropdown calcite-icon {
  margin-inline-start: var(--calcite-spacing-xxs);
}
.esri-selection-toolbar__container {
  width: 100%;
  display: flex;
}
.esri-shadow-cast {
  gap: var(--calcite-spacing-xxl);
  padding: var(--esri-widget-padding);
  flex-direction: column;
  width: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.esri-shadow-cast__time-range {
  font-size: var(--calcite-font-size-sm);
  flex-direction: column;
  display: flex;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal {
  width: inherit;
  flex-grow: 1;
  padding: 30px 13px 28px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-widget__anchor,
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__anchor {
  color: inherit;
  outline: none !important;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__anchor:focus .esri-slider__thumb {
  outline-offset: 2px;
  outline: 2px solid #0079c1;
  overflow: visible;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__segment.esri-slider__segment-0 {
  background-color: unset;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__thumb {
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick {
  background: 0 0;
  width: 7px;
  height: 20px;
  margin: -3px;
  padding: 3px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick:after {
  content: "";
  background: #6e6e6e66;
  width: 1px;
  display: block;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick.secondary-tick:after {
  height: 3px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick:after {
  height: 6px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick .primary-tick__ampm {
  font-size: 10px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__ticks {
  margin: 0;
  width: calc(100% - 1px);
  margin-top: 6px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick-label {
  text-align: center;
  word-break: normal;
  width: min-content;
  margin-top: 12px;
  font-size: 10px;
  line-height: 1.1em;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick-label.primary-tick__label--keep-all {
  word-break: keep-all;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__label {
  font-size: 12px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__label-input {
  font-size: 10px;
}
.esri-shadow-cast__time-range .esri-slider__segment-1 {
  background: #0079c1;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal {
  padding-top: 8px;
  padding-bottom: 42px;
}
.esri-shadow-cast__time-range__indicator {
  gap: var(--calcite-spacing-px);
  margin-bottom: var(--calcite-spacing-xs);
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-shadow-cast__date-picker-container:not(:first-of-type) {
  margin-top: var(--calcite-spacing-md);
}
.esri-shadow-cast__date-picker {
  flex-grow: 1;
  display: block;
}
.esri-shadow-cast__visualization {
  flex-direction: column;
  display: flex;
}
.esri-shadow-cast__visualization__select {
  margin-bottom: var(--calcite-spacing-md);
}
.esri-shadow-cast__visualization__config--hidden {
  display: none;
}
.esri-shadow-cast__threshold-config,
.esri-shadow-cast__duration-config,
.esri-shadow-cast__discrete-config {
  --calcite-label-margin-bottom:0;
  gap: var(--calcite-spacing-md);
  flex-direction: column;
  display: flex;
}
.esri-shadow-cast__threshold-config calcite-label,
.esri-shadow-cast__duration-config calcite-label,
.esri-shadow-cast__discrete-config calcite-label {
  display: block;
}
.esri-shadow-cast__threshold-config calcite-label:focus,
.esri-shadow-cast__threshold-config calcite-label:focus-visible,
.esri-shadow-cast__duration-config calcite-label:focus,
.esri-shadow-cast__duration-config calcite-label:focus-visible,
.esri-shadow-cast__discrete-config calcite-label:focus,
.esri-shadow-cast__discrete-config calcite-label:focus-visible {
  outline: none;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal {
  width: inherit;
  flex-grow: 1;
  padding: 30px 13px 28px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-widget__anchor,
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__anchor {
  color: inherit;
  outline: none !important;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__anchor:focus .esri-slider__thumb {
  outline-offset: 2px;
  outline: 2px solid #0079c1;
  overflow: visible;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__segment.esri-slider__segment-0 {
  background-color: unset;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__thumb {
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick {
  background: 0 0;
  width: 7px;
  height: 20px;
  margin: -3px;
  padding: 3px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick:after {
  content: "";
  background: #6e6e6e66;
  width: 1px;
  display: block;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick.secondary-tick:after {
  height: 3px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick:after {
  height: 6px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick .primary-tick__ampm {
  font-size: 10px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__ticks {
  width: calc(100% - 1px);
  margin: 6px 0 0;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick-label {
  text-align: center;
  word-break: normal;
  width: min-content;
  margin-top: 12px;
  font-size: 10px;
  line-height: 1.1em;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick-label.primary-tick__label--keep-all {
  word-break: keep-all;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__label {
  font-size: 12px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__label-input {
  font-size: 10px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal {
  padding-top: 8px;
  padding-bottom: 25px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick-label {
  margin-top: 12px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__segment-1 {
  background: #0079c1;
}
.esri-shadow-cast__threshold-config__discrete-block {
  --calcite-label-margin-bottom:0;
  flex-direction: column;
  display: flex;
}
.esri-shadow-cast__threshold-config__discrete-label {
  margin-bottom: var(--calcite-spacing-xs);
  width: 100%;
  font-weight: 500;
}
.esri-shadow-cast__threshold-config__discrete-label--empty {
  font-weight: inherit;
}
.esri-shadow-cast__threshold-config__discrete-label-text {
  opacity: var(--calcite-opacity-disabled);
}
.esri-shadow-cast__threshold-config__discrete-label--open .esri-shadow-cast__threshold-config__discrete-label-text {
  opacity: inherit;
}
.esri-shadow-cast__threshold-config .esri-shadow-cast__discrete-config {
  gap: var(--calcite-spacing-xs);
  padding: 0 var(--calcite-spacing-xs);
}
.esri-shadow-cast__duration-config__radio-group {
  flex-direction: row;
  align-items: center;
  display: flex;
}
.esri-shadow-cast__duration-config__radio-group calcite-button {
  height: 35px;
}
.esri-shadow-cast__tooltip {
  color: #323232;
  font-size: 12px;
}
.esri-shadow-cast__tooltip__content {
  margin-top: -8px-var(--calcite-spacing-xxs);
  padding: var(--calcite-spacing-xs) var(--calcite-spacing-sm);
  background: #fff;
  width: max-content;
  position: absolute;
  transform: translate(-50%, -100%);
}
.esri-shadow-cast__tooltip__content:after {
  content: "";
  border: 8px solid #0000;
  border-top-color: #fff;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.esri-size-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-size-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-size-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-size-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-size-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-size-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-size-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-size-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-size-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-size-slider .esri-slider .esri-slider__max,
.esri-size-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-size-slider .esri-slider .esri-slider__max:before,
.esri-size-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-size-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-size-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-size-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-size-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-size-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-size-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-size-slider .esri-slider .esri-histogram__average-line,
.esri-size-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-size-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-size-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-size-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-size-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-size-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-size-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-size-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-component:has(> .esri-sketch) {
  display: contents;
}
.esri-sketch {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  display: flex;
}
.esri-sketch-pad {
  gap: var(--calcite-spacing-sm,8px);
  flex-flow: wrap;
  justify-content: flex-start;
}
.esri-sketch-pad:dir(rtl) {
  flex-flow: row-reverse wrap;
}
.esri-sketch-pad.esri-sketch--vertical {
  flex-flow: column wrap;
  justify-content: flex-start;
}
.esri-sketch-pad.esri-sketch--vertical:dir(rtl) {
  flex-flow: column wrap-reverse;
}
.esri-sketch-pad.esri-sketch--vertical .esri-selection-toolbar__container {
  flex-direction: column;
}
.esri-sketch > * {
  pointer-events: initial;
}
.esri-sketch-bar {
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin: 0;
}
.esri-sketch-bar.esri-sketch--vertical {
  flex-flow: row;
}
.esri-sketch__popover-wrapper {
  inline-size: max-content;
  min-inline-size: 300px;
  max-height: 75vh;
  -webkit-user-select: none;
  user-select: none;
  max-inline-size: 400px;
  overflow-y: auto;
}
.esri-sketch__popover-wrapper .esri-sketch-tooltip-controls:not(:only-child) calcite-block {
  border-block-end-width: 1px;
  border-style: solid;
  border-color: var(--calcite-color-border-3);
}
.esri-sketch__selection-count-chip--horizontal {
  align-self: center;
}
.esri-sketch__selection-count-chip--vertical {
  scale: var(--sketch-chip-rescale,1);
  align-self: center;
  margin-inline: 0;
}
.esri-sketch__selection-count-chip--vertical--s {
  --sketch-chip-rescale:.8;
  --sketch-chip-margin-scale-factor:.5;
}
.esri-ui-top-right .esri-sketch-pad {
  flex-flow: row-reverse wrap;
  justify-content: flex-start;
}
.esri-ui-top-right .esri-sketch-pad:dir(rtl) {
  flex-flow: wrap;
}
.esri-ui-top-right .esri-sketch-pad.esri-sketch--vertical {
  flex-flow: column wrap-reverse;
}
.esri-ui-top-right .esri-sketch-pad.esri-sketch--vertical:dir(rtl) {
  flex-flow: column wrap;
}
.esri-ui-bottom-right .esri-sketch-pad {
  flex-flow: row-reverse wrap-reverse;
}
.esri-ui-bottom-right .esri-sketch-pad:dir(rtl) {
  flex-flow: wrap-reverse;
}
.esri-ui-bottom-right .esri-sketch-pad.esri-sketch--vertical {
  flex-flow: column-reverse wrap-reverse;
}
.esri-ui-bottom-right .esri-sketch-pad.esri-sketch--vertical:dir(rtl) {
  flex-flow: column-reverse wrap;
}
.esri-ui-bottom-left .esri-sketch-pad {
  flex-flow: wrap-reverse;
}
.esri-ui-bottom-left .esri-sketch-pad:dir(rtl) {
  flex-flow: row-reverse wrap-reverse;
}
.esri-ui-bottom-left .esri-sketch-pad.esri-sketch--vertical {
  flex-flow: column-reverse wrap;
}
.esri-ui-bottom-left .esri-sketch-pad.esri-sketch--vertical:dir(rtl) {
  flex-flow: column-reverse wrap-reverse;
}
@container esri-view-canvas (height>=50px) {
  .esri-sketch__popover-wrapper {
    max-height: calc(100cqh - (var(--sketch-view-height-offset,90px)) - var(--sketch-view-margin-offset,15px) - var(--sketch-popover-header-offset,1000px));
  }
  .esri-sketch--vertical {
    max-height: min(100vh - 120px, 100cqh - 120px);
  }
}
.esri-expand__popover-content .esri-sketch {
  gap: 0;
}
.esri-sketch-tooltip-controls {
  flex-flow: column wrap;
  min-width: 100%;
  display: flex;
}
.esri-sketch-tooltip-controls__block {
  border-block-end: none;
  margin: 0;
}
.esri-sketch-tooltip-controls__block-content {
  flex-direction: column;
  gap: 6px;
  display: flex;
}
.esri-sketch-tooltip-controls__radio-button-label-wrapper {
  align-items: center;
  gap: 2px;
  display: flex;
}
.esri-sketch-tooltip-controls calcite-label:last-child {
  --calcite-label-margin-bottom:0;
}
.esri-slice {
  --layer-item-background:var(--calcite-color-foreground-2);
}
.esri-slice__container {
  padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);
  display: flex;
  overflow-y: auto;
}
.esri-slice__error {
  color: #8c2907;
}
.esri-slice__container,
.esri-slice__hint {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.esri-slice__error,
.esri-slice__hint {
  animation: .25s ease-in-out esri-fade-in;
  overflow: hidden;
}
.esri-slice__error p,
.esri-slice__hint p {
  margin: 0;
  padding: 0;
}
.esri-slice__layer-item {
  --calcite-color-foreground-2:var(--layer-item-background);
  --calcite-color-foreground-1:var(--layer-item-background);
}
.esri-slice__actions {
  flex-flow: column;
  justify-content: center;
  gap: 6px;
  display: flex;
}
@supports (-ms-ime-align:auto) {
  .esri-slider__anchor:focus {
    outline: 1px dotted #000;
  }
}
.esri-slider {
  -webkit-user-select: none;
  user-select: none;
  direction: ltr;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-disabled {
  pointer-events: none;
}
.esri-disabled .esri-slider__content,
.esri-disabled .esri-slider__min,
.esri-disabled .esri-slider__max {
  opacity: .4;
}
.esri-slider--reversed.esri-slider--horizontal {
  flex-direction: row-reverse;
}
.esri-slider--reversed.esri-slider--vertical {
  flex-direction: column;
}
.esri-slider--horizontal {
  flex-direction: row;
}
.esri-slider--horizontal .esri-slider__content {
  height: auto;
}
.esri-slider--horizontal .esri-slider__track {
  width: 100%;
  height: 2px;
}
.esri-slider--horizontal .esri-slider__segment--interactive:hover {
  cursor: ew-resize;
}
.esri-slider--horizontal .esri-slider__anchor {
  width: 1px;
  height: 100%;
}
.esri-slider--horizontal .esri-slider__label {
  text-align: center;
  margin: 0 11px;
  top: -30px;
  left: -50px;
}
.esri-slider--horizontal .esri-slider__label-input {
  text-align: center;
}
.esri-slider--horizontal .esri-slider__max,
.esri-slider--horizontal .esri-slider__min {
  flex: none;
  width: 50px;
  height: auto;
  margin: auto;
}
.esri-slider--horizontal .esri-slider__ticks {
  width: 100%;
  margin: 9px 0 0;
  top: 100%;
  left: 0;
}
.esri-slider--horizontal .esri-slider__tick {
  width: 1px;
  height: 5px;
}
.esri-slider--horizontal .esri-slider__tick-label {
  margin-top: 18px;
}
.esri-slider--vertical {
  flex-direction: column-reverse;
}
.esri-slider--vertical .esri-slider__content {
  flex-direction: column;
  width: auto;
}
.esri-slider--vertical .esri-slider__track {
  flex-direction: column;
  flex: 1 0 0;
  width: 2px;
  height: 100%;
}
.esri-slider--vertical .esri-slider__segment--interactive:hover {
  cursor: ns-resize;
}
.esri-slider--vertical .esri-slider__anchor {
  width: 100%;
  height: 1px;
}
.esri-slider--vertical .esri-slider__label {
  text-align: left;
  top: -10px;
  left: 20px;
}
.esri-slider--vertical .esri-slider__max,
.esri-slider--vertical .esri-slider__min {
  flex: 0 0 22px;
  width: 100%;
  margin: auto;
}
.esri-slider--vertical .esri-slider__ticks {
  margin: 0 0 0 11px;
  top: 0;
  left: 100%;
}
.esri-slider--vertical .esri-slider__tick {
  width: 5px;
  height: 1px;
}
.esri-slider--vertical .esri-slider__tick-label {
  margin-left: 30px;
}
.esri-slider__content {
  z-index: 0;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  margin: auto;
  line-height: 0;
  display: flex;
  position: relative;
}
.esri-slider__track {
  touch-action: none;
  background-color: #6e6e6e66;
  display: inline-block;
  position: relative;
}
.esri-slider__segment {
  transform-origin: 0 0;
  will-change: transform;
  touch-action: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-slider__segment:hover {
  cursor: pointer;
}
.esri-slider__anchor {
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #4c4c4c;
  position: absolute;
}
.esri-slider__anchor:focus .esri-slider__thumb,
.esri-slider__anchor:focus .esri-slider__label {
  outline: inherit;
}
.esri-slider__anchor--moving:focus .esri-slider__thumb {
  cursor: grabbing;
  border: 3px solid #00598e;
}
.esri-slider__anchor--moving .esri-slider__label:hover,
.esri-slider__anchor--moving .esri-slider__label--interactive:hover {
  cursor: grabbing;
}
.esri-slider__thumb {
  box-sizing: border-box;
  z-index: 1;
  touch-action: none;
  background-color: #fff;
  border: 2px solid #0079c1;
  border-radius: 16px;
  width: 16px;
  height: 16px;
  transition: all .125s ease-in-out;
  position: absolute;
  top: -7px;
  left: -7px;
}
.esri-slider__thumb:hover {
  cursor: grab;
  border-width: 3px;
  border-color: #00598e;
  width: 19.2px;
  height: 19.2px;
  top: -8.6px;
  left: -8.6px;
}
.esri-slider__label {
  min-width: 80px;
  line-height: 22px;
  position: absolute;
}
.esri-slider__label:hover {
  cursor: grab;
}
.esri-slider__label--interactive:hover,
.esri-slider__max--interactive:hover,
.esri-slider__min--interactive:hover {
  cursor: pointer;
  text-decoration: underline;
}
.esri-slider__label-input {
  z-index: 1;
  width: 100%;
  position: relative;
}
.esri-slider__extra-content {
  display: inline-block;
}
.esri-slider__max,
.esri-slider__min {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 22px;
  line-height: 22px;
  display: flex;
}
.esri-slider__max--interactive:hover,
.esri-slider__min--interactive:hover {
  background-color: #f3f3f3;
}
.esri-slider__range-input {
  text-align: center;
  width: 100%;
  padding: 1px 0;
}
.esri-slider__ticks {
  z-index: 0;
  height: 100%;
  display: inline-block;
  position: absolute;
}
.esri-slider__tick {
  background: #6e6e6e66;
  position: absolute;
}
.esri-slider__tick-label {
  width: max-content;
  position: absolute;
}
[dir=rtl] .esri-slider__label,
[dir=rtl] .esri-slider__max,
[dir=rtl] .esri-slider__min,
[dir=rtl] .esri-slider__tick-label {
  direction: rtl;
  unicode-bidi: plaintext;
}
[dir=rtl] .esri-slider__range-input,
[dir=rtl] .esri-slider__label-input {
  unicode-bidi: plaintext;
}
.esri-snapping-controls__toggle-block {
  min-width: 100%;
  margin: 0;
}
.esri-snapping-controls__layer-list-block {
  border-bottom: none;
  min-width: 225px;
}
.esri-snapping-controls__layer-list-block[open] {
  margin-block: 0;
}
.esri-snapping-controls__layer-list {
  overflow: auto;
}
.esri-snapping-controls__layer-list__filter {
  margin-bottom: 10px;
}
.esri-snapping-controls__layer-list__button {
  margin-bottom: 6px;
}
.esri-snapping-controls__layer-list__item calcite-accordion-item calcite-icon,
.esri-snapping-controls__layer-list__item calcite-action calcite-icon {
  margin-inline-start: 0;
}
.esri-snapping-controls__layer-list__item calcite-icon {
  color: var(--calcite-color-brand);
  margin-inline-start: var(--calcite-list-item-spacing-indent);
}
.esri-snapping-controls {
  flex-flow: column wrap;
  display: flex;
}
.esri-snapping-controls__container {
  flex-direction: column;
  flex: auto;
  display: flex;
}
.esri-snapping-controls__container :only-child {
  border-block-end: none;
}
.esri-snapping-controls__panel {
  width: 320px;
}
.esri-snapping-controls__item {
  border: 1px solid #6e6e6e4d;
  cursor: pointer;
  background-color: #fff;
  border-color: #0000;
  border-radius: 2px;
  justify-content: space-between;
  margin: 3px 0;
  padding: 3px;
  transition: border-color .125s ease-in-out;
  display: flex;
  box-shadow: 0 1px #6e6e6e4d;
}
.esri-snapping-controls__item-action-icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: .1em;
  font-size: 16px;
  display: inline-block;
}
.esri-snapping-controls__action-toggle {
  opacity: 1;
  cursor: pointer;
  border: 1px solid #0000;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 6px 15px;
  font-size: 12px;
  transition: opacity .25s ease-in-out .25s, background-color .25s ease-in-out;
  display: flex;
}
.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-title {
  margin-left: 0;
}
.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon {
  background-color: #f3f3f3;
  border-radius: 16px;
  flex: 0 0 28px;
  width: 16px;
  height: 16px;
  padding: 0;
  transition: background-color .125s ease-in-out;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1px #6e6e6e;
}
.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon:before {
  content: "";
  background-color: #6e6e6e;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  margin: 2px;
  transition: background-color .125s ease-in-out, left .125s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 0 1px #fff;
}
.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon {
  background-color: #0079c1;
  box-shadow: 0 0 0 1px #0079c1;
}
.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon:before {
  background-color: #fff;
  left: 12px;
}
.esri-snapping-controls__nested-container {
  flex-direction: column;
  gap: 6px;
  display: flex;
}
.esri-snapping-controls__nested-container:not(:empty) {
  padding-top: 6px;
  padding-inline-start: 1em;
}
@keyframes esri-spinner--start-animation {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes esri-spinner--finish-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes esri-spinner--rotate-animation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.esri-ui .esri-spinner {
  transform-origin: 0 0;
  opacity: 0;
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
  background-color: #0000;
  width: 24px;
  height: 24px;
  padding: 0;
  display: none;
  position: absolute;
  top: -999em;
  left: -999em;
  overflow: visible;
}
.esri-ui .esri-spinner:before {
  content: "";
  background: url("./media/Loading_Indicator_double_32-OXQ6SKO2.svg") 50% no-repeat;
  width: 100%;
  height: 100%;
  margin: -50% 0 0 -50%;
  animation: .75s linear infinite esri-spinner--rotate-animation;
  display: block;
  position: absolute;
}
.esri-ui .esri-spinner--start {
  animation: .25s cubic-bezier(.17, .67, .36, .99) forwards esri-spinner--start-animation;
  display: block;
}
.esri-ui .esri-spinner--finish {
  opacity: 1;
  animation: .125s ease-in 75ms forwards esri-spinner--finish-animation;
  display: block;
}
.esri-swipe {
  -webkit-user-select: none;
  user-select: none;
  background: 0 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.esri-swipe,
.esri-ui .esri-swipe {
  pointer-events: none;
}
.esri-swipe__container {
  z-index: 1;
  pointer-events: auto;
  touch-action: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.esri-swipe--horizontal .esri-swipe__container {
  cursor: col-resize;
  height: 100%;
  margin-left: -16px;
}
.esri-swipe--vertical .esri-swipe__container {
  cursor: row-resize;
  width: 100%;
  margin-top: -16px;
}
.esri-swipe--disabled .esri-swipe__container {
  cursor: default;
  pointer-events: none;
}
.esri-swipe__divider {
  background-color: #fff;
  position: absolute;
}
.esri-swipe--horizontal .esri-swipe__divider {
  border-left: 1px solid #6e6e6e80;
  border-right: 1px solid #6e6e6e80;
  width: 4px;
  height: 100%;
  margin-left: -2px;
  top: 0;
  left: 16px;
}
.esri-swipe--vertical .esri-swipe__divider {
  border-top: 1px solid #6e6e6e80;
  border-bottom: 1px solid #6e6e6e80;
  width: 100%;
  height: 4px;
  margin-top: -2px;
  top: 16px;
  left: 0;
}
.esri-swipe__handle {
  background-color: #fff;
  border: 1px solid #6e6e6e80;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}
.esri-swipe__handle--hidden {
  visibility: hidden;
}
.esri-swipe__handle-icon {
  z-index: 2;
  position: relative;
}
.esri-swipe--horizontal .esri-swipe__handle {
  top: calc(50% - 16px);
}
.esri-swipe--vertical .esri-swipe__handle {
  left: calc(50% - 16px);
}
.esri-swipe__container:focus .esri-swipe__handle,
.esri-swipe__container:focus .esri-swipe__divider {
  outline: 2px inset highlight;
  outline: inset 2px -webkit-focus-ring-color;
}
.esri-swipe__container:focus .esri-swipe__handle {
  outline-offset: -3px;
}
.esri-table-list {
  display: flex;
}
.esri-table-list__filter-no-results {
  padding: 12px 15px;
}
.esri-table-list__item {
  --calcite-list-item-icon-center:8.5px;
}
.esri-table-list__status-indicator {
  visibility: hidden;
  color: #0000;
  margin-inline: 0;
}
.esri-table-list__item-action-image {
  text-align: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
}
.esri-table-list__action-menu .esri-table-list__action-group {
  display: none;
}
.esri-table-list__action-menu[open] .esri-table-list__action-group {
  display: flex;
}
.esri-table-list__publishing {
  visibility: visible;
  color: #6e6e6e;
  animation: 2s infinite esri-table-layer-list__publishing-anim;
}
.esri-table-list__item-content-bottom {
  margin: 12px 15px;
}
.esri-table-list__item-content-bottom .esri-legend__service {
  padding: 0 0 12px;
}
.esri-table-list__item-message {
  margin: 12px 15px;
}
@keyframes esri-table-layer-list__publishing-anim {
  0%, 20% {
    transform: rotate(45deg);
  }
  80%, to {
    transform: rotate(135deg);
  }
}
.esri-time-picker {
  border: 1px solid #6e6e6e4d;
  padding: 0 .5em;
  display: inline-block;
}
.esri-time-picker__input {
  border: none;
}
.esri-time-slider {
  min-width: 375px;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-time-slider__layout--wide .esri-time-slider__row {
  height: 88px;
}
.esri-time-slider__layout--wide .esri-time-slider__playback-controls {
  direction: ltr;
  flex: auto;
  display: flex;
}
.esri-time-slider__layout--wide .esri-time-slider__play {
  width: 64px;
}
.esri-time-slider__layout--wide .esri-time-slider__time-extent {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 110px;
  display: flex;
}
.esri-time-slider__layout--wide .esri-time-slider__time-extent-separator {
  opacity: var(--calcite-opacity-disabled);
  margin-top: var(--calcite-spacing-fixed-xxs);
  margin-bottom: var(--calcite-spacing-fixed-xs);
  background-color: var(--calcite-color-brand);
  width: 75px;
  height: var(--calcite-size-px);
}
.esri-time-slider__layout--wide .esri-time-slider__time-extent,
.esri-time-slider__layout--wide .esri-time-slider__min,
.esri-time-slider__layout--wide .esri-time-slider__previous,
.esri-time-slider__layout--wide .esri-time-slider__actions {
  border-left: var(--calcite-border-width-sm) solid var(--calcite-color-border-1);
}
.esri-time-slider__layout--wide .esri-time-slider__min,
.esri-time-slider__layout--wide .esri-time-slider__max {
  align-items: center;
  width: 110px;
}
.esri-time-slider__layout--wide .esri-time-slider__slider {
  flex: auto;
  min-width: 290px;
  overflow: hidden;
}
.esri-time-slider__layout--wide .esri-time-slider__previous,
.esri-time-slider__layout--wide .esri-time-slider__next {
  width: 42px;
}
.esri-time-slider__layout--wide .esri-time-slider__warning {
  flex-flow: column;
}
.esri-time-slider__layout--compact.esri-time-slider--has-actions .esri-time-slider__time-extent {
  padding-inline-start: 48px;
}
.esri-time-slider__layout--compact .esri-time-slider__row:first-child,
.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(3) {
  height: 36px;
}
.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(2) {
  height: 88px;
  overflow: hidden;
}
.esri-time-slider__layout--compact .esri-time-slider__play {
  width: 35px;
}
.esri-time-slider__layout--compact .esri-time-slider__time-extent {
  flex-flow: row;
  flex: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-time-slider__layout--compact .esri-time-slider__time-extent-separator {
  opacity: var(--calcite-opacity-disabled);
  background-color: var(--calcite-color-brand);
  width: var(--calcite-size-px);
  height: 20px;
  margin-inline: 7px;
}
.esri-time-slider__layout--compact .esri-time-slider__min,
.esri-time-slider__layout--compact .esri-time-slider__max,
.esri-time-slider__layout--compact .esri-time-slider__slider {
  flex: auto;
}
.esri-time-slider__layout--compact .esri-time-slider__min {
  align-items: flex-start;
  margin-inline-start: 35px;
}
.esri-time-slider__layout--compact .esri-time-slider__max {
  align-items: flex-end;
  margin-inline-end: 35px;
}
.esri-time-slider__layout--compact .esri-time-slider__previous,
.esri-time-slider__layout--compact .esri-time-slider__next {
  width: 35px;
}
.esri-time-slider__layout--compact .esri-time-slider__warning {
  flex-flow: row;
}
.esri-time-slider__layout--compact .esri-time-slider__warning-label {
  margin-inline-start: var(--calcite-spacing-xs);
}
.esri-time-slider__row {
  display: flex;
}
.esri-time-slider__mode--instant .esri-slider__segment-0,
.esri-time-slider__mode--instant .esri-slider__segment-1 {
  background-color: var(--calcite-color-border-input);
}
.esri-time-slider__mode--time-window .esri-slider__segment-1 {
  background-color: var(--calcite-color-brand);
  height: 6px;
  margin-top: -1px;
}
.esri-time-slider__mode--time-window .esri-slider__segment-0,
.esri-time-slider__mode--time-window .esri-slider__segment-2 {
  background-color: var(--calcite-color-border-input);
}
.esri-time-slider__mode--time-window.esri-time-slider--out-of-bounds .esri-slider__segment-1 {
  background-color: var(--calcite-color-status-danger);
}
.esri-time-slider__mode--cumulative-from-start .esri-slider__segment-0 {
  background-color: var(--calcite-color-brand);
  height: 6px;
  margin-top: -1px;
}
.esri-time-slider__mode--cumulative-from-start .esri-slider__segment-1 {
  background-color: var(--calcite-color-border-input);
}
.esri-time-slider__mode--cumulative-from-start.esri-time-slider--out-of-bounds .esri-slider__segment-0 {
  background-color: var(--calcite-color-status-danger);
}
.esri-time-slider__mode--cumulative-from-end .esri-slider__segment-0 {
  background-color: var(--calcite-color-border-input);
}
.esri-time-slider__mode--cumulative-from-end .esri-slider__segment-1 {
  background-color: var(--calcite-color-brand);
  height: 6px;
  margin-top: -1px;
}
.esri-time-slider__mode--cumulative-from-end.esri-time-slider--out-of-bounds .esri-slider__segment-1 {
  background-color: var(--calcite-color-status-danger);
}
.esri-time-slider__time-extent-start-group,
.esri-time-slider__time-extent-end-group {
  flex-flow: column;
  align-items: center;
  display: flex;
}
.esri-time-slider__time-extent-start-date,
.esri-time-slider__time-extent-start-time,
.esri-time-slider__time-extent-end-date,
.esri-time-slider__time-extent-end-time {
  --calcite-label-margin-bottom:0;
  --calcite-label-text-color:var(--calcite-color-brand);
}
.esri-time-slider__time-extent-start-date,
.esri-time-slider__time-extent-end-date {
  font-weight: var(--calcite-font-weight-bold);
}
.esri-time-slider__min,
.esri-time-slider__max {
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.esri-time-slider__min-date,
.esri-time-slider__max-date {
  font-weight: var(--calcite-font-weight-bold);
}
.esri-time-slider__min-date,
.esri-time-slider__min-time,
.esri-time-slider__max-date,
.esri-time-slider__max-time {
  --calcite-label-margin-bottom:0;
}
.esri-time-slider__slider {
  background-color: var(--calcite-color-foreground-2);
  padding: 0 40px;
}
.esri-time-slider__slider .esri-slider {
  background-color: var(--calcite-color-foreground-2);
  margin-top: -19px;
}
.esri-time-slider__slider .esri-slider__thumb {
  border-width: 3px;
  top: -6px;
}
.esri-time-slider__slider .esri-slider__tick-label {
  white-space: nowrap;
  font-size: var(--calcite-font-size--2);
  margin-top: 23px;
}
.esri-time-slider__slider .esri-slider__tick {
  background: var(--calcite-color-border-input);
  width: 1px;
}
.esri-time-slider__slider .esri-slider__tick.minorTick {
  height: 4px;
}
.esri-time-slider__slider .esri-slider__tick.majorTick {
  height: 8px;
}
.esri-time-slider__slider .esri-slider__ticks {
  margin-top: 16px;
}
.esri-time-slider__slider .esri-slider__track {
  height: 4px;
}
.esri-time-slider__warning {
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-time-slider__warning-label {
  --calcite-label-margin-bottom:0;
  --calcite-label-text-color:var(--calcite-color-status-danger);
}
.esri-time-slider__warning-icon {
  --calcite-icon-color:var(--calcite-color-status-danger);
}
.esri-time-slider--out-of-bounds .esri-slider__thumb {
  border-color: var(--calcite-color-status-danger);
}
.esri-time-slider--disabled .esri-time-slider__max-date,
.esri-time-slider--disabled .esri-time-slider__max-time,
.esri-time-slider--disabled .esri-time-slider__min-date,
.esri-time-slider--disabled .esri-time-slider__min-time,
.esri-time-slider--disabled .esri-time-slider__time-extent-end-date,
.esri-time-slider--disabled .esri-time-slider__time-extent-end-time,
.esri-time-slider--disabled .esri-time-slider__time-extent-separator,
.esri-time-slider--disabled .esri-time-slider__time-extent-start-date,
.esri-time-slider--disabled .esri-time-slider__time-extent-start-time {
  opacity: var(--calcite-opacity-disabled);
}
[dir=rtl] .esri-time-slider__max-date,
[dir=rtl] .esri-time-slider__max-time,
[dir=rtl] .esri-time-slider__min-date,
[dir=rtl] .esri-time-slider__min-time,
[dir=rtl] .esri-time-slider__time-extent-end-date,
[dir=rtl] .esri-time-slider__time-extent-end-time,
[dir=rtl] .esri-time-slider__time-extent-start-date,
[dir=rtl] .esri-time-slider__time-extent-start-time {
  direction: rtl;
}
[dir=rtl] .esri-time-slider__layout--compact .esri-time-slider__row:nth-child(3),
[dir=rtl] .esri-time-slider__layout--wide .esri-time-slider__playback-controls {
  direction: ltr;
}
[dir=rtl] .esri-time-slider__layout--wide.esri-time-slider--has-actions .esri-time-slider__actions {
  border-left: none;
}
[dir=rtl] .esri-time-slider__layout--wide.esri-time-slider--has-actions .esri-time-slider__play {
  border-left: var(--calcite-border-width-sm) solid var(--calcite-color-border-1);
}
.esri-time-zone-label {
  background-color: var(--calcite-color-foreground-1);
  display: inline-flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-time-zone-label__badge {
  padding-block: var(--calcite-spacing-sm);
  padding-inline: var(--calcite-spacing-sm);
  color: var(--calcite-color-text-1);
  display: flex;
}
.esri-time-zone-label__badge--disabled {
  opacity: var(--calcite-opacity-disabled);
}
.esri-time-zone-label__badge--hidden {
  display: none;
}
.esri-time-zone-label__badge-icon {
  align-self: center;
}
.esri-time-zone-label__name {
  --calcite-color-background:transparent;
  --calcite-color-border-input:transparent;
  --calcite-font-weight-medium:normal;
  pointer-events: none;
}
.esri-time-zone-label__name--hidden {
  display: none;
}
.esri-time-zone-label__label {
  --calcite-label-margin-bottom:0;
  padding-inline: var(--calcite-spacing-sm);
  align-items: center;
}
.esri-time-zone-label__label--disabled {
  opacity: var(--calcite-opacity-disabled);
}
.esri-time-zone-label__label--hidden {
  display: none;
}
.esri-timezone-picker {
  align-items: center;
  display: flex;
  position: relative;
}
.esri-timezone-picker__item-title {
  font-size: 12px;
  font-weight: 600;
}
.esri-timezone-picker__item-description {
  font-size: 10px;
}
.esri-timezone-picker calcite-dropdown:not([open]) calcite-dropdown-group {
  display: none;
}
.esri-tooltip {
  --calcite-input-padding-inline:.5rem;
  --calcite-input-height:1.5rem;
  --field-height:.875rem;
  --field-height--input:var(--calcite-input-height);
  --field-row-gap:1px;
  --field-column-gap:var(--calcite-spacing-xs);
  --field-input-width:6.5rem;
  --field-title-extra-margin:var(--calcite-spacing-lg);
  --field-title-color:var(--calcite-color-text-2);
  --field-value-color:var(--calcite-color-text-1);
  --font-size:var(--calcite-font-size--3);
  --font-size--input:var(--calcite-font-size--2);
  --content-padding-inline:var(--calcite-spacing-xs);
  --content-padding-block:var(--calcite-spacing-xs);
  --help-message-border-spacing:var(--calcite-spacing-xs);
  --help-message-min-width:7rem;
  --icon-size--feedback:.625rem;
  z-index: 1;
  will-change: transform;
  width: fit-content;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.esri-tooltip-content {
  gap: var(--content-padding-block);
  border: solid 1px var(--calcite-color-border-3);
  padding-block: var(--content-padding-block);
  padding-inline: var(--content-padding-inline);
  color: #323232;
  width: min-content;
  line-height: 1.1em;
  font-size: var(--font-size);
  backdrop-filter: blur(4px);
  touch-action: none;
  view-transition-name: tooltip-content;
  background: #fffc;
  border-radius: .25rem;
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: 0 6px 20px -4px #0000001a, 0 4px 12px -2px #00000014;
  outline: none !important;
}
.esri-tooltip-content:empty {
  opacity: 0;
}
.esri-tooltip-content__header {
  margin-block-start: calc(var(--content-padding-block) * -1);
  margin-inline: calc(var(--content-padding-inline) * -1);
  border-block-end: solid 1px var(--calcite-color-border-3);
  justify-content: flex-start;
  block-size: 24px;
  padding-block-end: 0;
  display: flex;
}
.esri-tooltip-content__header__spacer {
  flex-grow: 1;
  flex-shrink: 1;
}
.esri-tooltip-content__header__actions {
  flex-grow: 0;
  flex-shrink: 0;
  padding-inline-end: var(--content-padding-inline);
}
.esri-tooltip-content__header calcite-button {
  --calcite-offset-invert-focus:1;
}
.esri-tooltip-content--input {
  --field-height:var(--field-height--input);
  background: var(--calcite-color-foreground-1);
  pointer-events: all;
  backdrop-filter: none;
}
.esri-tooltip-content--input:not(:focus-within) {
  opacity: .8;
}
.esri-tooltip.calcite-mode-dark .esri-tooltip-content {
  background: #000c;
}
.esri-tooltip.calcite-mode-dark .esri-tooltip-content--input {
  background: var(--calcite-color-foreground-1);
}
.esri-tooltip-table {
  grid-gap: var(--field-row-gap) var(--field-column-gap);
  grid-template-columns: max-content 1fr max-content max-content;
  align-items: flex-start;
  width: max-content;
  display: grid;
}
.esri-tooltip-field {
  display: contents;
}
.esri-tooltip-field__title,
.esri-tooltip-field__value {
  block-size: var(--field-height);
  white-space: nowrap;
  color: var(--calcite-color-text-3);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.esri-tooltip-field__title {
  color: var(--field-title-color);
  margin-inline-end: var(--field-title-extra-margin);
}
.esri-tooltip-field__value {
  color: var(--field-value-color);
  grid-column: span 3;
}
.esri-tooltip-editable-field {
  display: contents;
}
.esri-tooltip-editable-field__title,
.esri-tooltip-editable-field__value {
  block-size: var(--field-height);
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.esri-tooltip-editable-field__title {
  display: flex;
}
.esri-tooltip-editable-field__value {
  font-variant-numeric: tabular-nums;
  display: contents;
}
.esri-tooltip-editable-field__value__content {
  grid-column: span 3;
  align-items: center;
  min-width: max-content;
  display: flex;
}
.esri-tooltip-editable-field__value__content--read-only {
  padding-inline: var(--calcite-input-padding-inline);
  block-size: var(--calcite-input-height);
  line-height: var(--calcite-input-height);
  font-size: var(--calcite-font-size--2);
}
.esri-tooltip-editable-field--feedback.esri-tooltip-editable-field--locked .esri-tooltip-editable-field__value__content {
  grid-column: span 2;
}
.esri-tooltip-editable-field--feedback .esri-tooltip-editable-field__title {
  color: var(--field-title-color);
  margin-inline-end: var(--field-title-extra-margin);
}
.esri-tooltip-editable-field--feedback .esri-tooltip-editable-field__value__content {
  color: var(--field-value-color);
  align-self: center;
}
.esri-tooltip-editable-field--feedback .esri-tooltip-editable-field__lock-icon {
  width: var(--icon-size--feedback);
  min-width: var(--icon-size--feedback);
  height: var(--icon-size--feedback);
  min-height: var(--icon-size--feedback);
  align-self: center;
  margin-top: -2px;
}
.esri-tooltip-editable-field--input {
  padding: 0;
}
.esri-tooltip-editable-field--input .esri-tooltip-editable-field__title {
  font-size: var(--font-size--input);
}
.esri-tooltip-editable-field__input-wrapper {
  inline-size: var(--field-input-width);
}
.esri-tooltip-editable-field__input-message {
  text-wrap: auto;
  width: 100%;
  margin-block-end: var(--calcite-input-message-spacing-value);
}
.esri-tooltip-editable-field__input-suffix {
  line-height: var(--field-height--input);
}
.esri-tooltip-editable-field__button {
  width: var(--field-height--input);
}
.esri-tooltip-value-by-value span:nth-child(2) {
  margin-inline: 7px;
}
.esri-tooltip-help-message {
  gap: var(--calcite-spacing-xs);
  margin-inline: calc(var(--content-padding-inline) * -1);
  border-block-start: solid 1px var(--calcite-color-border-3);
  padding-block-start: var(--content-padding-inline);
  padding-inline: var(--content-padding-inline);
  width: auto;
  min-width: var(--help-message-min-width);
  text-align: left;
  text-wrap: balance;
  white-space: break-spaces;
  font-size: var(--font-size);
  border-block-end: 1px solid #0000;
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-tooltip-help-message:only-child {
  border-block: none;
  padding-block-start: var(--field-row-gap);
}
.esri-tooltip-help-message__icon {
  color: var(--calcite-color-status-info);
}
.esri-tooltip-help-message__text {
  padding-block-start: 2px;
}
.esri-tooltip ::view-transition-old(tooltip-content) {
  animation-duration: .1s;
}
.esri-tooltip ::view-transition-new(tooltip-content) {
  animation-duration: .1s;
}
.esri-tooltip {
  --offset-start:calc(-100% - var(--offset));
}
.esri-tooltip--debug:after {
  --size:10px;
  margin-top: calc(var(--size) * -.5);
  margin-left: calc(var(--size) * -.5);
  width: var(--size);
  height: var(--size);
  content: "";
  background: red;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-tooltip--bottom .esri-tooltip-content {
  transform: translate(-50%, var(--offset));
}
.esri-tooltip--bottom-start.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--bottom-end.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), var(--offset));
}
.esri-tooltip--bottom-end.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--bottom-start.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), var(--offset));
}
.esri-tooltip--leading.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--trailing.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), -50%);
}
.esri-tooltip--leading-start.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--trailing-start.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), var(--offset-start));
}
.esri-tooltip--leading-end.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--trailing-end.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), var(--offset));
}
.esri-tooltip--top .esri-tooltip-content {
  transform: translate(-50%, var(--offset-start));
}
.esri-tooltip--top-start.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--top-end.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), var(--offset-start));
}
.esri-tooltip--top-end.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--top-start.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), var(--offset-start));
}
.esri-tooltip--trailing.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--leading.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), -50%);
}
.esri-tooltip--trailing-start.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--leading-start.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), var(--offset-start));
}
.esri-tooltip--trailing-end.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--leading-end.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), var(--offset));
}
.esri-unit-select {
  width: 100%;
}
.esri-unit-select__label {
  --calcite-label-margin-bottom:0;
  width: 100%;
}
.esri-utility-network-association-list__feature-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-utility-network-association-list__filter-container {
  z-index: 1;
  margin-bottom: 12px;
  top: 12px;
}
.esri-utility-network-association-list__limit-notice-container {
  margin-bottom: 12px;
}
.esri-utility-network-association-list__loading-container {
  justify-content: center;
  width: 100%;
  padding: 12px 0;
  display: flex;
}
.esri-un-associations__action {
  height: 48px;
}
.esri-un-associations__block-content {
  border-bottom: none;
  margin: 0;
}
.esri-un-associations__block-section-settings {
  border-style: none;
  padding: 0;
}
.esri-un-associations__combobox,
.esri-un-associations__combobox-item {
  max-width: 300px;
}
.esri-un-associations__div-controls-main {
  background: var(--calcite-color-foreground-1);
  gap: .5rem;
  padding: .5rem 0;
  display: grid;
}
.esri-un-associations__div-controls-symbol-picker {
  margin-top: .75rem;
}
.esri-un-associations__dropdown {
  border: 1px solid var(--calcite-color-border-input);
}
.esri-un-associations__dropdown-item-line-cap {
  background-position: 50%;
  background-repeat: no-repeat;
  height: 10px;
}
.esri-un-associations__dropdown-item-line-pattern {
  height: 3px;
}
.esri-un-associations__dropdown-selected-item-line-cap {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 275px 10px;
  width: 100%;
  height: 10px;
}
.esri-un-associations__dropdown-selected-item-line-pattern {
  width: 100%;
  height: 3px;
}
.esri-un-associations__dropdown-trigger {
  align-items: center;
  width: 100%;
  height: 24px;
  margin: 0 6px;
  display: flex;
}
.esri-un-associations__label {
  height: 1rem;
}
.esri-un-associations__label-and-combobox,
.esri-un-associations__label-and-slider {
  flex-direction: column;
  display: flex;
}
.esri-un-associations__label-and-toggle {
  width: inherit;
  flex-direction: row;
  justify-content: space-between;
  padding-right: .25rem;
  display: flex;
}
.esri-un-associations__panel {
  max-height: calc(100vh - 48px - .5rem);
}
.esri-un-associations__slider {
  padding: 0 .5rem;
}
.esri-un-associations__status-icon-loading {
  width: 32px;
}
.esri-un-associations__status-icon-warning {
  width: 32px;
  color: var(--calcite-color-high-saturation-yellow-h-yy-060);
}
.esri-un-associations__switch {
  align-items: center;
  width: 32px;
  height: 48px;
  display: flex;
}
.esri-un-associations__widget-container {
  border-bottom: none;
  width: 350px;
  margin: 0;
}
@media (prefers-reduced-motion) {
  .esri-utility-network-trace__reset-prompt {
    animation: none;
  }
}
.esri-utility-network-trace {
  flex: auto;
}
.esri-utility-network-trace calcite-icon {
  box-sizing: initial;
}
.esri-utility-network-trace calcite-tab {
  background-color: #f3f3f3;
  padding-top: 0;
  padding-bottom: 0;
}
.esri-utility-network-trace calcite-tab:not([selected]) {
  flex: 0;
}
.esri-utility-network-trace.esri-component.esri-widget--panel {
  min-height: 120px;
}
.esri-utility-network-trace__add-button-container {
  justify-content: center;
  margin: 18px 0 12px;
  display: grid;
}
.esri-utility-network-trace__block-container {
  height: 95%;
  margin-top: 0;
}
.esri-utility-network-trace__block-content {
  border-bottom: none;
  margin: 0;
}
.esri-utility-network-trace__clear-results-block {
  background-color: #f3f3f3;
  border-top: 3px solid #6e6e6e26;
  width: 100%;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.esri-utility-network-trace__divider {
  color: inherit;
  border-color: #6e6e6e26;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex: none;
  margin: 0 0 12px;
}
.esri-utility-network-trace__double-pad-top {
  padding-top: 10px;
}
.esri-utility-network-trace__feature-content {
  height: 300px;
}
.esri-utility-network-trace__flow {
  height: 100%;
}
.esri-utility-network-trace__list-container {
  background-color: #fff;
  padding: 3px;
}
.esri-utility-network-trace__notice-container {
  padding: 6px;
}
.esri-utility-network-trace__number-input {
  width: 150px;
}
.esri-utility-network-trace__pad-bottom {
  padding-bottom: 5px;
}
.esri-utility-network-trace__pad-top {
  padding-top: 5px;
}
.esri-utility-network-trace__reset-prompt {
  background-color: var(--calcite-color-background);
  color: #323232;
  border-top: 3px solid #6e6e6e26;
  flex-flow: column;
  max-height: 85%;
  padding: 12px 15px;
  animation: .1s ease-in-out esri-fade-in-up;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-utility-network-trace__results-container {
  height: 100%;
}
.esri-utility-network-trace__tabs {
  width: 100%;
  height: 100%;
  position: relative;
}
.esri-un-validate-topology__action {
  height: 48px;
}
.esri-un-validate-topology__container {
  width: 330px;
}
.esri-un-validate-topology__content {
  border-bottom: none;
  margin: 0;
}
.esri-un-validate-topology__controls-container {
  gap: .5rem;
  display: grid;
}
.esri-un-validate-topology__status-icon,
.esri-un-validate-topology__status-icon-blank {
  width: 32px;
}
.esri-un-validate-topology__status-icon-error {
  width: 32px;
  color: var(--calcite-color-high-saturation-yellow-h-yy-060);
}
.esri-un-validate-topology__status-icon-success {
  width: 32px;
  color: var(--calcite-color-high-saturation-green-h-gg-060);
}
.esri-value-picker {
  box-shadow: 0 1px 2px #0000004d;
}
.esri-value-picker calcite-action {
  width: var(--calcite-font-line-height-fixed-4xl);
  height: var(--calcite-font-line-height-fixed-4xl);
}
.esri-value-picker .esri-slider {
  background: 0 0;
  flex: auto;
}
.esri-value-picker .esri-slider__tick-label {
  white-space: nowrap;
  font-size: var(--calcite-font-size--3);
}
.esri-value-picker .esri-slider__ticks {
  margin: 0;
}
.esri-value-picker .esri-slider__tick,
.esri-value-picker .esri-slider__track {
  background: var(--calcite-color-border-input);
}
.esri-value-picker .esri-slider__tick.esri-value-picker__slider__tick-steps {
  width: 3px;
  height: 3px;
}
.esri-value-picker .esri-slider__anchor:focus-visible {
  outline: none;
}
.esri-value-picker__action-bar {
  --calcite-action-bar-items-space:0;
  --calcite-spacing-sm:0;
  background-color: var(--calcite-color-foreground-1);
}
.esri-value-picker__caption-border,
.esri-value-picker__label-border {
  border: solid 1px var(--calcite-color-border-3);
  align-items: center;
  display: flex;
}
.esri-value-picker__caption-text,
.esri-value-picker__label-text {
  white-space: nowrap;
  font-family: inherit;
  font-weight: var(--calcite-font-weight-medium);
  overflow: hidden;
}
.esri-value-picker__label-text {
  color: var(--calcite-color-text-1);
}
.esri-value-picker__slider {
  flex: auto;
  display: flex;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--collection,
.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined {
  width: fit-content;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__action-bar,
.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__action-bar {
  width: 100%;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__caption,
.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__caption {
  padding-inline-end: .5rem;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox,
.esri-value-picker__layout--horizontal.esri-value-picker__type--label,
.esri-value-picker__layout--horizontal.esri-value-picker__type--slider {
  min-width: 450px;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox .esri-value-picker__action-bar,
.esri-value-picker__layout--horizontal.esri-value-picker__type--label .esri-value-picker__action-bar,
.esri-value-picker__layout--horizontal.esri-value-picker__type--slider .esri-value-picker__action-bar {
  width: 100%;
}
.esri-value-picker__layout--horizontal .esri-value-picker__caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-inline-start: .5rem;
  display: flex;
}
.esri-value-picker__layout--horizontal .esri-value-picker__caption-border {
  padding-inline: .5rem;
}
.esri-value-picker__layout--horizontal .esri-value-picker__caption-text {
  text-overflow: ellipsis;
  max-width: 100px;
  font-size: var(--calcite-font-size--1);
}
.esri-value-picker__layout--horizontal .esri-value-picker__combobox {
  --calcite-color-border-input:var(--calcite-color-border-3);
  flex: auto;
  align-items: center;
  padding-inline: 10px;
  display: flex;
}
.esri-value-picker__layout--horizontal .esri-value-picker__combobox calcite-combobox {
  flex: auto;
  width: 0;
}
.esri-value-picker__layout--horizontal .esri-value-picker__label {
  flex: auto;
  padding: .5rem;
  display: flex;
}
.esri-value-picker__layout--horizontal .esri-value-picker__label-border {
  flex: auto;
  padding-inline: .5rem;
}
.esri-value-picker__layout--horizontal .esri-value-picker__label-text {
  text-overflow: ellipsis;
  width: 0;
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-normal);
  flex: auto;
}
.esri-value-picker__layout--horizontal .esri-value-picker__separator {
  border-right: solid 1px var(--calcite-color-border-3);
  width: 1px;
  margin-inline-start: .25rem;
}
.esri-value-picker__layout--horizontal .esri-value-picker__slider {
  padding-inline: 30px;
}
.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-minor {
  height: 3px;
}
.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-major {
  height: 6px;
}
.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-steps {
  margin-top: -6px;
  margin-left: -1px;
}
.esri-value-picker__layout--horizontal .esri-slider {
  margin-top: -10px;
}
.esri-value-picker__layout--horizontal .esri-slider__track {
  height: 1px;
}
.esri-value-picker__layout--vertical.esri-value-picker__type--collection,
.esri-value-picker__layout--vertical.esri-value-picker__type--undefined {
  height: fit-content;
}
.esri-value-picker__layout--vertical.esri-value-picker__type--collection .esri-value-picker__action-bar,
.esri-value-picker__layout--vertical.esri-value-picker__type--undefined .esri-value-picker__action-bar {
  height: 100%;
}
.esri-value-picker__layout--vertical.esri-value-picker__type--slider {
  min-height: 450px;
}
.esri-value-picker__layout--vertical.esri-value-picker__type--slider .esri-value-picker__action-bar {
  height: 100%;
  min-height: 450px;
}
.esri-value-picker__layout--vertical .esri-value-picker__caption {
  width: 48px;
  padding: .25rem;
}
.esri-value-picker__layout--vertical .esri-value-picker__caption-border {
  justify-content: center;
}
.esri-value-picker__layout--vertical .esri-value-picker__caption-text {
  text-overflow: clip;
  font-size: var(--calcite-font-size--2);
  padding-block: .25rem;
}
.esri-value-picker__layout--vertical .esri-value-picker__separator {
  border-bottom: solid 1px var(--calcite-color-border-3);
  height: 1px;
  margin-top: .25rem;
}
.esri-value-picker__layout--vertical .esri-value-picker__slider {
  flex-direction: column;
  padding: 15px 0;
}
.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-minor {
  width: 3px;
}
.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-major {
  width: 6px;
}
.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-steps {
  margin-top: -1px;
  margin-left: -6px;
}
.esri-value-picker__layout--vertical .esri-slider {
  margin-left: -13px;
}
.esri-value-picker__layout--vertical .esri-slider__tick-label {
  margin-left: 20px;
}
.esri-value-picker__layout--vertical .esri-slider__track {
  width: 1px;
}
[dir=rtl] .esri-value-picker {
  direction: ltr;
}
[dir=rtl] .esri-value-picker .esri-value-picker__combobox,
[dir=rtl] .esri-value-picker .esri-value-picker__slider__tooltip {
  direction: rtl;
}
.esri-video-player {
  --esri-video-player-view-height:300px;
  --esri-video-player-view-aspect-ratio:1.77;
  --esri-video-player-color-swatch-size:20px;
  --esri-video-player-color-swatch-gap:10px;
  --esri-video-player-progress-width:2px;
  --esri-video-player-controls-spacing:var(--calcite-size-16,16px);
  min-width: calc(var(--esri-video-player-view-height) * var(--esri-video-player-view-aspect-ratio));
}
.esri-video-player .esri-video-player__video-view {
  height: var(--esri-video-player-view-height);
  display: flex;
}
.esri-video-player .esri-video-player__slider-progress-container {
  z-index: 1;
  width: 100%;
  position: relative;
}
.esri-video-player .esri-video-player__progress {
  appearance: none;
  top: calc(50% - var(--esri-video-player-progress-width) / 2);
  left: var(--esri-video-player-controls-spacing);
  background: var(--calcite-color-border-1);
  cursor: pointer;
  width: calc(100% - var(--esri-video-player-controls-spacing) * 2);
  height: var(--esri-video-player-progress-width);
  border: none;
  display: block;
  position: absolute;
}
.esri-video-player .esri-video-player__progress::-webkit-progress-bar {
  background-color: var(--calcite-color-border-3);
}
.esri-video-player .esri-video-player__progress::-webkit-progress-value {
  background-color: var(--calcite-color-border-input);
}
.esri-video-player .esri-video-player__progress::-moz-progress-bar {
  background-color: var(--calcite-color-border-3);
}
.esri-video-player .esri-video-player__slider {
  background-color: var(--calcite-color-foreground-1);
  padding: var(--esri-video-player-controls-spacing);
}
.esri-video-player .esri-video-player__slider .esri-slider .esri-slider__track {
  background-color: #0000;
}
.esri-video-player .esri-video-player__slider .esri-slider .esri-slider__track .esri-slider__segment-0 {
  background-color: var(--calcite-color-brand);
}
.esri-video-player .esri-video-player__slider .esri-slider .esri-slider__track .esri-slider__segment-1 {
  background-color: #0000;
}
.esri-video-player .esri-video-player__color-picker {
  column-gap: var(--esri-video-player-color-swatch-gap);
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}
.esri-video-player .esri-video-player__color-picker .esri-video-player__color-block {
  cursor: pointer;
  width: var(--esri-video-player-color-swatch-size);
  height: var(--esri-video-player-color-swatch-size);
}
.esri-video-player .esri-video-player__color-picker .esri-video-player__color-block__active {
  border-radius: var(--esri-video-player-color-swatch-size);
}
.esri-video-player__toolbar {
  background-color: var(--calcite-color-foreground-1);
  padding: 0 calc(var(--esri-video-player-controls-spacing) / 2) calc(var(--esri-video-player-controls-spacing) / 2);
  font-size: var(--calcite-font-size--2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.esri-video-player__toolbar--top-padding {
  padding-top: calc(var(--esri-video-player-controls-spacing) / 2);
}
.esri-video-player__live-icon {
  color: var(--calcite-color-status-danger);
}
.esri-video-player__actions-group {
  gap: var(--calcite-spacing-md);
  flex: 1;
  align-items: center;
  display: flex;
}
.esri-video-player__timecode {
  color: var(--calcite-color-text-3);
  align-items: center;
  display: flex;
}
.esri-video-player__controls {
  justify-content: flex-end;
}
.esri-video-player__settings-flow {
  min-width: var(--calcite-size-160);
}
.esri-metadata-table__empty-state {
  transition-duration: 0s;
}
.esri-weather {
  padding: var(--esri-widget-padding);
  width: fit-content;
  position: relative;
}
.esri-weather__content {
  flex-direction: column;
  gap: 12px;
  width: min-content;
  display: flex;
}
.esri-weather__content--has-error {
  visibility: hidden;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
.esri-weather__selector {
  flex-direction: row;
  align-items: center;
  gap: 7px;
  display: flex;
}
.esri-weather__options {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.esri-weather__options--hidden {
  display: none;
}
.esri-weather__warning {
  flex-direction: row;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: flex;
}
.esri-weather__warning calcite-icon {
  color: var(--calcite-color-status-warning);
}
.esri-weather__labeled-slider calcite-slider {
  margin: 0 -7px -14px;
}
.esri-zoom {
  flex-flow: column;
  display: flex;
}
.esri-zoom .esri-widget--button {
  box-shadow: none;
}
.esri-zoom .esri-widget--button:first-child {
  margin-bottom: 0;
}
.esri-zoom .esri-widget--button:last-child {
  border-top: 1px solid #6e6e6e4d;
}
.esri-zoom.esri-zoom--horizontal {
  flex-flow: row-reverse;
}
.esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child {
  border-top: none;
}
.esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child {
  border-left: 1px solid #6e6e6e4d;
}
[dir=rtl] .esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child {
  border-top: none;
}
[dir=rtl] .esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child {
  border-left: 1px solid #6e6e6e4d;
}
@keyframes esri-fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  25% {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes esri-fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  25% {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes esri-fade-in-scale {
  0% {
    opacity: 0;
    transform: scale(.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes looping-progresss-bar-ani {
  0% {
    width: 0;
    left: 0;
  }
  20% {
    width: 20%;
    left: 0;
  }
  80% {
    width: 20%;
    left: 80%;
  }
  to {
    width: 0;
    left: 100%;
  }
}
@keyframes esri-rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes panel-advance {
  0% {
    opacity: 0;
    transform: translate(50px)scale(.99);
  }
  to {
    opacity: 1;
    transform: translate(0, 0)scale(1);
  }
}
@keyframes panel-retreat {
  0% {
    opacity: 0;
    transform: translate(-50px)scale(.99);
  }
  to {
    opacity: 1;
    transform: translate(0, 0)scale(1);
  }
}
@keyframes panel-advance--rtl {
  0% {
    opacity: 0;
    transform: translate(-50px)scale(.99);
  }
  to {
    opacity: 1;
    transform: translate(0, 0)scale(1);
  }
}
@keyframes panel-retreat--rtl {
  0% {
    opacity: 0;
    transform: translate(50px)scale(.99);
  }
  to {
    opacity: 1;
    transform: translate(0, 0)scale(1);
  }
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #673ab7;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ffd740;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #673ab7;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #673ab7;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #673ab7;
  --mat-progress-bar-track-color: rgba(103, 58, 183, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ffd740;
  --mat-progress-bar-track-color: rgba(255, 215, 64, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-filled-caret-color: #673ab7;
  --mat-form-field-filled-focus-active-indicator-color: #673ab7;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-outlined-caret-color: #673ab7;
  --mat-form-field-outlined-focus-outline-color: #673ab7;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ffd740 87%, transparent);
  --mat-form-field-filled-caret-color: #ffd740;
  --mat-form-field-filled-focus-active-indicator-color: #ffd740;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
  --mat-form-field-outlined-caret-color: #ffd740;
  --mat-form-field-outlined-focus-outline-color: #ffd740;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #673ab7;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ffd740;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #673ab7;
  --mat-chip-elevated-disabled-container-color: #673ab7;
  --mat-chip-elevated-selected-container-color: #673ab7;
  --mat-chip-flat-disabled-selected-container-color: #673ab7;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #ffd740;
  --mat-chip-elevated-disabled-container-color: #ffd740;
  --mat-chip-elevated-selected-container-color: #ffd740;
  --mat-chip-flat-disabled-selected-container-color: #ffd740;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-handle-color: #673ab7;
  --mat-slide-toggle-selected-hover-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-pressed-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-focus-handle-color: #673ab7;
  --mat-slide-toggle-selected-hover-handle-color: #673ab7;
  --mat-slide-toggle-selected-pressed-handle-color: #673ab7;
  --mat-slide-toggle-selected-focus-track-color: #9575cd;
  --mat-slide-toggle-selected-hover-track-color: #9575cd;
  --mat-slide-toggle-selected-pressed-track-color: #9575cd;
  --mat-slide-toggle-selected-track-color: #9575cd;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-handle-color: #ffd740;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-focus-handle-color: #ffd740;
  --mat-slide-toggle-selected-hover-handle-color: #ffd740;
  --mat-slide-toggle-selected-pressed-handle-color: #ffd740;
  --mat-slide-toggle-selected-focus-track-color: #ffd54f;
  --mat-slide-toggle-selected-hover-track-color: #ffd54f;
  --mat-slide-toggle-selected-pressed-track-color: #ffd54f;
  --mat-slide-toggle-selected-track-color: #ffd54f;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ffd740;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffd740;
  --mat-radio-selected-hover-icon-color: #ffd740;
  --mat-radio-selected-icon-color: #ffd740;
  --mat-radio-selected-pressed-icon-color: #ffd740;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #673ab7;
  --mat-slider-focus-handle-color: #673ab7;
  --mat-slider-handle-color: #673ab7;
  --mat-slider-hover-handle-color: #673ab7;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #673ab7 4%, transparent);
  --mat-slider-inactive-track-color: #673ab7;
  --mat-slider-ripple-color: #673ab7;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #673ab7;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ffd740;
  --mat-slider-focus-handle-color: #ffd740;
  --mat-slider-handle-color: #ffd740;
  --mat-slider-hover-handle-color: #ffd740;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ffd740 4%, transparent);
  --mat-slider-inactive-track-color: #ffd740;
  --mat-slider-ripple-color: #ffd740;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #ffd740;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ffd740;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffd740;
  --mat-radio-selected-hover-icon-color: #ffd740;
  --mat-radio-selected-icon-color: #ffd740;
  --mat-radio-selected-pressed-icon-color: #ffd740;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ffd740;
  --mat-checkbox-selected-hover-icon-color: #ffd740;
  --mat-checkbox-selected-icon-color: #ffd740;
  --mat-checkbox-selected-pressed-icon-color: #ffd740;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffd740;
  --mat-checkbox-selected-hover-state-layer-color: #ffd740;
  --mat-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #673ab7;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #673ab7;
  --mat-tab-active-ripple-color: #673ab7;
  --mat-tab-inactive-ripple-color: #673ab7;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #673ab7;
  --mat-tab-active-hover-label-text-color: #673ab7;
  --mat-tab-active-focus-indicator-color: #673ab7;
  --mat-tab-active-hover-indicator-color: #673ab7;
  --mat-tab-active-indicator-color: #673ab7;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ffd740;
  --mat-tab-active-ripple-color: #ffd740;
  --mat-tab-inactive-ripple-color: #ffd740;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ffd740;
  --mat-tab-active-hover-label-text-color: #ffd740;
  --mat-tab-active-focus-indicator-color: #ffd740;
  --mat-tab-active-hover-indicator-color: #ffd740;
  --mat-tab-active-indicator-color: #ffd740;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #673ab7;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ffd740;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ffd740;
  --mat-checkbox-selected-hover-icon-color: #ffd740;
  --mat-checkbox-selected-icon-color: #ffd740;
  --mat-checkbox-selected-pressed-icon-color: #ffd740;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffd740;
  --mat-checkbox-selected-hover-state-layer-color: #ffd740;
  --mat-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #673ab7;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #673ab7;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-button-outlined-state-layer-color: #673ab7;
  --mat-button-protected-container-color: #673ab7;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #673ab7;
  --mat-button-text-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-button-text-state-layer-color: #673ab7;
  --mat-button-tonal-container-color: #673ab7;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ffd740;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #ffd740;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-button-outlined-state-layer-color: #ffd740;
  --mat-button-protected-container-color: #ffd740;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #ffd740;
  --mat-button-text-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-button-text-state-layer-color: #ffd740;
  --mat-button-tonal-container-color: #ffd740;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #673ab7;
  --mat-icon-button-state-layer-color: #673ab7;
  --mat-icon-button-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ffd740;
  --mat-icon-button-state-layer-color: #ffd740;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #673ab7;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-fab-small-container-color: #673ab7;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ffd740;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-fab-small-container-color: #ffd740;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #9575cd;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #673ab7;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ffd740;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #673ab7;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ffd740;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #673ab7 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #673ab7 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #673ab7 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #673ab7;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ffd740;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ffd740 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ffd740 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ffd740;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #673ab7;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ffd740;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #673ab7;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ffd740;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ffd740;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ffd740;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #673ab7;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ffd740;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

/* node_modules/quill/dist/quill.core.css */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/* node_modules/quill/dist/quill.snow.css */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* node_modules/@sbb-esta/angular/fullfont.css */
@font-face {
  font-family: "SBBWeb Bold";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Bold.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Light";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Light.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Roman";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Roman.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Roman.woff) format("woff");
  font-display: fallback;
}
@font-face {
  font-family: "SBBWeb Thin";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Thin.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Thin.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Ultralight";
  src: url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-UltraLight.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1/SBBWeb-UltraLight.woff) format("woff");
  font-display: swap;
}

/* node_modules/@sbb-esta/angular/typography.css */
@font-face {
  font-family: "SBBWeb Bold";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Bold.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Light";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Roman";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Roman.woff) format("woff");
  font-display: fallback;
}
@font-face {
  font-family: "SBBWeb Thin";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Thin.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-Thin.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "SBBWeb Ultralight";
  src: url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-UltraLight.woff2) format("woff2"), url(https://cdn.app.sbb.ch/fonts/v1_6_subset/SBBWeb-UltraLight.woff) format("woff");
  font-display: swap;
}
:root {
  --sbb-font-roman:
    SBBWeb Roman,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  --sbb-font-bold:
    SBBWeb Bold,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  --sbb-font-light:
    SBBWeb Light,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  --sbb-font-thin:
    SBBWeb Thin,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  --sbb-color-red: #eb0000;
  --sbb-color-red125: #c60018;
  --sbb-color-red150: #a20013;
  --sbb-color-white: #ffffff;
  --sbb-color-milk: #f6f6f6;
  --sbb-color-cloud: #e5e5e5;
  --sbb-color-silver: #dcdcdc;
  --sbb-color-aluminum: #d2d2d2;
  --sbb-color-platinum: #cdcdcd;
  --sbb-color-cement: #bdbdbd;
  --sbb-color-graphite: #b7b7b7;
  --sbb-color-storm: #a8a8a8;
  --sbb-color-smoke: #8d8d8d;
  --sbb-color-metal: #767676;
  --sbb-color-granite: #686868;
  --sbb-color-anthracite: #5a5a5a;
  --sbb-color-iron: #444444;
  --sbb-color-charcoal: #212121;
  --sbb-color-midnight: #151515;
  --sbb-color-black: #000000;
  --sbb-color-blue: #2d327d;
  --sbb-color-cloud-alpha10: rgba(229, 229, 229, 0.1);
  --sbb-color-granite-alpha40: rgba(104, 104, 104, 0.4);
  --sbb-color-red-alpha40: rgba(235, 0, 0, 0.4);
  --sbb-color-silver-alpha40: rgba(220, 220, 220, 0.4);
  --sbb-color-storm-alpha40: rgba(168, 168, 168, 0.4);
  --sbb-color-iron-alpha40: rgba(68, 68, 68, 0.4);
  --sbb-color-iron-alpha50: rgba(68, 68, 68, 0.5);
  --sbb-color-white-alpha50: rgba(255, 255, 255, 0.5);
  --sbb-color-white-alpha70: rgba(255, 255, 255, 0.7);
  --sbb-color-sky: #0079c7;
  --sbb-color-night: #143a85;
  --sbb-color-violet: #6f2282;
  --sbb-color-autumn: #e84e10;
  --sbb-color-orange: #f27e00;
  --sbb-color-peach: #fcbb00;
  --sbb-color-lemon: #ffde15;
  --sbb-color-green: #00973b;
  --sbb-color-grey: #666666;
  --sbb-color-grey-medium: #979797;
  --sbb-color-background: var(--sbb-color-white);
  --sbb-color-call-to-action: var(--sbb-color-red);
  --sbb-color-call-to-action-hover: var(--sbb-color-red125);
  --sbb-color-error: #eb0000;
  --sbb-color-text: var(--sbb-color-black);
  --sbb-color-weak-accent: var(--sbb-color-granite);
  --sbb-color-red_dark-mode: #ff3838;
  --sbb-color-red_dark-mode-alpha40: rgba(255, 56, 56, 0.4);
  --sbb-color-milk-alpha40: rgba(246, 246, 246, 0.4);
  --sbb-color-white-alpha15: rgba(255, 255, 255, 0.15);
  --sbb-color-black-alpha50: rgba(0, 0, 0, 0.5);
  --sbb-color-cement-alpha40: rgba(189, 189, 189, 0.4);
  --sbb-color-black-alpha70: rgba(0, 0, 0, 0.7);
  --sbb-scaling-factor: 1;
  --sbb-border-radius: calc(0.1333333333rem * var(--sbb-scaling-factor));
  --sbb-border-width: calc(0.1333333333rem * var(--sbb-scaling-factor));
  --sbb-border-width-negative: calc(var(--sbb-border-width) * -1);
  --sbb-border-width-thin: 0.0666666667rem;
  --sbb-border-width-thin-negative: calc(var(--sbb-border-width-thin) * -1);
  --sbb-button-gap: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-font-size-constant: 1rem;
  --sbb-font-size: var(--sbb-font-size-constant);
  --sbb-line-height-constant: 1.7333333333rem;
  --sbb-line-height: var(--sbb-line-height-constant);
  --sbb-line-height-root: 1.7;
  --sbb-font-size-small: 0.8666666667rem;
  --sbb-line-height-small: 1.3333333333rem;
  --sbb-line-height-medium: 1.5333333333rem;
  --sbb-font-size-large: 1.3333333333rem;
  --sbb-divider-thin: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-divider-small: calc(1.6rem * var(--sbb-scaling-factor));
  --sbb-divider-medium: 2.4rem;
  --sbb-divider-big: 3.2rem;
  --sbb-transition-duration-fast: 225ms;
  --sbb-transition-duration-default: 300ms;
  --sbb-transition-duration-slow: 500ms;
  --sbb-transition-timing-fast-start: cubic-bezier(0.4, 0, 0.2, 1);
  --sbb-transition-timing-default: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --sbb-transition-fast-start: var(--sbb-transition-duration-fast) var(--sbb-transition-timing-fast-start);
  --sbb-transition-default: var(--sbb-transition-duration-default) var(--sbb-transition-timing-default);
  --sbb-badge-background-color: var(--sbb-color-red);
  --sbb-badge-background-color-disabled: var(--sbb-color-metal);
  --sbb-badge-color: var(--sbb-color-white);
  --sbb-breadcrumb-color-default: var(--sbb-color-granite);
  --sbb-breadcrumb-url-icon-chevron-small-down-circle: var( --sbb-url-icon-chevron-small-down-circle-small-granite );
  --sbb-breadcrumb-url-icon-chevron-small-down-circle-focused: var( --sbb-url-icon-chevron-small-down-circle-small-red125 );
  --sbb-breadcrumb-url-icon-chevron-small-right: var( --sbb-url-icon-chevron-small-right-small-platinum );
  --sbb-breadcrumb-trigger-padding-horizontal: calc(2rem * var(--sbb-scaling-factor));
  --sbb-breadcrumb-trigger-padding-vertical: calc(0.9333333333rem * var(--sbb-scaling-factor));
  --sbb-button-height: calc(3.2rem * var(--sbb-scaling-factor));
  --sbb-button-icon-top-margin: calc(-0.8333333333rem * var(--sbb-scaling-factor));
  --sbb-primary-button-background-color-default: var(--sbb-color-call-to-action);
  --sbb-primary-button-background-color-hover: var(--sbb-color-call-to-action-hover);
  --sbb-primary-button-background-color-disabled: transpparent;
  --sbb-primary-button-color: var(--sbb-color-white);
  --sbb-primary-button-color-disabled: var(--sbb-color-granite);
  --sbb-primary-alternative-button-background-color-default: var(--sbb-color-granite);
  --sbb-primary-alternative-button-background-color-hover: var(--sbb-color-iron);
  --sbb-primary-alternative-button-background-color-disabled: transpparent;
  --sbb-primary-alternative-button-color: var(--sbb-color-white);
  --sbb-primary-alternative-button-color-disabled: var(--sbb-color-granite);
  --sbb-secondary-button-background-color-default: var(--sbb-color-silver);
  --sbb-secondary-button-background-color-hover: var(--sbb-color-platinum);
  --sbb-secondary-button-background-color-disabled: transpparent;
  --sbb-secondary-button-color: var(--sbb-color-iron);
  --sbb-secondary-button-color-disabled: var(--sbb-color-granite);
  --sbb-ghost-button-border-color-default: var(--sbb-color-storm);
  --sbb-ghost-button-border-color-hover: var(--sbb-color-iron);
  --sbb-ghost-button-border-color-disabled: var(--sbb-color-storm-alpha40);
  --sbb-ghost-button-label-color: var(--sbb-color-granite);
  --sbb-ghost-button-label-color-disabled: var(--sbb-color-iron-alpha40);
  --sbb-frameless-button-label-color: var(--sbb-color-iron);
  --sbb-selection-container-background-color-default: var(--sbb-color-background);
  --sbb-selection-container-background-color-disabled: var(--sbb-color-milk);
  --sbb-selection-container-border-color-default: var(--sbb-color-graphite);
  --sbb-selection-container-border-color-disabled: var(--sbb-color-aluminum);
  --sbb-selection-container-icon-color-default: var(--sbb-color-red);
  --sbb-selection-container-icon-color-disabled: var(--sbb-color-granite);
  --sbb-selection-container-border-color-focused: var(--sbb-color-weak-accent);
  --sbb-selection-label-color-checked: var(--sbb-color-text);
  --sbb-selection-label-color-unchecked: var(--sbb-color-granite);
  --sbb-selection-label-color-disabled: var(--sbb-color-granite);
  --sbb-selection-panel-background-color-default: var(--sbb-color-milk);
  --sbb-selection-panel-background-color-checked: var(--sbb-color-background);
  --sbb-selection-panel-background-color-disabled: var(--sbb-color-background);
  --sbb-selection-panel-color: var(--sbb-color-granite);
  --sbb-selection-panel-border-color: transparent;
  --sbb-selection-panel-border-color-active: var(--sbb-color-black);
  --sbb-selection-panel-border-color-disabled: var(--sbb-color-aluminum);
  --sbb-selection-panel-subtitle-color: var(--sbb-color-granite);
  --sbb-chips-list-height: var(--sbb-form-input-min-height);
  --sbb-chips-chip-margin-vertical: calc(2 * var(--sbb-border-width));
  --sbb-chips-chip-height: calc( var(--sbb-chips-list-height) - 2 * var(--sbb-chips-chip-margin-vertical) - 2 * var(--sbb-border-width) );
  --sbb-chips-chip-padding-horizontal: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-chips-input-width: calc(10rem * var(--sbb-scaling-factor));
  --sbb-chips-background-color-active: var(--sbb-color-cloud);
  --sbb-chips-background-color-hover: var(--sbb-color-aluminum);
  --sbb-chips-background-color-disabled: var(--sbb-color-cloud);
  --sbb-chips-opacity: 0.6;
  --sbb-datepicker-toggle-or-arrows-padding: calc( 2.9333333333rem * var(--sbb-scaling-factor) - var(--sbb-border-width) );
  --sbb-datepicker-toggle-and-arrows-padding: calc( 4.8rem * var(--sbb-scaling-factor) - var(--sbb-border-width) );
  --sbb-datepicker-button-offset: calc(0.8rem * var(--sbb-scaling-factor));
  --sbb-datepicker-button-gap: calc(0.2666666667rem * var(--sbb-scaling-factor));
  --sbb-datepicker-adjacent-button-offset: calc( var(--sbb-datepicker-button-offset) + var(--sbb-icon-size-default) + var(--sbb-datepicker-button-gap) );
  --sbb-datepicker-content-offset: calc(1.1333333333rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-background-color: var(--sbb-color-background);
  --sbb-datepicker-calendar-header-height: calc(4.5333333333rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-header-color: var(--sbb-color-metal);
  --sbb-datepicker-calendar-header-controls-color: var(--sbb-color-iron);
  --sbb-datepicker-calendar-line-color: var(--sbb-color-platinum);
  --sbb-datepicker-calendar-table-range-bg-color: var(--sbb-color-milk);
  --sbb-datepicker-calendar-table-content-padding-width: 0.7333333333rem;
  --sbb-datepicker-calendar-arrow-width: calc(1.3333333333rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-arrow-offset: calc( var(--sbb-datepicker-calendar-arrow-width) / -2 + var(--sbb-border-width) );
  --sbb-datepicker-calendar-width: 22.6666666667rem;
  --sbb-datepicker-calendar-height: calc(28.5333333333rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-controls-padding: 0.4rem;
  --sbb-datepicker-calendar-body-cell-padding: calc(1.6rem * var(--sbb-scaling-factor));
  --sbb-datepicker-calendar-body-cell-disabled-color: var(--sbb-color-cement);
  --sbb-datepicker-calendar-body-cell-disabled-offset: 0.8rem;
  --sbb-datepicker-calendar-body-cell-size: calc(2.6666666667rem * var(--sbb-scaling-factor));
  --sbb-dialog-padding: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-dialog-overlay-backgroud-color: var(--sbb-color-white-alpha70);
  --sbb-dialog-container-border-color: var(--sbb-color-weak-accent);
  --sbb-dialog-container-background-color: var(--sbb-color-background);
  --sbb-expansion-panel-padding-horizontal: 1.6rem;
  --sbb-expansion-panel-header-padding-top: 1.5333333333rem;
  --sbb-expansion-panel-header-padding-bottom: 1.7333333333rem;
  --sbb-expansion-panel-line-height: 1.8666666667rem;
  --sbb-expansion-panel-background-color-open: inherit;
  --sbb-expansion-panel-background-color-closed: var(--sbb-color-milk);
  --sbb-expansion-panel-border-color-open: var(--sbb-color-cloud);
  --sbb-expansion-panel-border-color-closed: var(--sbb-color-milk);
  --sbb-expansion-panel-header-indicator-color: var(--sbb-color-black);
  --sbb-fieldset-legend-font-size: 1.6rem;
  --sbb-fieldset-legend-nested-font-size: 1.3333333333rem;
  --sbb-file-selector-list-remove-icon-color: var(--sbb-color-granite);
  --sbb-form-background-color-readonly: var(--sbb-color-milk);
  --sbb-form-border-color-readonly: var(--sbb-color-aluminum);
  --sbb-form-field-width: 21.3333333333rem;
  --sbb-form-input-color: var(--sbb-color-charcoal);
  --sbb-form-input-color-disabled: var(--sbb-color-granite);
  --sbb-form-input-color-placeholder: var(--sbb-color-metal);
  --sbb-form-input-border-color: var(--sbb-color-smoke);
  --sbb-form-input-border-color-disabled: var(--sbb-color-aluminum);
  --sbb-form-input-background-color: var(--sbb-color-background);
  --sbb-form-input-background-color-disabled: var(--sbb-color-milk);
  --sbb-form-input-min-height: calc(3.2rem * var(--sbb-scaling-factor));
  --sbb-form-label-line-height: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-form-label-color: var(--sbb-color-granite);
  --sbb-form-label-wrapper-margin-bottom: calc(0.3333333333rem * var(--sbb-scaling-factor));
  --sbb-form-label-wrapper-padding-left: calc(0.6666666667rem * var(--sbb-scaling-factor));
  --sbb-header-lean-height: calc(3.6rem * var(--sbb-scaling-factor));
  --sbb-header-lean-base-z-index: 1000;
  --sbb-header-lean-side-menu-z-index: 800;
  --sbb-header-lean-background-color: var(--sbb-color-background);
  --sbb-header-lean-menu-mobile-z-index: 1100;
  --sbb-header-lean-menu-tablet-z-index: 700;
  --sbb-header-lean-menu-width: calc(20rem * var(--sbb-scaling-factor));
  --sbb-header-lean-label-line-height: calc(1.6666666667rem * var(--sbb-scaling-factor));
  --sbb-header-lean-subtitle-color: var(--sbb-color-anthracite);
  --sbb-header-lean-border-bottom-color: var(--sbb-color-silver);
  --sbb-lightbox-background-color: var(--sbb-color-background);
  --sbb-lightbox-padding-horizontal: 1.6rem;
  --sbb-lightbox-actions-padding-vertical: calc(1.6rem * var(--sbb-scaling-factor));
  --sbb-menu-trigger-padding: calc(0.4rem * var(--sbb-scaling-factor));
  --sbb-menu-item-label: var(--sbb-color-iron);
  --sbb-menu-item-label-active: var(--sbb-color-black);
  --sbb-menu-item-background-color-hover: var(--sbb-color-milk);
  --sbb-menu-item-background-color-active: var(--sbb-color-cloud);
  --sbb-menu-title-color: var(--sbb-color-granite);
  --sbb-notification-label-color-success: var(--sbb-color-white);
  --sbb-notification-background-color-success: var(--sbb-color-granite);
  --sbb-notification-border-color-success: var(--sbb-color-granite);
  --sbb-notification-label-color-information: var(--sbb-color-white);
  --sbb-notification-background-color-information: var(--sbb-color-granite);
  --sbb-notification-border-color-information: var(--sbb-color-granite);
  --sbb-notification-label-color-error: var(--sbb-color-white);
  --sbb-notification-background-color-error: var(--sbb-color-error);
  --sbb-notification-border-color-error: var(--sbb-color-error);
  --sbb-notification-label-color-warn: var(--sbb-color-white);
  --sbb-notification-background-color-warn: var(--sbb-color-error);
  --sbb-notification-border-color-warn: var(--sbb-color-error);
  --sbb-notification-message-padding: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-notification-message-padding-horizontal: calc( 1.6rem * var(--sbb-scaling-factor) );
  --sbb-pagination-base-color: var(--sbb-color-granite);
  --sbb-pagination-disabled-color: var(--sbb-color-silver);
  --sbb-pagination-paginator-size: calc(2.6666666667rem * var(--sbb-scaling-factor));
  --sbb-pagination-navigation-item-margin: calc(0.2666666667rem * var(--sbb-scaling-factor));
  --sbb-panel-background-color: var(--sbb-color-background);
  --sbb-panel-divider-color: var(--sbb-color-cloud);
  --sbb-processflow-step-label-color: var(--sbb-color-metal);
  --sbb-porcessflow-separator-inactive-color: var(--sbb-color-granite);
  --sbb-box-shadow-width: calc(var(--sbb-border-width) * 4);
  --sbb-box-shadow-arrow-width: calc(var(--sbb-border-width) * 2);
  --sbb-box-shadow-arrow-clip-path: polygon( -0.4px 100%, 100% -0.4px, 100% 71%, 150% 21%, 150% 150%, 21% 150%, 71% 100% );
  --sbb-box-shadow-color: rgba(0, 0, 0, 0.15);
  --sbb-box-shadow-border-color: var(--sbb-color-cloud);
  --sbb-box-shadow-below: 0 var(--sbb-box-shadow-width) 0 var(--sbb-box-shadow-color);
  --sbb-box-shadow-horizontal-border-top: 0 calc(var(--sbb-border-width) + calc(0.0666666667rem * var(--sbb-scaling-factor))) 0 calc(var(--sbb-border-width) * -1) var(--sbb-box-shadow-border-color);
  --sbb-box-shadow-horizontal-border-bottom: 0 calc(var(--sbb-border-width) * -1 - calc(0.0666666667rem * var(--sbb-scaling-factor))) 0 calc(var(--sbb-border-width) * -1) var(--sbb-box-shadow-border-color);
  --sbb-box-shadow-horizontal-border-offset-top-above: calc( calc(var(--sbb-border-width) - 0.0666666667rem) * var(--sbb-scaling-factor) );
  --sbb-box-shadow-horizontal-border-offset-top-below: calc( var(--sbb-box-shadow-horizontal-border-offset-top-above) * -1 );
  --sbb-select-arrow-icon-color: var(--sbb-color-granite);
  --sbb-sidebar-mobile-menu-bar-height: calc(2 * var(--sbb-icon-size-default));
  --sbb-sidebar-collapsible-menu-bar-height: calc( 2 * var(--sbb-icon-size-default) + 0.5333333333rem * var(--sbb-scaling-factor) );
  --sbb-icon-sidebar-item-dimension: calc(2 * var(--sbb-icon-size-default));
  --sbb-sidebar-background-color: var(--sbb-color-background);
  --sbb-sidebar-background-color-hover: var(--sbb-menu-item-background-color-hover);
  --sbb-sidebar-background-color-active: var(--sbb-menu-item-background-color-active);
  --sbb-sidebar-border-color: var(--sbb-color-cloud);
  --sbb-icon-sidebar-background-color: var(--sbb-color-milk);
  --sbb-icon-sidebar-background-color-active: var(--sbb-color-background);
  --sbb-status-message-background-color: var(--sbb-color-milk);
  --sbb-status-message-color: var(--sbb-color-granite);
  --sbb-table-background-color: var(--sbb-color-background);
  --sbb-table-thead-background-color: var(--sbb-color-cloud);
  --sbb-table-tbody-stripe-background-color: var(--sbb-color-milk);
  --sbb-table-thead-color: unset;
  --sbb-table-thead-padding: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-table-thead-padding-vertical-top: calc(1.9333333333rem * var(--sbb-scaling-factor));
  --sbb-table-thead-padding-vertical-bottom: calc(2rem * var(--sbb-scaling-factor));
  --sbb-table-tbody-padding: calc(1.0666666667rem * var(--sbb-scaling-factor));
  --sbb-table-cell-padding-horizontal: calc(0.8rem);
  --sbb-table-cell-padding-vertical-top: calc(1.2rem * var(--sbb-scaling-factor));
  --sbb-table-cell-padding-vertical-bottom: calc(1.2666666667rem * var(--sbb-scaling-factor));
  --sbb-table-sticky-shadow-width: 0.5333333333rem;
  --sbb-table-sticky-shadow-offset: -0.6rem;
  --sbb-table-sort-header-arrow-margin: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-tabs-border-color: var(--sbb-color-graphite);
  --sbb-tabs-outline-color: var(--sbb-color-black);
  --sbb-tabs-color-disabled: var(--sbb-color-storm);
  --sbb-tag-label-color-active: var(--sbb-color-black);
  --sbb-tag-border-color-active: var(--sbb-color-black);
  --sbb-tag-badge-background-color-default: var(--sbb-color-red);
  --sbb-tag-badge-label-color-default: var(--sbb-color-white);
  --sbb-tag-background-color-inactive-hover: var(--sbb-color-cloud);
  --sbb-tag-label-color-inactive-hover: var(--sbb-color-black);
  --sbb-tag-label-color-active-hover: var(--sbb-color-granite);
  --sbb-tag-border-color-active-hover: var(--sbb-color-smoke);
  --sbb-tag-background-color-inactive: var(--sbb-color-milk);
  --sbb-tag-label-color-inactive: var(--sbb-color-granite);
  --sbb-tag-badge-background-color-disabled: var(--sbb-color-metal);
  --sbb-tag-badge-label-color-disabled: var(--sbb-color-white);
  --sbb-tag-badge-background-color-disabled-hover: var(--sbb-color-cement);
  --sbb-tag-badge-link-background-color-focused: var(--sbb-color-red125);
  --sbb-textarea-remaining-chars-color: var(--sbb-color-text);
  --sbb-textexpand-color: var(--sbb-color-metal);
  --sbb-tooltip-padding: calc(1.5333333333rem * var(--sbb-scaling-factor));
  --sbb-tooltip-arrow-offset: calc(0.48rem * var(--sbb-scaling-factor));
  --sbb-tooltip-arrow-horizontal-space: calc(0.5333333333rem * var(--sbb-scaling-factor));
  --sbb-tooltip-content-arrow-size: calc( 1.1313708499rem * var(--sbb-scaling-factor) );
  --sbb-tooltip-shadow-arrow-size: calc(0.8rem * var(--sbb-scaling-factor));
  --sbb-tooltip-background-color: var(--sbb-color-background);
  --sbb-tooltip-color: var(--sbb-color-granite);
  --sbb-tooltip-border-color: var(--sbb-color-weak-accent);
  --sbb-tooltip-close-button-color: var(--sbb-color-weak-accent);
  --sbb-toggle-border-color-active: var(--sbb-color-black);
  --sbb-toggle-label-color-inactive: var(--sbb-color-granite);
  --sbb-toggle-border-color-inactive: var(--sbb-color-aluminum);
  --sbb-toggle-background-color-active: var(--sbb-color-white);
  --sbb-toggle-label-color-active: var(--sbb-color-black);
  --sbb-toggle-background-color-inactive: var(--sbb-color-milk);
  --sbb-usermenu-panel-width: calc(19.2rem * var(--sbb-scaling-factor));
  --sbb-usermenu-trigger-height: calc(3.2rem * var(--sbb-scaling-factor));
  --sbb-usermenu-trigger-padding: calc(0.8rem * var(--sbb-scaling-factor));
  --sbb-usermenu-text-color: var(--sbb-color-granite);
  --sbb-usermenu-initial-letters-text-color: var(--sbb-color-metal);
  --sbb-usermenu-initial-letters-background-color: var(--sbb-color-cloud);
  --sbb-icon-size-default: calc(1.6rem * var(--sbb-scaling-factor));
  --sbb-icon-size-large: calc(1.5 * var(--sbb-icon-size-default));
  --sbb-url-icon-arrow-right-small-black: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBkPSJNNSAxMi40OTFoMTIuNDlNMTMuNSAxNi41bDMuOTktNC4wMDhMMTMuNSA4LjUiLz48L3N2Zz4=);
  --sbb-url-icon-arrow-right-small-red125: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzYwMDE4IiBkPSJNNSAxMi40OTFoMTIuNDlNMTMuNSAxNi41bDMuOTktNC4wMDhMMTMuNSA4LjUiLz48L3N2Zz4=);
  --sbb-url-icon-chevron-down-small-granite: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBvbHlsaW5lIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjNjg2ODY4IiBzdHJva2Utd2lkdGg9IjEiIHBvaW50cz0iMjAgNy45OTkgMTIgMTUuOTk5IDQgNy45OTkiLz4KPC9zdmc+);
  --sbb-url-icon-chevron-small-down-circle-small-granite: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2ODY4NjgiIGQ9Ik0xMiw0LjQ5OTcgQzE2LjE0Myw0LjQ5OTcgMTkuNSw3Ljg1NzcgMTkuNSwxMS45OTk3IEMxOS41LDE2LjE0MjcgMTYuMTQzLDE5LjQ5OTcgMTIsMTkuNDk5NyBDNy44NTgsMTkuNDk5NyA0LjUsMTYuMTQyNyA0LjUsMTEuOTk5NyBDNC41LDcuODU3NyA3Ljg1OCw0LjQ5OTcgMTIsNC40OTk3IFogTTguMDkyMywxMC4zNDk4IEwxMS45OTYzLDE0LjI5OTggTDE1LjkwMDMsMTAuMzUxOCIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-down-circle-small-aluminium: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNEMkQyRDIiIGQ9Ik0xMiw0LjQ5OTcgQzE2LjE0Myw0LjQ5OTcgMTkuNSw3Ljg1NzcgMTkuNSwxMS45OTk3IEMxOS41LDE2LjE0MjcgMTYuMTQzLDE5LjQ5OTcgMTIsMTkuNDk5NyBDNy44NTgsMTkuNDk5NyA0LjUsMTYuMTQyNyA0LjUsMTEuOTk5NyBDNC41LDcuODU3NyA3Ljg1OCw0LjQ5OTcgMTIsNC40OTk3IFogTTguMDkyMywxMC4zNDk4IEwxMS45OTYzLDE0LjI5OTggTDE1LjkwMDMsMTAuMzUxOCIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-down-circle-small-red125: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNjNjAwMTgiIGQ9Ik0xMiw0LjQ5OTcgQzE2LjE0Myw0LjQ5OTcgMTkuNSw3Ljg1NzcgMTkuNSwxMS45OTk3IEMxOS41LDE2LjE0MjcgMTYuMTQzLDE5LjQ5OTcgMTIsMTkuNDk5NyBDNy44NTgsMTkuNDk5NyA0LjUsMTYuMTQyNyA0LjUsMTEuOTk5NyBDNC41LDcuODU3NyA3Ljg1OCw0LjQ5OTcgMTIsNC40OTk3IFogTTguMDkyMywxMC4zNDk4IEwxMS45OTYzLDE0LjI5OTggTDE1LjkwMDMsMTAuMzUxOCIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-down-circle-small-red_dark-mode: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZjM4MzgiIGQ9Ik0xMiw0LjQ5OTcgQzE2LjE0Myw0LjQ5OTcgMTkuNSw3Ljg1NzcgMTkuNSwxMS45OTk3IEMxOS41LDE2LjE0MjcgMTYuMTQzLDE5LjQ5OTcgMTIsMTkuNDk5NyBDNy44NTgsMTkuNDk5NyA0LjUsMTYuMTQyNyA0LjUsMTEuOTk5NyBDNC41LDcuODU3NyA3Ljg1OCw0LjQ5OTcgMTIsNC40OTk3IFogTTguMDkyMywxMC4zNDk4IEwxMS45OTYzLDE0LjI5OTggTDE1LjkwMDMsMTAuMzUxOCIvPgo8L3N2Zz4=);
  --sbb-url-icon-chevron-small-down-small-black: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgcG9pbnRzPSI4LjA5MiAxMC4zNSAxMS45OTYgMTQuMyAxNS45IDEwLjM1MiIvPjwvc3ZnPg==);
  --sbb-url-icon-chevron-small-down-small-grey: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2IiBwb2ludHM9IjguMDkyIDEwLjM1IDExLjk5NiAxNC4zIDE1LjkgMTAuMzUyIi8+Cjwvc3ZnPg==);
  --sbb-url-icon-chevron-small-down-small-red125: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M2MDAxOCIgcG9pbnRzPSI4LjA5MiAxMC4zNSAxMS45OTYgMTQuMyAxNS45IDEwLjM1MiIvPjwvc3ZnPg==);
  --sbb-url-icon-chevron-small-right-small-granite: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjg2ODY4IiBwb2ludHM9IjEwLjMyNSAxNS45MDQgMTQuMjc1IDEyIDEwLjMyNiA4LjA5NiIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-right-small-aluminium: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDJkMmQyIiBwb2ludHM9IjEwLjMyNSAxNS45MDQgMTQuMjc1IDEyIDEwLjMyNiA4LjA5NiIvPgo8L3N2Zz4K);
  --sbb-url-icon-chevron-small-right-small-platinum: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjY2RjZGNkIiBwb2ludHM9IjEwLjMyNSAxNS45MDQgMTQuMjc1IDEyIDEwLjMyNiA4LjA5NiIvPgo8L3N2Zz4=);
}
@media all and (min-width: 40.1875em) {
  :root:where(:not(.sbb-lean)) {
    --sbb-divider-medium: calc(3.2rem * var(--sbb-scaling-factor));
    --sbb-divider-big: 4.8rem;
    --sbb-font-size-large: 1.4rem;
    --sbb-datepicker-calendar-table-content-padding-width: calc( 1.2rem * var(--sbb-scaling-factor) );
    --sbb-datepicker-calendar-width: calc(28.5333333333rem * var(--sbb-scaling-factor));
    --sbb-datepicker-calendar-controls-padding: calc( 0.5333333333rem * var(--sbb-scaling-factor) );
    --sbb-datepicker-calendar-body-cell-disabled-color: var(--sbb-color-storm);
    --sbb-datepicker-calendar-body-cell-disabled-offset: calc( 1.1333333333rem * var(--sbb-scaling-factor) );
    --sbb-expansion-panel-padding-horizontal: 3.2rem;
    --sbb-expansion-panel-header-padding-top: 2.2666666667rem;
    --sbb-expansion-panel-header-padding-bottom: 2.4rem;
    --sbb-expansion-panel-line-height: calc(2rem * var(--sbb-scaling-factor));
    --sbb-table-cell-padding-horizontal: calc(1.0666666667rem * var(--sbb-scaling-factor));
  }
}
@media all and (min-width: 64.0625em) {
  :root:where(:not(.sbb-lean)) {
    --sbb-divider-big: calc(6.4rem * var(--sbb-scaling-factor));
    --sbb-expansion-panel-padding-horizontal: calc( 2.1333333333rem * var(--sbb-scaling-factor) );
    --sbb-fieldset-legend-font-size: calc(2.1333333333rem * var(--sbb-scaling-factor));
    --sbb-fieldset-legend-nested-font-size: calc( 1.3333333333rem * var(--sbb-scaling-factor) + 0.1333333333rem );
    --sbb-lightbox-padding-horizontal: calc(9.0666666667rem * var(--sbb-scaling-factor));
    --sbb-sidebar-mobile-menu-bar-height: calc(3.2rem * var(--sbb-scaling-factor));
  }
}
@media all and (min-width: 160.0625em) {
  :root:where(:not(.sbb-lean)) {
    --sbb-scaling-factor: 1.5;
    --sbb-border-width-thin: 0.1333333333rem;
    --sbb-font-size: 1.5333333333rem;
    --sbb-line-height: 2.6rem;
    --sbb-font-size-small: 1.3333333333rem;
    --sbb-line-height-small: 2rem;
    --sbb-line-height-medium: 2.3333333333rem;
    --sbb-font-size-large: 2.1333333333rem;
    --sbb-expansion-panel-header-padding-top: 3.4rem;
    --sbb-expansion-panel-header-padding-bottom: 3.6rem;
    --sbb-form-field-width: 26.6666666667rem;
  }
}
@media all and (min-width: 240.0625em) {
  :root:where(:not(.sbb-lean)) {
    --sbb-scaling-factor: 2;
    --sbb-font-size: 2rem;
    --sbb-line-height: 3.4666666667rem;
    --sbb-font-size-small: 1.7333333333rem;
    --sbb-line-height-small: 2.6666666667rem;
    --sbb-line-height-medium: 3rem;
    --sbb-font-size-large: 2.8rem;
    --sbb-expansion-panel-header-padding-top: 4.6666666667rem;
    --sbb-expansion-panel-header-padding-bottom: 4.6666666667rem;
  }
}
:root:where(.sbb-lean) {
  --sbb-color-weak-accent: var(--sbb-color-iron);
  --sbb-divider-thin: 0.2666666667rem;
  --sbb-divider-small: 0.5333333333rem;
  --sbb-divider-medium: 1.0666666667rem;
  --sbb-divider-big: 1.6rem;
  --sbb-border-width: 0.0666666667rem;
  --sbb-line-height: 1.5333333333rem;
  --sbb-line-height-root: 1.5333333333;
  --sbb-line-height-medium: 1.3333333333rem;
  --sbb-font-size-large: 1.4rem;
  --sbb-badge-background-color: var(--sbb-color-black);
  --sbb-badge-background-color-disabled: var(--sbb-color-granite);
  --sbb-breadcrumb-url-icon-chevron-small-right: var( --sbb-url-icon-chevron-small-right-small-granite );
  --sbb-button-height: 2.4rem;
  --sbb-primary-button-background-color-default: var(--sbb-color-red);
  --sbb-primary-button-background-color-hover: var(--sbb-color-red125);
  --sbb-primary-button-background-color-disabled: var(--sbb-color-red-alpha40);
  --sbb-primary-button-color-disabled: var(--sbb-color-white-alpha50);
  --sbb-primary-alternative-button-color-disabled: var(--sbb-color-white-alpha50);
  --sbb-primary-alternative-button-background-color-disabled: var(--sbb-color-granite-alpha40);
  --sbb-secondary-button-background-color-hover: var(--sbb-color-cement);
  --sbb-secondary-button-background-color-disabled: var(--sbb-color-silver-alpha40);
  --sbb-secondary-button-color-disabled: var(--sbb-color-iron-alpha50);
  --sbb-selection-container-background-color-default: var(--sbb-color-white);
  --sbb-selection-container-icon-color-default: var(--sbb-color-iron);
  --sbb-selection-container-icon-color-disabled: var(--sbb-color-iron);
  --sbb-selection-label-color-checked: var(--sbb-color-iron);
  --sbb-selection-label-color-disabled: var(--sbb-color-storm);
  --sbb-datepicker-toggle-or-arrows-padding: calc(2.5333333333rem - var(--sbb-border-width));
  --sbb-datepicker-toggle-and-arrows-padding: calc(4.1333333333rem - var(--sbb-border-width));
  --sbb-datepicker-button-offset: 0.4rem;
  --sbb-datepicker-calendar-arrow-width: 0.9333333333rem;
  --sbb-datepicker-button-gap: 0rem;
  --sbb-datepicker-content-offset: 0.5333333333rem;
  --sbb-datepicker-calendar-header-height: 2.4rem;
  --sbb-datepicker-calendar-header-color: var(--sbb-color-iron);
  --sbb-datepicker-calendar-header-controls-color: var(--sbb-color-text);
  --sbb-datepicker-calendar-line-color: var(--sbb-color-cloud);
  --sbb-datepicker-calendar-table-content-padding-width: 0.5333333333rem;
  --sbb-datepicker-calendar-width: 20.2rem;
  --sbb-datepicker-calendar-height: 20.2rem;
  --sbb-datepicker-calendar-controls-padding: 0.5333333333rem;
  --sbb-datepicker-calendar-body-cell-padding: 1.1rem;
  --sbb-datepicker-calendar-body-cell-size: 2rem;
  --sbb-dialog-overlay-backgroud-color: var(--sbb-color-white-alpha70);
  --sbb-dialog-container-border-color: var(--sbb-color-black);
  --sbb-expansion-panel-padding-horizontal: 1.0666666667rem;
  --sbb-expansion-panel-header-padding-top: calc( 0.8rem - var(--sbb-border-width-thin) );
  --sbb-expansion-panel-header-padding-bottom: var(--sbb-expansion-panel-header-padding-top);
  --sbb-expansion-panel-line-height: 1.6666666667rem;
  --sbb-fieldset-legend-font-size: 1.4rem;
  --sbb-fieldset-legend-nested-font-size: 1.0666666667rem;
  --sbb-file-selector-list-remove-icon-color: var(--sbb-color-black);
  --sbb-form-background-color-readonly: transparent;
  --sbb-form-border-color-readonly: transparent;
  --sbb-form-field-width: 15.3333333333rem;
  --sbb-form-input-min-height: 2.4rem;
  --sbb-form-label-wrapper-margin-bottom: 0.2rem;
  --sbb-form-label-wrapper-padding-left: 0rem;
  --sbb-notification-label-color-success: var(--sbb-color-green);
  --sbb-notification-background-color-success: var(--sbb-color-white);
  --sbb-notification-border-color-success: var(--sbb-color-green);
  --sbb-notification-label-color-information: var(--sbb-color-granite);
  --sbb-notification-background-color-information: var(--sbb-color-white);
  --sbb-notification-background-color-warn: var(--sbb-color-peach);
  --sbb-notification-border-color-warn: var(--sbb-color-peach);
  --sbb-notification-label-color-warn: var(--sbb-color-black);
  --sbb-notification-message-padding: 0.7333333333rem;
  --sbb-notification-message-padding-horizontal: 1rem;
  --sbb-pagination-disabled-color: var(--sbb-color-cement);
  --sbb-pagination-paginator-size: 2rem;
  --sbb-porcessflow-separator-inactive-color: var(--sbb-color-text);
  --sbb-scrollbar-thumb-color-visible: var(--sbb-color-platinum);
  --sbb-scrollbar-track-color-visible: var(--sbb-color-milk);
  --sbb-box-shadow-arrow-clip-path: polygon( -0.4px 100%, 100% -0.4px, 100% 35%, 150% -15%, 150% 150%, -15% 150%, 35% 100% );
  --sbb-table-cell-padding-vertical: 0.4rem;
  --sbb-table-cell-background-color-hover: var(--sbb-color-milk);
  --sbb-table-cell-actions-background-color-lean: var(--sbb-color-milk);
  --sbb-table-thead-color: var(--sbb-color-granite);
  --sbb-table-row-selected-background-color: var(--sbb-color-cloud);
  --sbb-table-row-selected-border-bottom-color: var(--sbb-color-text);
  --sbb-table-border-color: var(--sbb-color-aluminum);
  --sbb-table-thead-border-color: var(--sbb-color-graphite);
  --sbb-tag-label-color-active: var(--sbb-color-black);
  --sbb-tag-border-color-active: var(--sbb-color-black);
  --sbb-tag-badge-background-color-default: var(--sbb-color-black);
  --sbb-tag-badge-label-color-default: var(--sbb-color-white);
  --sbb-tag-background-color-inactive-hover: var(--sbb-color-cloud);
  --sbb-tag-label-color-inactive-hover: var(--sbb-color-black);
  --sbb-tag-label-color-active-hover: var(--sbb-color-granite);
  --sbb-tag-background-color-inactive: var(--sbb-color-milk);
  --sbb-tag-label-color-inactive: var(--sbb-color-granite);
  --sbb-tag-badge-background-color-disabled: var(--sbb-color-granite);
  --sbb-tag-badge-background-color-disabled-hover: var(--sbb-color-cement);
  --sbb-tag-badge-link-background-color-focused: var(--sbb-color-red125);
  --sbb-textarea-remaining-chars-color: var(--sbb-color-metal);
  --sbb-textexpand-color: var(--sbb-color-text);
  --sbb-tooltip-padding: 0.5333333333rem;
  --sbb-tooltip-color: var(--sbb-color-text);
  --sbb-usermenu-trigger-padding: 0.5333333333rem;
}
@media all and (min-width: 64.0625em) {
  :root:where(.sbb-lean) {
    --sbb-divider-thin: 0.5333333333rem;
    --sbb-divider-small: 1.0666666667rem;
    --sbb-divider-medium: 1.6rem;
    --sbb-divider-big: 2.1333333333rem;
  }
}
:root:where(.sbb-lean):where(.sbb-off-brand-colors) {
  --sbb-color-red: #06348b;
  --sbb-color-red125: #032668;
  --sbb-color-red150: #021c4e;
  --sbb-color-red-alpha40: rgba(6, 52, 139, 0.4);
}
:root:where(.sbb-lean):where(.sbb-lean.sbb-dark, .sbb-lean.sbb-preferred-color-scheme-dark):not(.sbb-light) {
  --sbb-color-text: var(--sbb-color-white);
  --sbb-color-background: var(--sbb-color-midnight);
  --sbb-color-call-to-action: var(--sbb-color-red_dark-mode);
  --sbb-color-call-to-action-hover: var(--sbb-color-red_dark-mode);
  --sbb-color-weak-accent: var(--sbb-color-milk);
  --sbb-color-error: var(--sbb-color-red_dark-mode);
  --sbb-box-shadow-color: var(--sbb-color-white-alpha15);
  --sbb-box-shadow-below: 0 var(--sbb-box-shadow-width) 0 var(--sbb-box-shadow-color);
  --sbb-box-shadow-border-color: var(--sbb-color-metal);
  --sbb-badge-background-color: var(--sbb-color-white);
  --sbb-badge-background-color-disabled: var(--sbb-color-anthracite);
  --sbb-badge-color: var(--sbb-color-black);
  --sbb-breadcrumb-color-default: var(--sbb-color-aluminum);
  --sbb-breadcrumb-url-icon-chevron-small-down-circle: var( --sbb-url-icon-chevron-small-down-circle-small-aluminium );
  --sbb-breadcrumb-url-icon-chevron-small-right: var( --sbb-url-icon-chevron-small-right-small-aluminium );
  --sbb-breadcrumb-url-icon-chevron-small-down-circle-focused: var( --sbb-url-icon-chevron-small-down-circle-small-red_dark-mode );
  --sbb-primary-button-background-color-default: var(--sbb-color-red_dark-mode);
  --sbb-primary-button-background-color-hover: var(--sbb-color-red125);
  --sbb-primary-button-background-color-disabled: var(--sbb-color-red_dark-mode-alpha40);
  --sbb-primary-alternative-button-background-color-default: var(--sbb-color-milk);
  --sbb-primary-alternative-button-background-color-hover: var(--sbb-color-silver);
  --sbb-primary-alternative-button-background-color-disabled: var(--sbb-color-milk-alpha40);
  --sbb-primary-alternative-button-color: var(--sbb-color-black);
  --sbb-primary-alternative-button-color-disabled: var(--sbb-color-black-alpha50);
  --sbb-secondary-button-background-color-default: var(--sbb-color-granite);
  --sbb-secondary-button-background-color-hover: var(--sbb-color-iron);
  --sbb-secondary-button-background-color-disabled: var(--sbb-color-iron-alpha40);
  --sbb-secondary-button-color: var(--sbb-color-white);
  --sbb-secondary-button-color-disabled: var(--sbb-color-white-alpha50);
  --sbb-ghost-button-border-color-default: var(--sbb-color-iron);
  --sbb-ghost-button-border-color-hover: var(--sbb-color-milk);
  --sbb-ghost-button-border-color-disabled: var(--sbb-color-iron);
  --sbb-ghost-button-label-color: var(--sbb-color-white);
  --sbb-ghost-button-label-color-disabled: var(--sbb-color-white-alpha50);
  --sbb-frameless-button-label-color: var(--sbb-color-silver);
  --sbb-selection-container-background-color-default: var(--sbb-color-black);
  --sbb-selection-container-background-color-disabled: var(--sbb-color-charcoal);
  --sbb-selection-container-border-color-disabled: var(--sbb-color-smoke);
  --sbb-selection-container-border-color-focused: var(--sbb-color-text);
  --sbb-selection-container-icon-color-default: var(--sbb-color-text);
  --sbb-selection-container-icon-color-disabled: var(--sbb-color-smoke);
  --sbb-selection-label-color-checked: var(--sbb-color-text);
  --sbb-selection-label-color-unchecked: var(--sbb-color-graphite);
  --sbb-selection-label-color-disabled: var(--sbb-color-smoke);
  --sbb-selection-panel-background-color-default: var(--sbb-color-charcoal);
  --sbb-selection-panel-background-color-checked: var(--sbb-color-black);
  --sbb-selection-panel-background-color-disabled: var(--sbb-color-black);
  --sbb-selection-panel-color: var(--sbb-color-graphite);
  --sbb-selection-panel-border-color: var(--sbb-color-iron);
  --sbb-selection-panel-border-color-active: var(--sbb-color-white);
  --sbb-selection-panel-border-color-disabled: var(--sbb-color-metal);
  --sbb-selection-panel-subtitle-color: var(--sbb-color-smoke);
  --sbb-chips-background-color-active: var(--sbb-color-smoke);
  --sbb-chips-background-color-hover: var(--sbb-color-metal);
  --sbb-chips-background-color-disabled: var(--sbb-color-cloud-alpha10);
  --sbb-chips-opacity: 1;
  --sbb-datepicker-calendar-header-color: var(--sbb-color-smoke);
  --sbb-datepicker-calendar-line-color: var(--sbb-color-smoke);
  --sbb-datepicker-calendar-background-color: var(--sbb-color-black);
  --sbb-dialog-overlay-backgroud-color: var(--sbb-color-black-alpha70);
  --sbb-dialog-container-border-color: var(--sbb-color-silver);
  --sbb-dialog-container-background-color: var(--sbb-color-charcoal);
  --sbb-expansion-panel-background-color-open: var(--sbb-color-charcoal);
  --sbb-expansion-panel-background-color-closed: var(--sbb-color-charcoal);
  --sbb-expansion-panel-border-color-open: var(--sbb-color-iron);
  --sbb-expansion-panel-border-color-closed: var(--sbb-color-charcoal);
  --sbb-expansion-panel-header-indicator-color: var(--sbb-color-white);
  --sbb-file-selector-list-remove-icon-color: var(--sbb-color-white);
  --sbb-form-input-color: var(--sbb-color-text);
  --sbb-form-input-color-disabled: var(--sbb-color-smoke);
  --sbb-form-input-color-placeholder: var(--sbb-color-smoke);
  --sbb-form-input-border-color: var(--sbb-color-smoke);
  --sbb-form-input-border-color-disabled: var(--sbb-color-smoke);
  --sbb-form-input-background-color: var(--sbb-color-black);
  --sbb-form-input-background-color-disabled: var(--sbb-color-iron);
  --sbb-form-label-color: var(--sbb-color-smoke);
  --sbb-form-background-color-readonly: var(--sbb-color-iron);
  --sbb-header-lean-subtitle-color: var(--sbb-color-graphite);
  --sbb-header-lean-border-bottom-color: var(--sbb-color-iron);
  --sbb-header-lean-background-color: var(--sbb-color-black);
  --sbb-menu-item-label: var(--sbb-color-milk);
  --sbb-menu-item-label-active: var(--sbb-color-white);
  --sbb-menu-item-background-color-hover: var(--sbb-color-charcoal);
  --sbb-menu-item-background-color-active: var(--sbb-color-charcoal);
  --sbb-menu-title-color: var(--sbb-color-smoke);
  --sbb-notification-label-color-success: var(--sbb-color-white);
  --sbb-notification-background-color-success: var(--sbb-color-green);
  --sbb-notification-border-color-success: var(--sbb-color-green);
  --sbb-notification-label-color-information: var(--sbb-color-cloud);
  --sbb-notification-background-color-information: var(--sbb-color-black);
  --sbb-notification-border-color-information: var(--sbb-color-cloud);
  --sbb-notification-background-color-error: var(--sbb-color-red);
  --sbb-notification-border-color-error: var(--sbb-color-red);
  --sbb-notification-background-color-warn: var(--sbb-color-peach);
  --sbb-notification-border-color-warn: var(--sbb-color-peach);
  --sbb-pagination-base-color: var(--sbb-color-silver);
  --sbb-pagination-disabled-color: var(--sbb-color-metal);
  --sbb-panel-background-color: var(--sbb-color-black);
  --sbb-panel-divider-color: var(--sbb-color-smoke);
  --sbb-processflow-step-label-color: var(--sbb-color-graphite);
  --sbb-scrollbar-thumb-color-visible: var(--sbb-color-metal);
  --sbb-scrollbar-track-color-visible: var(--sbb-color-charcoal);
  --sbb-select-arrow-icon-color: var(--sbb-color-white);
  --sbb-sidebar-background-color: var(--sbb-color-charcoal);
  --sbb-icon-sidebar-background-color: var(--sbb-color-black);
  --sbb-sidebar-border-color: var(--sbb-color-iron);
  --sbb-icon-sidebar-background-color-active: var(--sbb-color-charcoal);
  --sbb-sidebar-background-color-hover: var(--sbb-color-midnight);
  --sbb-sidebar-background-color-active: var(--sbb-color-midnight);
  --sbb-status-message-background-color: var(--sbb-color-iron);
  --sbb-status-message-color: var(--sbb-color-white);
  --sbb-table-cell-background-color-hover: var(--sbb-color-charcoal);
  --sbb-table-cell-actions-background-color-lean: var(--sbb-color-background);
  --sbb-table-thead-color: var(--sbb-color-smoke);
  --sbb-table-row-selected-background-color: var(--sbb-color-iron);
  --sbb-table-row-selected-border-bottom-color: var(--sbb-color-text);
  --sbb-table-border-color: var(--sbb-color-anthracite);
  --sbb-table-thead-border-color: var(--sbb-color-anthracite);
  --sbb-tabs-border-color: var(--sbb-color-smoke);
  --sbb-tabs-outline-color: var(--sbb-color-white);
  --sbb-tag-label-color-active: var(--sbb-color-white);
  --sbb-tag-border-color-active: var(--sbb-color-white);
  --sbb-tag-badge-background-color-default: var(--sbb-color-white);
  --sbb-tag-badge-label-color-default: var(--sbb-color-black);
  --sbb-tag-background-color-inactive-hover: var(--sbb-color-charcoal);
  --sbb-tag-label-color-inactive-hover: var(--sbb-color-white);
  --sbb-tag-label-color-active-hover: var(--sbb-color-white);
  --sbb-tag-background-color-inactive: var(--sbb-color-iron);
  --sbb-tag-label-color-inactive: var(--sbb-color-white);
  --sbb-tag-badge-background-color-disabled: var(--sbb-color-anthracite);
  --sbb-tag-badge-background-color-disabled-hover: var(--sbb-color-white);
  --sbb-tag-badge-link-background-color-focused: var(--sbb-color-white);
  --sbb-textarea-remaining-chars-color: var(--sbb-color-smoke);
  --sbb-toggle-border-color-active: var(--sbb-color-white);
  --sbb-toggle-label-color-inactive: var(--sbb-color-milk);
  --sbb-toggle-border-color-inactive: var(--sbb-color-iron);
  --sbb-toggle-background-color-active: var(--sbb-color-charcoal);
  --sbb-toggle-label-color-active: var(--sbb-color-white);
  --sbb-toggle-background-color-inactive: var(--sbb-color-midnight);
  --sbb-tooltip-border-color: var(--sbb-color-smoke);
  --sbb-tooltip-close-button-color: var(--sbb-color-white);
  --sbb-usermenu-text-color: var(--sbb-color-cloud);
  --sbb-usermenu-initial-letters-text-color: var(--sbb-color-aluminum);
  --sbb-usermenu-initial-letters-background-color: var(--sbb-color-iron);
}
:root {
  background: var(--sbb-color-background);
  color: var(--sbb-color-text);
  font-family: var(--sbb-font-roman);
  font-size: 93.75%;
  line-height: var(--sbb-line-height-root);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media all and (min-width: 160.0625em) {
  :root:where(:not(.sbb-lean)) {
    line-height: var(--sbb-line-height-4k);
  }
}
@media all and (min-width: 240.0625em) {
  :root:where(:not(.sbb-lean)) {
    line-height: var(--sbb-line-height-5k);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
b,
strong,
optgroup[label="*"] {
  font-family: var(--sbb-font-bold);
  font-weight: normal;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
[hidden] {
  display: none !important;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.cdk-overlay-pane.sbb-overlay-panel {
  max-height: none;
}
.cdk-global-scrollblock {
  overflow-y: auto;
}
:is(h1:where(:not([class*=mod_])), .sbb-headline1) {
  font-family: var(--sbb-font-thin);
  font-weight: normal;
  font-size: 1.8666666667rem;
  line-height: 1.2;
  margin: var(--sbb-divider-big) 0 var(--sbb-divider-medium);
}
@media all and (min-width: 40.1875em) {
  :where(html:not(.sbb-lean)) :is(h1:where(:not([class*=mod_])), .sbb-headline1) {
    font-size: 2rem;
  }
}
@media all and (min-width: 64.0625em) {
  :where(html:not(.sbb-lean)) :is(h1:where(:not([class*=mod_])), .sbb-headline1) {
    font-size: calc(2.6666666667rem*var(--sbb-scaling-factor));
  }
}
:where(html.sbb-lean) :is(h1:where(:not([class*=mod_])), .sbb-headline1) {
  font-family: var(--sbb-font-light);
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.6666666667rem;
}
@media all and (min-width: 64.0625em) {
  :where(html.sbb-lean) :is(h1:where(:not([class*=mod_])), .sbb-headline1) {
    font-size: 1.8666666667rem;
    line-height: 2.2666666667rem;
  }
}
:is(h2:where(:not([class*=mod_])), .sbb-headline2) {
  font-family: var(--sbb-font-light);
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: var(--sbb-divider-medium) 0 var(--sbb-divider-small);
}
@media all and (min-width: 64.0625em) {
  :where(html:not(.sbb-lean)) :is(h2:where(:not([class*=mod_])), .sbb-headline2) {
    font-size: calc(2.1333333333rem*var(--sbb-scaling-factor));
  }
}
:where(html.sbb-lean) :is(h2:where(:not([class*=mod_])), .sbb-headline2) {
  font-size: 1.2rem;
  line-height: 1.2666666667rem;
}
@media all and (min-width: 64.0625em) {
  :where(html.sbb-lean) :is(h2:where(:not([class*=mod_])), .sbb-headline2) {
    font-size: 1.4rem;
    line-height: 1.6666666667rem;
  }
}
:is(h3:where(:not([class*=mod_])), .sbb-headline3) {
  font-family: var(--sbb-font-light);
  font-weight: normal;
  font-size: var(--sbb-font-size-large);
  line-height: 1.2;
  margin: var(--sbb-divider-small) 0 var(--sbb-divider-thin);
}
:where(html.sbb-lean) :is(h3:where(:not([class*=mod_])), .sbb-headline3) {
  font-size: 1.0666666667rem;
  line-height: 1.1333333333rem;
}
@media all and (min-width: 64.0625em) {
  :where(html.sbb-lean) :is(h3:where(:not([class*=mod_])), .sbb-headline3) {
    font-size: 1.2rem;
    line-height: 1.4666666667rem;
  }
}
:is(h4:where(:not([class*=mod_])), .sbb-headline4) {
  font-family: var(--sbb-font-bold);
  font-weight: normal;
  font-size: var(--sbb-font-size);
  line-height: 1.5;
  margin: var(--sbb-divider-small) 0 var(--sbb-divider-thin);
}
:where(html.sbb-lean) :is(h4:where(:not([class*=mod_])), .sbb-headline4) {
  line-height: 1.1333333333rem;
  margin: .5333333333rem 0 .2666666667rem;
}
@media all and (min-width: 64.0625em) {
  :where(html.sbb-lean) :is(h4:where(:not([class*=mod_])), .sbb-headline4) {
    font-size: 1.0666666667rem;
    line-height: 1.2666666667rem;
    margin: 1.0666666667rem 0 .5333333333rem;
  }
}
.sbb-text-scaled {
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
}
.sbb-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:is(p:where(:not([class*=mod_])), .sbb-copy) {
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  margin: var(--sbb-divider-thin) 0;
}
.sbb-text-lead {
  font-family: var(--sbb-font-light);
  font-weight: normal;
  color: var(--sbb-color-text);
  font-size: var(--sbb-font-size-large);
  line-height: 1.3;
  margin: var(--sbb-divider-medium) 0;
}
@media all and (min-width: 64.0625em) and (max-width: 160.0525em) {
  :where(html:not(.sbb-lean)) .sbb-text-lead {
    line-height: 2.1333333333rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) .sbb-text-lead {
    font-size: 2.6666666667rem;
  }
}
:is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link) {
  color: var(--sbb-color-text);
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  line-height: var(--sbb-line-height);
  vertical-align: bottom;
}
:is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link):is(:hover, :focus) {
  color: var(--sbb-color-call-to-action-hover);
}
@media screen and (-ms-high-contrast: active) {
  :is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link):is(:hover, :focus) {
    color: windowText;
  }
  :is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link):is(:hover, :focus)::before,
  :is(a:where(:not(.sbb-link-reset):not(.sbb-button-base):not([class*=mod_])), .sbb-link):is(:hover, :focus)::after {
    border-color: windowText;
  }
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list, ol:where(:not([class*=mod_])), .sbb-ordered-list) {
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  margin-top: calc(1.1333333333rem*var(--sbb-scaling-factor));
  margin-bottom: calc(3.2rem*var(--sbb-scaling-factor));
  margin-left: calc(0.6666666667rem*var(--sbb-scaling-factor));
}
@media all and (min-width: 64.0625em) {
  :is(ul:where(:not([class*=mod_])), .sbb-unordered-list, ol:where(:not([class*=mod_])), .sbb-ordered-list) {
    margin-top: calc(1.6666666667rem*var(--sbb-scaling-factor));
  }
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list, ol:where(:not([class*=mod_])), .sbb-ordered-list) li {
  margin-top: var(--sbb-divider-thin);
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list, ol:where(:not([class*=mod_])), .sbb-ordered-list) :is(ol, ul) {
  margin: calc(0.4rem*var(--sbb-scaling-factor)) 0 0 calc(0.5333333333rem*var(--sbb-scaling-factor));
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list) {
  list-style-type: disc;
  padding-left: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list) li {
  padding-left: calc(.6666666667rem*var(--sbb-scaling-factor));
}
:is(ul:where(:not([class*=mod_])), .sbb-unordered-list) li ol > li::before {
  content: counter(item) ".";
}
:is(ol:where(:not([class*=mod_])), .sbb-ordered-list) {
  list-style-type: none;
  counter-reset: item;
  padding-left: 0;
}
:is(ol:where(:not([class*=mod_])), .sbb-ordered-list) > li {
  display: table;
  padding-left: 0;
}
:is(ol:where(:not([class*=mod_])), .sbb-ordered-list) > li::before {
  content: counters(item, ".") ".";
  counter-increment: item;
  display: table-cell;
  padding-right: calc(.8666666667rem*var(--sbb-scaling-factor));
}
.sbb-clean-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.sbb-clean-list li {
  margin: 0;
  padding-left: 0;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))) {
  outline: none;
  background-color: var(--sbb-form-input-background-color);
  padding: .6666666667rem .9333333333rem .7333333333rem;
  border: var(--sbb-border-width) solid var(--sbb-form-input-border-color);
  border-radius: var(--sbb-border-radius);
  color: var(--sbb-form-input-color);
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height-medium);
  min-height: var(--sbb-form-input-min-height);
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):where(:not(textarea)) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))) {
    padding: 1rem 1.4rem 1.0666666667rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))) {
    padding: 1.4rem 1.8666666667rem 1.4666666667rem;
  }
}
:where(html.sbb-lean) :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))) {
  padding: .4rem .4666666667rem .5333333333rem;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::placeholder {
  color: var(--sbb-form-input-color-placeholder);
  opacity: 1;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):-moz-ui-invalid {
  box-shadow: none;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))),
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-search-cancel-button,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-search-decoration,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-search-results-button,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-contacts-auto-fill-button,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-caps-lock-indicator,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-credentials-auto-fill-button {
  visibility: hidden;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):where([type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=time]) {
  line-height: 1;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):where([type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=time])::after {
  content: " ";
  white-space: pre;
  width: 1px;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-inner-spin-button,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-calendar-picker-indicator,
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type])))::-webkit-clear-button {
  font-size: .75em;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):is(:focus, .sbb-focused) {
  border-color: var(--sbb-color-weak-accent);
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):is(:disabled, [disabled], .sbb-disabled) {
  background-color: var(--sbb-form-input-background-color-disabled);
  border-color: var(--sbb-form-input-border-color-disabled);
  color: var(--sbb-form-input-color-disabled);
  -webkit-text-fill-color: var(--sbb-form-input-color-disabled);
  opacity: 1;
  cursor: default;
  pointer-events: none;
}
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):is([readonly], .sbb-readonly),
:is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):is([readonly], .sbb-readonly):focus {
  color: var(--sbb-form-input-color);
  -webkit-text-fill-color: var(--sbb-form-input-color);
  background-color: var(--sbb-form-background-color-readonly);
  border-color: var(--sbb-form-border-color-readonly);
}
:is(.sbb-form-field-invalid :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))):not(:where([aria-expanded=true], .sbb-expanded)), :is(.sbb-input-element, input:where([type=email], [type=password], [type=search], [type=text], [type=number], [type=tel], [type=time], [type=datetime], [type=datetime-local], [type=url], :not([type]))).ng-touched.ng-invalid:not(:where([aria-expanded=true], .sbb-expanded))) {
  color: var(--sbb-color-error);
  border-color: var(--sbb-color-error);
}
:is(input, .sbb-input-element)[placeholder] {
  text-overflow: ellipsis;
}
input:where([type=number], [type=time], [type=datetime], [type=datetime-local]) {
  -moz-appearance: textfield;
}
input:where([type=number], [type=time], [type=datetime], [type=datetime-local])::-webkit-clear-button {
  appearance: none;
  margin: 0;
  width: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  padding-right: calc(2.9333333333rem*var(--sbb-scaling-factor)) !important;
  align-items: center;
  background: rgba(0, 0, 0, 0) var(--sbb-url-icon-chevron-small-down-small-grey) no-repeat center right calc(0.6rem*var(--sbb-scaling-factor));
  background-size: var(--sbb-icon-size-default);
}
:where(html.sbb-lean) select {
  padding-right: 2.5333333333rem !important;
  background-position: center right .4rem;
  background-image: var(--sbb-url-icon-chevron-down-small-granite);
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  color: inherit;
  background: none;
}
@media (forced-colors: active) {
  .sbb-focused select::-ms-value {
    color: inherit;
  }
}
select::-moz-focus-inner {
  border: 0;
}
select:not(:disabled) {
  cursor: pointer;
}
select:is([readonly], .sbb-readonly) {
  background-image: none;
  pointer-events: none;
  touch-action: none;
}
textarea {
  white-space: pre-wrap;
  overflow: auto;
}
textarea:disabled {
  opacity: 1;
}
.sbb-error {
  display: block;
  letter-spacing: 0;
  outline: none;
  resize: none;
  opacity: 1;
  font-family: var(--sbb-font-roman);
  color: var(--sbb-color-error);
  font-size: calc(0.9333333333rem*var(--sbb-scaling-factor));
  line-height: calc(1.4rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-error {
  font-size: .8666666667rem;
  line-height: 1.0666666667rem;
}
:is(fieldset, .sbb-fieldset) {
  margin: 0;
  min-width: 0;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  border: var(--sbb-border-width-thin) solid var(--sbb-color-silver);
  padding: var(--sbb-divider-medium) calc(var(--sbb-divider-small) - var(--sbb-border-width-thin));
}
:where(html.sbb-lean) :is(fieldset, .sbb-fieldset) {
  border-color: var(--sbb-color-graphite);
  padding: 1rem;
}
:is(fieldset, .sbb-fieldset) > legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-family: var(--sbb-font-light);
  font-weight: 400;
  font-size: var(--sbb-fieldset-legend-font-size);
  line-height: 1.2;
  margin: 0 0 var(--sbb-divider-small);
  float: left;
}
:is(fieldset, .sbb-fieldset) > legend + * {
  clear: both;
}
:is(fieldset, .sbb-fieldset) fieldset {
  --sbb-fieldset-legend-font-size: var(--sbb-fieldset-legend-nested-font-size);
  border-top: none;
  border-right: none;
  border-left: none;
  padding-left: 0;
  padding-right: 0;
}
:is(fieldset, .sbb-fieldset) fieldset:last-of-type {
  border-bottom: none;
}
:where(html.sbb-lean) :is(fieldset, .sbb-fieldset) fieldset {
  border-color: var(--sbb-color-cloud);
}
.sbb-transparent-parent-overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  z-index: -1;
}
.sbb-button-reset {
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
}
.sbb-button-reset-frameless {
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
}
.sbb-badge {
  position: relative;
}
.sbb-badge.sbb-badge {
  overflow: visible;
}
.sbb-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  transition: transform var(--sbb-transition-duration-fast) var(--sbb-transition-timing-default);
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  min-width: calc(1.2rem*var(--sbb-scaling-factor));
  border-radius: 1em;
  padding: calc(0.2666666667rem*var(--sbb-scaling-factor)) calc(0.3333333333rem*var(--sbb-scaling-factor));
  margin-left: calc(0.1333333333rem*var(--sbb-scaling-factor));
  background-color: var(--sbb-badge-background-color);
  color: var(--sbb-badge-color);
  font-family: var(--sbb-font-bold);
  line-height: 1;
  height: calc(1.2rem*var(--sbb-scaling-factor));
  font-size: .7333333333rem;
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) .sbb-badge-content {
    font-size: 1.1333333333rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) .sbb-badge-content {
    font-size: 1.4666666667rem;
  }
}
.sbb-badge-above .sbb-badge-content {
  top: calc(-0.1333333333rem*var(--sbb-scaling-factor));
}
.sbb-badge-after .sbb-badge-content {
  right: 0;
}
:where(.sbb-icon):is(.sbb-badge-above, .sbb-badge-after) .sbb-badge-content {
  top: calc(-0.1333333333rem*var(--sbb-scaling-factor));
  right: 0;
}
.sbb-badge-hidden .sbb-badge-content {
  display: none;
}
:is(.sbb-badge-disabled, .sbb-tab-disabled) .sbb-badge-content {
  background-color: var(--sbb-badge-background-color-disabled);
  color: var(--sbb-color-white);
}
.ng-animate-disabled .sbb-badge-content,
.sbb-badge-content._sbb-animation-noopable {
  transition: none;
}
.sbb-badge-content.sbb-badge-active {
  transform: none;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: var(--sbb-button-height);
  background: none;
  max-width: none;
  min-width: 0;
  text-decoration: none;
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  border: var(--sbb-border-width-thin) solid rgba(0, 0, 0, 0);
  border-radius: var(--sbb-border-radius);
  padding: .6rem 2.6rem .7333333333rem;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):where(:not(.sbb-icon-button)) {
  width: 100%;
}
@media all and (min-width: 40.1875em) {
  :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
    width: auto;
    min-width: calc(4rem*var(--sbb-scaling-factor));
    max-width: calc(26.6666666667rem*var(--sbb-scaling-factor));
  }
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
    padding: .9333333333rem 3.8666666667rem 1rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
    padding: 1.2666666667rem 5.2rem 1.4rem;
  }
}
:where(html.sbb-lean) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button) {
  padding: .3333333333rem 1rem .4rem;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):not(:disabled):not(.sbb-disabled) {
  cursor: pointer;
}
:where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):is(:disabled, .sbb-disabled) {
  border-color: var(--sbb-color-storm);
}
:where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):is(:disabled, .sbb-disabled),
:where(html:not(.sbb-lean)) :is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button):is(:disabled, .sbb-disabled) * {
  text-decoration: line-through;
}
.sbb-button {
  background-color: var(--sbb-primary-button-background-color-default);
  color: var(--sbb-primary-button-color);
}
.sbb-button:not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  background-color: var(--sbb-primary-button-background-color-hover);
}
.sbb-button:is(:disabled, .sbb-disabled) {
  background-color: var(--sbb-primary-button-background-color-disabled);
  color: var(--sbb-primary-button-color-disabled);
}
.sbb-alt-button {
  background-color: var(--sbb-primary-alternative-button-background-color-default);
  color: var(--sbb-primary-alternative-button-color);
}
.sbb-alt-button:not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  background-color: var(--sbb-primary-alternative-button-background-color-hover);
}
.sbb-alt-button:is(:disabled, .sbb-disabled) {
  background-color: var(--sbb-primary-alternative-button-background-color-disabled);
  color: var(--sbb-primary-alternative-button-color-disabled);
}
.sbb-secondary-button {
  background-color: var(--sbb-secondary-button-background-color-default);
  color: var(--sbb-secondary-button-color);
}
.sbb-secondary-button:not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  background-color: var(--sbb-secondary-button-background-color-hover);
}
.sbb-secondary-button:is(:disabled, .sbb-disabled) {
  background-color: var(--sbb-secondary-button-background-color-disabled);
  color: var(--sbb-secondary-button-color-disabled);
}
:where(html:not(.sbb-lean)) .sbb-button-base:is(.sbb-button, .sbb-secondary-button):not(.sbb-disabled, .sbb-icon-button) {
  transition-duration: var(--sbb-transition-duration-default);
  transition-timing-function: var(--sbb-transition-timing-default);
  transition-property:
    transform,
    padding-left,
    padding-right;
  padding-left: calc(2.6rem*var(--sbb-scaling-factor));
  padding-right: calc(4.6rem*var(--sbb-scaling-factor));
}
:where(html:not(.sbb-lean)) .sbb-button-base:is(.sbb-button, .sbb-secondary-button):not(.sbb-disabled, .sbb-icon-button) .sbb-button-right-icon {
  right: calc(2.6rem*var(--sbb-scaling-factor));
}
:where(html:not(.sbb-lean)) .sbb-button-base:is(.sbb-button, .sbb-secondary-button):not(.sbb-disabled, .sbb-icon-button):hover {
  padding-left: calc(4.6rem*var(--sbb-scaling-factor));
  padding-right: calc(2.6rem*var(--sbb-scaling-factor));
}
:where(html:not(.sbb-lean)) .sbb-button-base:is(.sbb-button, .sbb-secondary-button):not(.sbb-disabled, .sbb-icon-button):hover .sbb-button-right-icon {
  right: 0;
}
.sbb-ghost-button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--sbb-ghost-button-label-color);
  border-color: var(--sbb-ghost-button-border-color-default);
}
.sbb-ghost-button:not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  border-color: var(--sbb-ghost-button-border-color-hover);
}
.sbb-ghost-button:is(:disabled, .sbb-disabled) {
  color: var(--sbb-ghost-button-label-color-disabled);
  border-color: var(--sbb-ghost-button-border-color-disabled);
}
:where(html:not(.sbb-lean)) .sbb-ghost-button:is(:disabled, .sbb-disabled) {
  display: none;
}
.sbb-icon-button {
  height: var(--sbb-button-height);
  padding: calc(0.7333333333rem*var(--sbb-scaling-factor)) !important;
  min-width: auto;
  line-height: 0 !important;
}
:where(html:not(.sbb-lean)) .sbb-icon-button:is(:disabled, .sbb-disabled):before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: var(--sbb-icon-size-default);
  border-top: var(--sbb-border-width-thin) solid var(--sbb-color-smoke);
}
:where(html.sbb-lean) .sbb-icon-button {
  padding: calc(0.3333333333rem*var(--sbb-scaling-factor)) !important;
}
:is(.sbb-frameless-button, .sbb-link:where(.sbb-button-base)) {
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  outline: none;
}
:is(.sbb-frameless-button, .sbb-link:where(.sbb-button-base)):not(:disabled):not(.sbb-disabled):is(:hover, :focus) {
  color: var(--sbb-color-call-to-action-hover);
}
:where(html:not(.sbb-lean)) :is(.sbb-frameless-button, .sbb-link:where(.sbb-button-base)).sbb-button-base:not(:disabled):not(.sbb-disabled) {
  transition-duration: var(--sbb-transition-duration-default);
  transition-timing-function: var(--sbb-transition-timing-default);
  transition-property:
    transform,
    padding-left,
    padding-right;
  padding-left: 0;
  padding-right: calc(2rem*var(--sbb-scaling-factor));
}
:where(html:not(.sbb-lean)) :is(.sbb-frameless-button, .sbb-link:where(.sbb-button-base)).sbb-button-base:not(:disabled):not(.sbb-disabled):hover {
  padding-left: calc(2rem*var(--sbb-scaling-factor));
  padding-right: 0;
}
.sbb-link.sbb-button-base {
  white-space: normal;
}
:where(html.sbb-lean) .sbb-link.sbb-button-base {
  padding-right: calc(2rem*var(--sbb-scaling-factor));
}
.sbb-link-group .sbb-link.sbb-button-base:not(:disabled):not(.sbb-disabled) {
  padding: var(--sbb-divider-thin) calc(1.8666666667rem*var(--sbb-scaling-factor)) var(--sbb-divider-thin) 0;
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-color-silver);
}
:where(html:not(.sbb-lean)) :is(.sbb-link-group .sbb-link.sbb-button-base:not(:disabled):not(.sbb-disabled), .sbb-link-group .sbb-link.sbb-button-base:not(:disabled):not(.sbb-disabled):hover) {
  transition: none;
  padding-left: 0;
  padding-right: 0;
}
.sbb-frameless-button {
  color: var(--sbb-frameless-button-label-color);
}
.sbb-frameless-button:is(:disabled, .sbb-disabled) {
  display: none;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button, .sbb-frameless-button, .sbb-link:where(.sbb-button-base)) .sbb-icon {
  width: var(--sbb-icon-size-default);
  height: var(--sbb-icon-size-default);
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-icon-button, .sbb-frameless-button, .sbb-link:where(.sbb-button-base)) .sbb-icon > svg {
  width: 100%;
  height: 100%;
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-frameless-button, .sbb-link:where(.sbb-button-base)):where(:not(.sbb-icon-button)) .sbb-icon {
  margin-top: var(--sbb-button-icon-top-margin);
}
:is(.sbb-button, .sbb-alt-button, .sbb-secondary-button, .sbb-ghost-button, .sbb-frameless-button, .sbb-link:where(.sbb-button-base)):where(:not(.sbb-icon-button)) .sbb-icon:not(.sbb-button-indicator-icon) {
  transform: translateY(calc(var(--sbb-button-icon-top-margin) / -2));
}
.sbb-button-indicator-icon {
  transition-duration: var(--sbb-transition-duration-default);
  transition-timing-function: var(--sbb-transition-timing-default);
  transition-property:
    opacity,
    transform,
    right;
  backface-visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 50%;
}
:is(.sbb-button-base.sbb-disabled, .sbb-button-base.sbb-disabled:hover) .sbb-button-indicator-icon {
  opacity: 0;
}
.sbb-button-base.sbb-link .sbb-button-indicator-icon {
  top: unset;
  margin-top: unset;
  transform: translateY(calc(0.0333333333rem * var(--sbb-scaling-factor))) !important;
}
:where(html.sbb-lean) .sbb-button-base.sbb-link .sbb-button-indicator-icon {
  transform: translateY(-0.0666666667rem) !important;
}
:where(html:not(.sbb-lean)) .sbb-button-base.sbb-link .sbb-button-indicator-icon {
  color: var(--sbb-color-call-to-action);
}
:where(html:not(.sbb-lean)) .sbb-button-base.sbb-link .sbb-button-indicator-icon:hover {
  color: inherit;
}
.sbb-link-group :is(.sbb-button-indicator-icon, .sbb-button-indicator-icon:hover) {
  transition: none;
}
.sbb-button-left-icon {
  margin-left: calc(-2rem*var(--sbb-scaling-factor));
  transform: translateX(calc(-1.7333333333rem * var(--sbb-scaling-factor)));
  opacity: 0;
}
.sbb-button-base:hover .sbb-button-left-icon {
  transform: translateX(0);
  opacity: 1;
}
.sbb-link-group :is(.sbb-button-left-icon, .sbb-button-left-icon:hover) {
  display: none;
}
.sbb-button-right-icon {
  margin-left: calc(0.4rem*var(--sbb-scaling-factor));
  transform: translateX(0);
  opacity: 1;
}
:where(html.sbb-lean) .sbb-button-right-icon {
  transform: translateX(calc(-1.6rem * var(--sbb-scaling-factor)));
}
:where(html:not(.sbb-lean)) .sbb-button-base:hover .sbb-button-right-icon {
  transform: translateX(calc(1.7333333333rem * var(--sbb-scaling-factor)));
  opacity: 0;
}
:where(html.sbb-lean) .sbb-button-base.sbb-link .sbb-button-right-icon {
  transform: none;
}
.sbb-link-group :is(.sbb-button-right-icon, .sbb-button-right-icon:hover) {
  opacity: 1;
  right: 0;
}
.sbb-link-group {
  display: inline-flex;
  width: calc(16.6666666667rem*var(--sbb-scaling-factor));
  flex-direction: column;
  border-top: var(--sbb-border-width-thin) solid var(--sbb-color-silver);
}
.sbb-selection-item {
  display: inline-block;
}
.sbb-selection-item-label {
  display: flex;
  position: relative;
  align-items: flex-start;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
}
.sbb-selection-container {
  display: inline-block;
  background-color: var(--sbb-selection-container-background-color-default);
  margin-top: calc(0.2rem*var(--sbb-scaling-factor));
  width: calc(1.3333333333rem*var(--sbb-scaling-factor));
  min-width: calc(1.3333333333rem*var(--sbb-scaling-factor));
  height: calc(1.3333333333rem*var(--sbb-scaling-factor));
  min-height: calc(1.3333333333rem*var(--sbb-scaling-factor));
  border: var(--sbb-border-width) solid var(--sbb-selection-container-border-color-default);
  margin-right: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-selection-container {
  margin-top: 0;
}
.sbb-selection-input:focus + .sbb-selection-container,
.sbb-menu-item.sbb-active .sbb-pseudo-checkbox .sbb-selection-container {
  border-color: var(--sbb-selection-container-border-color-focused);
}
:is(.sbb-checkbox, .sbb-pseudo-checkbox) .sbb-selection-container {
  border-radius: var(--sbb-border-radius);
}
.sbb-radio-button .sbb-selection-container {
  border-radius: 50%;
}
:where(html.sbb-lean) .sbb-radio-button .sbb-selection-container {
  margin-top: 0;
}
.sbb-selection-disabled .sbb-selection-container {
  border-color: var(--sbb-selection-container-border-color-disabled);
  background-color: var(--sbb-selection-container-background-color-disabled);
}
.sbb-selection-indeterminate .sbb-selection-container::before {
  content: "";
  position: relative;
  height: .0666666667rem;
  width: .6666666667rem;
  left: calc(50% - 0.3333333333rem);
  top: calc(50% - 0.0333333333rem);
  border: .0666666667rem solid var(--sbb-selection-container-icon-color-default);
  display: block;
  background-color: var(--sbb-selection-container-icon-color-default);
}
.sbb-selection-container-checked {
  color: var(--sbb-selection-container-icon-color-default);
  line-height: 0;
  height: 100%;
  width: 100%;
  transition: opacity var(--sbb-transition-default);
  position: relative;
}
:is(.sbb-checkbox, .sbb-pseudo-checkbox) .sbb-selection-container-checked {
  display: none;
  border-radius: var(--sbb-border-radius);
  transform: scale(1.3);
}
:is(.sbb-checkbox, .sbb-pseudo-checkbox) .sbb-selection-container-checked > svg {
  display: inline-block;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:is(.sbb-checkbox, .sbb-pseudo-checkbox) .sbb-selection-container-checked > svg > polyline {
  stroke: currentColor;
}
.sbb-radio-button .sbb-selection-container-checked {
  display: none;
  border-radius: 50%;
  transform: scale(0.65);
  background-color: var(--sbb-selection-container-icon-color-default);
}
@media (forced-colors: active) {
  .sbb-radio-button .sbb-selection-container-checked {
    background-color: CanvasText;
  }
}
.sbb-selection-disabled .sbb-selection-container-checked {
  color: var(--sbb-selection-container-icon-color-disabled);
}
.sbb-radio-button:is(.sbb-selection-disabled) .sbb-selection-container-checked {
  background-color: var(--sbb-selection-container-icon-color-disabled);
}
.sbb-selection-checked .sbb-selection-container-checked {
  display: block;
}
.sbb-selection-indeterminate .sbb-selection-container-checked {
  display: none;
}
.sbb-selection-content {
  -webkit-user-select: auto;
  user-select: auto;
  color: var(--sbb-selection-label-color-unchecked);
  transition: color var(--sbb-transition-default);
}
:where(html.sbb-lean) .sbb-selection-content {
  line-height: 1.3333333333rem;
}
:is(.sbb-selection-checked, .sbb-selection-indeterminate) .sbb-selection-content {
  color: var(--sbb-selection-label-color-checked);
}
.sbb-selection-disabled .sbb-selection-content {
  color: var(--sbb-selection-label-color-disabled);
}
.sbb-selection-disabled {
  pointer-events: none;
}
@media (forced-colors: active) {
  .sbb-selection-disabled {
    opacity: .5;
  }
}
:is(.sbb-checkbox-group-vertical, .sbb-radio-group-vertical) {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  row-gap: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) :is(.sbb-checkbox-group-vertical, .sbb-radio-group-vertical) {
  row-gap: .2rem;
}
:is(.sbb-checkbox-group-horizontal, .sbb-radio-group-horizontal) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: calc(2.1333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) :is(.sbb-checkbox-group-horizontal, .sbb-radio-group-horizontal) {
  column-gap: 1rem;
}
.sbb-selection-panel-item {
  display: inline-block;
  background-color: var(--sbb-selection-panel-background-color-default);
  border: var(--sbb-border-width-thin) solid var(--sbb-selection-panel-border-color);
  border-radius: var(--sbb-border-radius);
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height);
  color: var(--sbb-selection-panel-color);
  width: 100%;
  transition: border-color .15s ease-in-out;
  position: relative;
}
.sbb-selection-panel-item.sbb-selection-checked {
  background-color: var(--sbb-selection-panel-background-color-checked);
  border-color: var(--sbb-selection-panel-border-color-active);
  color: var(--sbb-color-text);
}
.sbb-selection-panel-item:is(.sbb-selection-error, .ng-touched.ng-invalid),
.sbb-radio-group-base:is(.sbb-selection-error, .ng-touched.ng-invalid) .sbb-selection-panel-item {
  border-color: var(--sbb-color-error);
  color: var(--sbb-color-error);
}
.sbb-selection-panel-item.sbb-selection-disabled {
  background-color: var(--sbb-selection-panel-background-color-disabled);
  border-color: var(--sbb-selection-panel-border-color-disabled);
}
.sbb-selection-panel-item :is(.sbb-selection-container, .sbb-selection-panel-icon) {
  display: inline-block;
  flex: 0 0 auto;
}
.sbb-selection-panel-item .sbb-selection-content {
  flex: 1 auto;
  display: flex;
  flex-wrap: wrap;
  overflow-x: hidden;
  gap: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
.sbb-selection-panel-item .sbb-selection-item-label {
  padding: 1.2rem 1.6rem;
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) .sbb-selection-panel-item .sbb-selection-item-label {
    padding: 1.8rem 2.4rem 1.7333333333rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) .sbb-selection-panel-item .sbb-selection-item-label {
    padding: 2.4666666667rem 3.2rem 2.3333333333rem;
  }
}
.sbb-selection-inner-content {
  flex-direction: column;
  display: flex;
  flex: 1 1 50%;
  padding-right: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
.sbb-selection-inner-content:not(:only-child) {
  margin-right: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
.sbb-selection-panel-subtitle {
  font-size: var(--sbb-font-size-small);
  line-height: var(--sbb-line-height-small);
  color: var(--sbb-selection-panel-subtitle-color);
}
.sbb-selection-panel-warning {
  flex: 1 100%;
  order: 3;
  color: var(--sbb-selection-panel-subtitle-color);
}
@media all and (min-width: 40.1875em) {
  .sbb-selection-panel-warning {
    flex-basis: 0;
    order: initial;
    margin-top: initial;
  }
}
.sbb-selection-panel-note {
  margin-left: auto;
  margin-bottom: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
@media all and (min-width: 40.1875em) {
  .sbb-selection-panel-note {
    margin-bottom: 0;
  }
}
.sbb-selection-panel-note img {
  max-height: calc(1.6rem*var(--sbb-scaling-factor));
}
:is(.sbb-checkbox-panel-group, .sbb-radio-panel-group) {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(0.5333333333rem*var(--sbb-scaling-factor)) calc(0.4rem*var(--sbb-scaling-factor));
  font-size: var(--sbb-font-size);
}
@media all and (min-width: 40.1875em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-tablet-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-tablet-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-tablet-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media all and (min-width: 64.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media all and (min-width: 80.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktopLarge-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media all and (min-width: 90.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop2k-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media all and (min-width: 160.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop4k-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media all and (min-width: 240.0625em) {
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  :is(.sbb-checkbox-panel-group, .sbb-radio-panel-group).sbb-col-desktop5k-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
.sbb-label {
  letter-spacing: 0;
  outline: 0;
  resize: none;
  background-color: rgba(0, 0, 0, 0);
  font-family: var(--sbb-font-roman);
  font-size: var(--sbb-font-size-small);
  line-height: var(--sbb-form-label-line-height);
  color: var(--sbb-form-label-color);
  display: block;
}
.sbb-table-wrapper {
  display: block;
  overflow: auto;
}
.sbb-table-wrapper:focus-visible {
  outline: var(--sbb-border-width) solid var(--sbb-color-black);
}
.sbb-table {
  border-spacing: 0;
  width: 100%;
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height-medium);
  padding-bottom: var(--sbb-table-tbody-padding);
}
:where(html.sbb-lean) .sbb-table {
  line-height: var(--sbb-line-height);
  padding-bottom: 0;
}
.sbb-table :is(th, td) {
  color: var(--sbb-color-text);
  background-color: var(--sbb-table-background-color);
  vertical-align: top;
  position: relative;
}
.sbb-table th {
  font-family: var(--sbb-font-bold);
  font-weight: 400;
  color: var(--sbb-table-thead-color);
}
.sbb-table th .sbb-table-header-subtitle {
  font-family: var(--sbb-font-roman);
}
.sbb-table th.sbb-header-cell.sbb-table-filter {
  font-family: var(--sbb-font-roman);
  font-weight: normal;
  padding-top: 0;
}
.sbb-table th.sbb-header-cell.sbb-table-filter input {
  width: 100%;
}
.sbb-table thead {
  text-align: left;
}
:where(html.sbb-lean) .sbb-table thead > tr:last-child :is(th, td) {
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-table-thead-border-color);
}
:where(html.sbb-lean) .sbb-table thead > tr :is(th, td) {
  border-right: var(--sbb-border-width-thin) solid var(--sbb-table-thead-border-color);
}
:is(.sbb-table-wrapper-offset-right, .sbb-table-wrapper-offset-both) :where(html.sbb-lean) .sbb-table thead > tr :is(th, td).sbb-table-sticky-border-elem-right {
  border-left: var(--sbb-border-width-thin) solid var(--sbb-table-thead-border-color);
}
:where(html:not(.sbb-lean)) .sbb-table :is(thead, tfoot) > tr :is(th, td) {
  background-color: var(--sbb-table-thead-background-color);
  padding: var(--sbb-table-thead-padding-vertical-top) var(--sbb-table-cell-padding-horizontal) var(--sbb-table-thead-padding-vertical-bottom) var(--sbb-table-cell-padding-horizontal);
}
@media all and (min-width: 40.1875em) {
  :where(html:not(.sbb-lean)) .sbb-table :is(thead, tfoot) > tr :is(th, td):first-child {
    border-left: var(--sbb-table-thead-padding) solid var(--sbb-table-thead-background-color);
  }
  :where(html:not(.sbb-lean)) .sbb-table :is(thead, tfoot) > tr :is(th, td):last-child {
    border-right: var(--sbb-table-thead-padding) solid var(--sbb-table-thead-background-color);
  }
}
:where(html.sbb-lean) :is(.sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td) {
  border-right: var(--sbb-border-width-thin) solid var(--sbb-table-border-color);
}
:where(html.sbb-lean) :is(.sbb-table thead, .sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td) {
  padding: var(--sbb-table-cell-padding-vertical) var(--sbb-table-tbody-padding);
}
:where(html.sbb-lean) :is(.sbb-table thead, .sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td).sbb-table-group-with-next {
  border-right: none;
}
:where(html.sbb-lean) :is(.sbb-table thead, .sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td):first-child {
  padding-left: var(--sbb-table-tbody-padding);
  border-left: none;
}
:where(html.sbb-lean) :is(.sbb-table thead, .sbb-table tbody, .sbb-table tfoot, .sbb-table) > tr :is(th, td):last-child {
  padding-right: var(--sbb-table-tbody-padding);
  border-right: none;
}
:where(html:not(.sbb-lean)) :is(.sbb-table tbody, .sbb-table) > tr :is(th, td) {
  padding: var(--sbb-table-cell-padding-vertical-top) var(--sbb-table-cell-padding-horizontal) var(--sbb-table-cell-padding-vertical-bottom) var(--sbb-table-cell-padding-horizontal);
}
@media all and (min-width: 40.1875em) {
  :where(html:not(.sbb-lean)) :is(.sbb-table tbody, .sbb-table) > tr :is(th, td):first-child {
    border-left: var(--sbb-table-thead-padding) solid var(--sbb-table-background-color);
  }
  :where(html:not(.sbb-lean)) :is(.sbb-table tbody, .sbb-table) > tr :is(th, td):last-child {
    border-right: var(--sbb-table-thead-padding) solid var(--sbb-table-background-color);
  }
}
:where(html.sbb-lean) :is(.sbb-table tbody, .sbb-table) > tr :is(th, td) {
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-table-border-color);
}
:where(html:not(.sbb-lean)) :is(.sbb-table tbody, .sbb-table) > tr:nth-child(even) :is(th, td) {
  background-color: var(--sbb-table-tbody-stripe-background-color);
}
:where(html.sbb-lean) :is(.sbb-table tbody, .sbb-table) > tr.sbb-table-row-selected :is(td, th) {
  background-color: var(--sbb-table-row-selected-background-color);
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-table-row-selected-border-bottom-color);
}
:where(html.sbb-lean) :is(.sbb-table tbody, .sbb-table) > tr:is(:hover, :focus, :focus-within) :is(td, th) {
  background-color: var(--sbb-table-cell-background-color-hover);
  border-bottom: var(--sbb-border-width-thin) solid var(--sbb-color-call-to-action-hover);
}
.sbb-table caption {
  font-size: var(--sbb-font-size-small);
  line-height: var(--sbb-line-height-small);
  color: var(--sbb-color-weak-accent);
}
.sbb-table .sbb-selection-item {
  vertical-align: top;
}
.sbb-table .sbb-button-base,
.sbb-table .sbb-menu-trigger-contextmenu {
  margin: -100% 0;
}
:where(html.sbb-lean) .sbb-table .sbb-button-base {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: var(--sbb-icon-size-default);
}
:where(html.sbb-lean) .sbb-table .sbb-button-base:not(.sbb-ghost-button) {
  border: none;
}
:where(html.sbb-lean) .sbb-table .sbb-icon-button {
  padding: 0 !important;
}
.sbb-table .sbb-icon-button,
.sbb-table .sbb-menu-trigger-contextmenu {
  transform: translateY(calc(0.4666666667rem * var(--sbb-scaling-factor)));
}
.sbb-table-caption > * {
  font-size: var(--sbb-font-size-small);
  line-height: var(--sbb-line-height-small);
  color: var(--sbb-color-weak-accent);
}
.sbb-table-align-center {
  text-align: center;
}
.sbb-table-align-left {
  text-align: left;
}
.sbb-table-align-right {
  text-align: right;
}
.sbb-table-sticky {
  position: sticky !important;
}
:is(.sbb-table-sticky-border-elem-left, .sbb-table-sticky-border-elem-right)::after {
  content: "";
  transition-timing-function: var(--sbb-transition-timing-fast-start);
  transition-duration: var(--sbb-transition-duration-fast);
  transition-property: visibility, opacity;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: var(--sbb-table-sticky-shadow-width);
  top: 0;
  bottom: 0;
}
:is(.sbb-table-wrapper-offset-left, .sbb-table-wrapper-offset-both) .sbb-table-sticky-border-elem-left::after {
  visibility: visible;
  opacity: 1;
  background-image:
    linear-gradient(
      -270deg,
      rgba(0, 0, 0, 0.2) 0%,
      transparent 100%);
  right: var(--sbb-table-sticky-shadow-offset);
}
:where(html.sbb-lean) :is(.sbb-table-wrapper-offset-right, .sbb-table-wrapper-offset-both) .sbb-table-sticky-border-elem-right {
  border-left: var(--sbb-border-width-thin) solid var(--sbb-color-aluminum);
}
:is(.sbb-table-wrapper-offset-right, .sbb-table-wrapper-offset-both) .sbb-table-sticky-border-elem-right::after {
  visibility: visible;
  opacity: 1;
  background-image:
    linear-gradient(
      270deg,
      rgba(0, 0, 0, 0.2) 0%,
      transparent 100%);
  left: var(--sbb-table-sticky-shadow-offset);
}
:where(html.sbb-lean) .sbb-table-sticky-border-elem-bottom::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -.0666666667rem;
  border-top: .0666666667rem solid var(--sbb-color-aluminum);
}
.sbb-table-fixed-layout {
  table-layout: fixed;
}
.sbb-table-divider-title {
  font-family: var(--sbb-font-bold);
}
.sbb-table-cell-actions {
  --sbb-table-cell-actions-background-color: var(--sbb-table-background-color);
  display: none;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  gap: calc(0.1333333333rem*var(--sbb-scaling-factor));
  padding: calc(0.8rem*var(--sbb-scaling-factor)) calc(0.8rem*var(--sbb-scaling-factor)) 0 calc(0.1333333333rem*var(--sbb-scaling-factor));
  box-shadow: 0 0 calc(0.5333333333rem*var(--sbb-scaling-factor)) calc(0.5333333333rem*var(--sbb-scaling-factor)) var(--sbb-table-cell-actions-background-color);
  background-color: var(--sbb-table-cell-actions-background-color);
  clip-path: inset(0 0 -100% -100%);
}
:where(html:not(.sbb-lean)) :is(tbody, .sbb-table) > tr:nth-child(even) .sbb-table-cell-actions {
  --sbb-table-cell-actions-background-color: var(--sbb-table-tbody-stripe-background-color);
}
:where(html.sbb-lean) .sbb-table-cell-actions {
  --sbb-table-cell-actions-background-color: var(--sbb-table-cell-actions-background-color-lean);
  padding: .3333333333rem .3333333333rem 0rem .1333333333rem;
  box-shadow: 0 0 .2666666667rem .2666666667rem var(--sbb-table-cell-actions-background-color);
}
.sbb-table-cell-actions .sbb-button-base {
  margin: 0;
  transform: none;
}
:where(html:not(.sbb-lean)) .sbb-table-cell-actions .sbb-icon-button {
  padding: calc(0.3333333333rem*var(--sbb-scaling-factor)) !important;
  height: var(--sbb-icon-size-large);
}
tr:is(:hover, :focus, :focus-within) .sbb-table-cell-actions {
  display: flex;
}
input.sbb-input-element.sbb-time-input {
  width: calc(5.6rem*var(--sbb-scaling-factor));
  height: calc(3.2rem*var(--sbb-scaling-factor));
  text-align: center;
}
:where(html.sbb-lean) input.sbb-input-element.sbb-time-input {
  width: 4.6666666667rem;
  height: 2.4rem;
}
:where(html.sbb-lean) input.sbb-input-element.sbb-time-input:is([readonly], .sbb-readonly) {
  text-align: left;
}
.sbb-scrollbar {
  --sbb-scrollbar-thumb-color: transparent;
  --sbb-scrollbar-track-color: transparent;
  scrollbar-width: thin;
  scrollbar-color: var(--sbb-scrollbar-thumb-color) var(--sbb-scrollbar-track-color);
}
.sbb-scrollbar:is(:hover, .sbb-scrollbar-opaque) {
  --sbb-scrollbar-thumb-color: var(--sbb-scrollbar-thumb-color-visible);
  --sbb-scrollbar-track-color: var(--sbb-scrollbar-track-color-visible);
}
.sbb-scrollbar::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
}
.sbb-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--sbb-scrollbar-thumb-color);
}
.sbb-scrollbar::-webkit-scrollbar-track {
  background-color: var(--sbb-scrollbar-track-color);
}
@supports (-webkit-touch-callout: none) {
  .sbb-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.sbb-scrollbar:hover::-webkit-scrollbar-thumb:hover {
  background-color: var(--sbb-color-storm);
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.sbb-panel {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--sbb-panel-background-color);
  border: var(--sbb-border-width) solid var(--sbb-color-weak-accent);
  border-radius: 0 0 var(--sbb-border-radius) var(--sbb-border-radius);
  border-top: none;
  transition: height var(--sbb-transition-fast-start), opacity var(--sbb-transition-fast-start);
  color: var(--sbb-color-weak-accent);
  position: relative;
  top: var(--sbb-box-shadow-horizontal-border-offset-top-below);
  box-shadow: var(--sbb-box-shadow-below), var(--sbb-box-shadow-horizontal-border-bottom);
}
.sbb-panel hr {
  margin: .6666666667rem 0;
  padding: 0;
  border: none;
  border-top: var(--sbb-border-width-thin) solid var(--sbb-panel-divider-color);
}
:where(html.sbb-lean) .sbb-panel hr {
  margin: .2666666667rem 0;
}
.sbb-panel .sbb-label {
  color: var(--sbb-menu-title-color);
  padding: calc(0.3333333333rem*var(--sbb-scaling-factor)) calc(0.9333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-panel .sbb-label {
  padding: .2666666667rem .5333333333rem;
}
.sbb-panel-above {
  border-radius: var(--sbb-border-radius) var(--sbb-border-radius) 0 0;
  border-top-width: var(--sbb-border-width);
  border-top-style: solid;
  border-bottom: none;
  top: var(--sbb-box-shadow-horizontal-border-offset-top-above);
  box-shadow: var(--sbb-box-shadow-horizontal-border-top);
}
.sbb-panel-padded {
  padding-top: calc(0.6666666667rem*var(--sbb-scaling-factor));
  padding-bottom: calc(0.6666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-panel-padded {
  padding-top: .2666666667rem;
  padding-bottom: .2666666667rem;
}
.sbb-input-with-open-panel:not(.sbb-input-with-open-panel-above).sbb-input-element,
.sbb-input-with-open-panel:not(.sbb-input-with-open-panel-above) > .sbb-input-element {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.sbb-input-with-open-panel-above.sbb-input-element,
.sbb-input-with-open-panel-above > .sbb-input-element {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: var(--sbb-box-shadow-below);
}
.sbb-menu-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
  display: block;
  text-decoration: none;
  padding: calc(0.2666666667rem*var(--sbb-scaling-factor)) calc(0.9333333333rem*var(--sbb-scaling-factor));
  text-align: left;
  max-width: 100%;
  cursor: pointer;
  outline: 0;
  color: var(--sbb-color-weak-accent);
  font-size: var(--sbb-font-size);
  line-height: var(--sbb-line-height-medium);
}
:where(html.sbb-lean) .sbb-menu-item {
  padding-left: .5333333333rem;
  padding-right: .5333333333rem;
}
.sbb-menu-item:not(.sbb-focused) strong {
  color: var(--sbb-color-text);
}
.sbb-menu-item:is(.sbb-selected, .sbb-active) {
  color: var(--sbb-color-text);
}
:where(html.sbb-lean) .sbb-menu-item:is(.sbb-selected, .sbb-active) {
  color: var(--sbb-menu-item-label-active);
  background-color: var(--sbb-menu-item-background-color-active);
}
:where(html.sbb-lean) .sbb-menu-item:is(.sbb-selected, .sbb-active)::before {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--sbb-border-width-thin);
  left: 0;
  top: 0;
  background-color: var(--sbb-menu-item-label-active);
}
.sbb-menu-item:is(:disabled, [disabled], .sbb-disabled) {
  cursor: default;
  opacity: .5;
  -webkit-user-select: none;
  user-select: none;
}
:is(.sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused), .sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused) strong) {
  color: var(--sbb-color-red);
}
:where(html.sbb-lean) :is(.sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused), .sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused) strong) {
  color: var(--sbb-color-call-to-action-hover);
  background-color: var(--sbb-menu-item-background-color-hover);
}
:where(html.sbb-lean) :is(.sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused), .sbb-menu-item:is(:not(:disabled):not([disabled]):not(.sbb-disabled):is(:hover, .cdk-keyboard-focused), .sbb-focused) strong)::before {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--sbb-border-width-thin);
  left: 0;
  top: 0;
  background-color: var(--sbb-color-call-to-action-hover);
}
.sbb-menu-item .sbb-icon {
  line-height: 0;
  margin: -.4666666667rem 0 -.4666666667rem 0;
  transform: translateY(calc(0.4666666667rem * var(--sbb-scaling-factor)));
  width: var(--sbb-icon-size-default);
  height: var(--sbb-icon-size-default);
}
@media all and (min-width: 160.0625em) {
  :where(html:not(.sbb-lean)) .sbb-menu-item .sbb-icon {
    margin-top: -0.8rem;
    margin-bottom: -0.8rem;
  }
}
@media all and (min-width: 240.0625em) {
  :where(html:not(.sbb-lean)) .sbb-menu-item .sbb-icon {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}
:where(html.sbb-lean) .sbb-menu-item .sbb-icon {
  margin: -0.6rem 0 -0.6rem 0;
}
.sbb-menu-item > .sbb-icon:first-child {
  float: left;
  margin-right: calc(0.7333333333rem*var(--sbb-scaling-factor));
  margin-left: calc(-0.0666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-menu-item > .sbb-icon:first-child {
  margin-right: .5333333333rem;
  margin-left: 0;
}
.sbb-menu-group {
  display: block;
}
.sbb-menu-group:first-child > .sbb-label:first-child {
  padding-top: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
.sbb-panel-padded > .sbb-menu-group:first-child > .sbb-label:first-child {
  padding-top: calc(0.4rem*var(--sbb-scaling-factor));
}
.sbb-menu-group .sbb-label:where(:not(.sbb-option-hint)) {
  padding-top: calc(1.4666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-menu-group .sbb-label:where(:not(.sbb-option-hint)) {
  padding-top: .8rem;
}
:is(.sbb-menu-group + .sbb-menu-group, .sbb-menu-item + .sbb-menu-group, .sbb-menu-group + .sbb-menu-item) {
  border-top: var(--sbb-border-width-thin) solid var(--sbb-color-cloud);
  margin-top: calc(0.5333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) :is(.sbb-menu-group + .sbb-menu-group, .sbb-menu-item + .sbb-menu-group, .sbb-menu-group + .sbb-menu-item) {
  margin-top: .2666666667rem;
}
:is(.sbb-menu-group + .sbb-menu-group, .sbb-menu-item + .sbb-menu-group, .sbb-menu-group + .sbb-menu-item) .sbb-label:where(:not(.sbb-option-hint)) {
  padding-top: calc(1.0666666667rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) :is(.sbb-menu-group + .sbb-menu-group, .sbb-menu-item + .sbb-menu-group, .sbb-menu-group + .sbb-menu-item) .sbb-label:where(:not(.sbb-option-hint)) {
  padding-top: .5333333333rem;
}
.sbb-menu-group + .sbb-menu-item {
  padding-top: calc(0.9333333333rem*var(--sbb-scaling-factor));
}
:where(html.sbb-lean) .sbb-menu-group + .sbb-menu-item {
  padding-top: .5333333333rem;
}
.sbb-tooltip-trigger,
.sbb-tooltip-icon {
  line-height: 0;
  cursor: pointer;
}
.sbb-tooltip-inline .sbb-tooltip-trigger,
.sbb-tooltip-inline .sbb-tooltip-icon {
  vertical-align: text-bottom;
  margin-bottom: calc(-.2333333333rem*var(--sbb-scaling-factor));
}
.sbb-tooltip-trigger:is(:disabled, .sbb-disabled),
.sbb-tooltip-icon:is(:disabled, .sbb-disabled) {
  cursor: default;
  color: var(--sbb-ghost-button-label-color-disabled);
  border-color: var(--sbb-ghost-button-border-color-disabled);
}
:where(html:not(.sbb-lean)) .sbb-tooltip-trigger:is(:disabled, .sbb-disabled),
:where(html:not(.sbb-lean)) .sbb-tooltip-icon:is(:disabled, .sbb-disabled) {
  display: none;
}
:is(.sbb-tooltip-icon, .sbb-tooltip-trigger):is(:active, :hover, :focus):not(:disabled, .sbb-disabled),
.sbb-tooltip-trigger-active {
  outline: none;
  color: var(--sbb-color-call-to-action-hover);
  border-color: var(--sbb-color-call-to-action-hover);
}
.sbb-divider-thin-vertical,
.sbb-divider-thin-top {
  margin-top: var(--sbb-divider-thin);
}
.sbb-divider-thin-vertical,
.sbb-divider-thin-bottom {
  margin-bottom: var(--sbb-divider-thin);
}
.sbb-divider-small-vertical,
.sbb-divider-small-top {
  margin-top: var(--sbb-divider-small);
}
.sbb-divider-small-vertical,
.sbb-divider-small-bottom {
  margin-bottom: var(--sbb-divider-small);
}
.sbb-divider-medium-vertical,
.sbb-divider-medium-top {
  margin-top: var(--sbb-divider-medium);
}
.sbb-divider-medium-vertical,
.sbb-divider-medium-bottom {
  margin-bottom: var(--sbb-divider-medium);
}
.sbb-divider-big-vertical,
.sbb-divider-big-top {
  margin-top: var(--sbb-divider-big);
}
.sbb-divider-big-vertical,
.sbb-divider-big-bottom {
  margin-bottom: var(--sbb-divider-big);
}

/* src/styles.scss */
.fl-row-wrap,
.fl-row,
.fl-column,
.fl-column-reverse {
  display: flex !important;
}
.flex {
  box-sizing: border-box;
  flex: 1 1 100%;
  max-width: 100%;
}
.fl-row-wrap {
  flex-flow: row wrap;
}
.fl-row {
  flex-direction: row;
}
.fl-column {
  flex-direction: column;
}
.fl-column-reverse {
  flex-direction: column-reverse;
}
.flex-gap-10 {
  gap: 10px;
}
.flex-gap-20 {
  gap: 20px;
}
.fa-center,
.fa-space-between,
.fa-flex-start,
.fa-flex-end {
  display: flex;
  align-items: center;
}
.fa-center {
  place-content: center;
}
.fa-space-between {
  place-content: center space-between;
}
.fa-flex-start {
  place-content: center flex-start;
}
.fa-flex-end {
  place-content: center flex-end;
}
.flex-0 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 0%;
}
.flex-1 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 1%;
}
.flex-2 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 2%;
}
.flex-3 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 3%;
}
.flex-4 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 4%;
}
.flex-5 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 5%;
}
.flex-6 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 6%;
}
.flex-7 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 7%;
}
.flex-8 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 8%;
}
.flex-9 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 9%;
}
.flex-10 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 10%;
}
.flex-11 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 11%;
}
.flex-12 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 12%;
}
.flex-13 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 13%;
}
.flex-14 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 14%;
}
.flex-15 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 15%;
}
.flex-16 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 16%;
}
.flex-17 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 17%;
}
.flex-18 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 18%;
}
.flex-19 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 19%;
}
.flex-20 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 20%;
}
.flex-21 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 21%;
}
.flex-22 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 22%;
}
.flex-23 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 23%;
}
.flex-24 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 24%;
}
.flex-25 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 25%;
}
.flex-26 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 26%;
}
.flex-27 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 27%;
}
.flex-28 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 28%;
}
.flex-29 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 29%;
}
.flex-30 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 30%;
}
.flex-31 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 31%;
}
.flex-32 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 32%;
}
.flex-33 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 33%;
}
.flex-34 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 34%;
}
.flex-35 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 35%;
}
.flex-36 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 36%;
}
.flex-37 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 37%;
}
.flex-38 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 38%;
}
.flex-39 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 39%;
}
.flex-40 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 40%;
}
.flex-41 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 41%;
}
.flex-42 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 42%;
}
.flex-43 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 43%;
}
.flex-44 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 44%;
}
.flex-45 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 45%;
}
.flex-46 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 46%;
}
.flex-47 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 47%;
}
.flex-48 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 48%;
}
.flex-49 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 49%;
}
.flex-50 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 50%;
}
.flex-51 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 51%;
}
.flex-52 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 52%;
}
.flex-53 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 53%;
}
.flex-54 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 54%;
}
.flex-55 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 55%;
}
.flex-56 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 56%;
}
.flex-57 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 57%;
}
.flex-58 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 58%;
}
.flex-59 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 59%;
}
.flex-60 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 60%;
}
.flex-61 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 61%;
}
.flex-62 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 62%;
}
.flex-63 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 63%;
}
.flex-64 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 64%;
}
.flex-65 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 65%;
}
.flex-66 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 66%;
}
.flex-67 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 67%;
}
.flex-68 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 68%;
}
.flex-69 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 69%;
}
.flex-70 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 70%;
}
.flex-71 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 71%;
}
.flex-72 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 72%;
}
.flex-73 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 73%;
}
.flex-74 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 74%;
}
.flex-75 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 75%;
}
.flex-76 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 76%;
}
.flex-77 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 77%;
}
.flex-78 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 78%;
}
.flex-79 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 79%;
}
.flex-80 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 80%;
}
.flex-81 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 81%;
}
.flex-82 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 82%;
}
.flex-83 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 83%;
}
.flex-84 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 84%;
}
.flex-85 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 85%;
}
.flex-86 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 86%;
}
.flex-87 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 87%;
}
.flex-88 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 88%;
}
.flex-89 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 89%;
}
.flex-90 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 90%;
}
.flex-91 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 91%;
}
.flex-92 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 92%;
}
.flex-93 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 93%;
}
.flex-94 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 94%;
}
.flex-95 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 95%;
}
.flex-96 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 96%;
}
.flex-97 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 97%;
}
.flex-98 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 98%;
}
.flex-99 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 99%;
}
.flex-100 {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  max-width: 100%;
}
.flex-hide {
  display: none !important;
}
@media screen and (min-width: 600px) {
  .gt-xs-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .gt-xs-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .gt-xs-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .gt-xs-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .gt-xs-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .gt-xs-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .gt-xs-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .gt-xs-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .gt-xs-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .gt-xs-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .gt-xs-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .gt-xs-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .gt-xs-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .gt-xs-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .gt-xs-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .gt-xs-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .gt-xs-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .gt-xs-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .gt-xs-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .gt-xs-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .gt-xs-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .gt-xs-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .gt-xs-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .gt-xs-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .gt-xs-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .gt-xs-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .gt-xs-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .gt-xs-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .gt-xs-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .gt-xs-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .gt-xs-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .gt-xs-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .gt-xs-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .gt-xs-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .gt-xs-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .gt-xs-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .gt-xs-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .gt-xs-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .gt-xs-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .gt-xs-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .gt-xs-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .gt-xs-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .gt-xs-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .gt-xs-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .gt-xs-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .gt-xs-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .gt-xs-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .gt-xs-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .gt-xs-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .gt-xs-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .gt-xs-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .gt-xs-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .gt-xs-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .gt-xs-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .gt-xs-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .gt-xs-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .gt-xs-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .gt-xs-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .gt-xs-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .gt-xs-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .gt-xs-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .gt-xs-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .gt-xs-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .gt-xs-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .gt-xs-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .gt-xs-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .gt-xs-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .gt-xs-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .gt-xs-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .gt-xs-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .gt-xs-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .gt-xs-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .gt-xs-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .gt-xs-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .gt-xs-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .gt-xs-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .gt-xs-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .gt-xs-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .gt-xs-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .gt-xs-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .gt-xs-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .gt-xs-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .gt-xs-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .gt-xs-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .gt-xs-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .gt-xs-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .gt-xs-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .gt-xs-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .gt-xs-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .gt-xs-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .gt-xs-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .gt-xs-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .gt-xs-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .gt-xs-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .gt-xs-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .gt-xs-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .gt-xs-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .gt-xs-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .gt-xs-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .gt-xs-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .gt-xs-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .gt-xs-fl-row {
    flex-direction: row;
  }
  .gt-xs-fl-column {
    flex-direction: column;
  }
  .gt-xs-fl-row-wrap {
    flex-flow: row wrap;
  }
  .gt-xs-flex-hide {
    display: none !important;
  }
  .gt-xs-flex-show {
    display: flex !important;
  }
  .gt-xs-flex-gap-10 {
    gap: 10px;
  }
  .gt-xs-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .gt-xs-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .gt-xs-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .gt-xs-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .gt-xs-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 960px) {
  .gt-sm-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .gt-sm-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .gt-sm-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .gt-sm-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .gt-sm-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .gt-sm-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .gt-sm-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .gt-sm-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .gt-sm-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .gt-sm-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .gt-sm-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .gt-sm-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .gt-sm-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .gt-sm-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .gt-sm-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .gt-sm-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .gt-sm-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .gt-sm-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .gt-sm-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .gt-sm-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .gt-sm-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .gt-sm-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .gt-sm-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .gt-sm-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .gt-sm-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .gt-sm-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .gt-sm-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .gt-sm-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .gt-sm-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .gt-sm-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .gt-sm-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .gt-sm-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .gt-sm-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .gt-sm-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .gt-sm-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .gt-sm-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .gt-sm-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .gt-sm-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .gt-sm-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .gt-sm-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .gt-sm-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .gt-sm-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .gt-sm-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .gt-sm-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .gt-sm-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .gt-sm-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .gt-sm-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .gt-sm-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .gt-sm-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .gt-sm-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .gt-sm-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .gt-sm-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .gt-sm-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .gt-sm-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .gt-sm-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .gt-sm-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .gt-sm-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .gt-sm-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .gt-sm-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .gt-sm-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .gt-sm-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .gt-sm-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .gt-sm-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .gt-sm-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .gt-sm-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .gt-sm-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .gt-sm-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .gt-sm-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .gt-sm-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .gt-sm-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .gt-sm-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .gt-sm-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .gt-sm-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .gt-sm-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .gt-sm-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .gt-sm-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .gt-sm-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .gt-sm-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .gt-sm-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .gt-sm-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .gt-sm-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .gt-sm-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .gt-sm-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .gt-sm-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .gt-sm-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .gt-sm-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .gt-sm-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .gt-sm-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .gt-sm-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .gt-sm-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .gt-sm-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .gt-sm-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .gt-sm-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .gt-sm-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .gt-sm-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .gt-sm-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .gt-sm-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .gt-sm-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .gt-sm-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .gt-sm-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .gt-sm-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .gt-sm-fl-row {
    flex-direction: row;
  }
  .gt-sm-fl-column {
    flex-direction: column;
  }
  .gt-sm-fl-row-wrap {
    flex-flow: row wrap;
  }
  .gt-sm-flex-hide {
    display: none !important;
  }
  .gt-sm-flex-show {
    display: flex !important;
  }
  .gt-sm-flex-gap-10 {
    gap: 10px;
  }
  .gt-sm-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .gt-sm-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .gt-sm-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .gt-sm-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .gt-sm-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 1280px) {
  .gt-md-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .gt-md-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .gt-md-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .gt-md-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .gt-md-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .gt-md-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .gt-md-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .gt-md-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .gt-md-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .gt-md-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .gt-md-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .gt-md-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .gt-md-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .gt-md-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .gt-md-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .gt-md-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .gt-md-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .gt-md-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .gt-md-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .gt-md-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .gt-md-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .gt-md-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .gt-md-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .gt-md-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .gt-md-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .gt-md-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .gt-md-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .gt-md-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .gt-md-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .gt-md-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .gt-md-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .gt-md-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .gt-md-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .gt-md-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .gt-md-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .gt-md-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .gt-md-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .gt-md-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .gt-md-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .gt-md-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .gt-md-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .gt-md-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .gt-md-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .gt-md-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .gt-md-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .gt-md-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .gt-md-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .gt-md-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .gt-md-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .gt-md-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .gt-md-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .gt-md-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .gt-md-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .gt-md-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .gt-md-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .gt-md-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .gt-md-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .gt-md-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .gt-md-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .gt-md-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .gt-md-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .gt-md-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .gt-md-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .gt-md-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .gt-md-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .gt-md-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .gt-md-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .gt-md-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .gt-md-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .gt-md-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .gt-md-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .gt-md-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .gt-md-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .gt-md-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .gt-md-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .gt-md-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .gt-md-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .gt-md-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .gt-md-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .gt-md-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .gt-md-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .gt-md-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .gt-md-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .gt-md-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .gt-md-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .gt-md-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .gt-md-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .gt-md-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .gt-md-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .gt-md-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .gt-md-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .gt-md-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .gt-md-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .gt-md-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .gt-md-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .gt-md-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .gt-md-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .gt-md-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .gt-md-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .gt-md-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .gt-md-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .gt-md-fl-row {
    flex-direction: row;
  }
  .gt-md-fl-column {
    flex-direction: column;
  }
  .gt-md-fl-row-wrap {
    flex-flow: row wrap;
  }
  .gt-md-flex-hide {
    display: none !important;
  }
  .gt-md-flex-show {
    display: flex !important;
  }
  .gt-md-flex-gap-10 {
    gap: 10px;
  }
  .gt-md-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .gt-md-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .gt-md-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .gt-md-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .gt-md-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 1920px) {
  .gt-lg-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .gt-lg-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .gt-lg-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .gt-lg-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .gt-lg-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .gt-lg-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .gt-lg-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .gt-lg-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .gt-lg-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .gt-lg-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .gt-lg-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .gt-lg-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .gt-lg-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .gt-lg-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .gt-lg-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .gt-lg-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .gt-lg-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .gt-lg-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .gt-lg-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .gt-lg-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .gt-lg-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .gt-lg-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .gt-lg-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .gt-lg-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .gt-lg-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .gt-lg-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .gt-lg-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .gt-lg-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .gt-lg-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .gt-lg-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .gt-lg-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .gt-lg-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .gt-lg-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .gt-lg-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .gt-lg-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .gt-lg-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .gt-lg-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .gt-lg-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .gt-lg-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .gt-lg-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .gt-lg-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .gt-lg-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .gt-lg-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .gt-lg-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .gt-lg-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .gt-lg-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .gt-lg-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .gt-lg-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .gt-lg-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .gt-lg-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .gt-lg-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .gt-lg-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .gt-lg-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .gt-lg-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .gt-lg-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .gt-lg-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .gt-lg-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .gt-lg-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .gt-lg-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .gt-lg-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .gt-lg-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .gt-lg-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .gt-lg-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .gt-lg-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .gt-lg-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .gt-lg-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .gt-lg-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .gt-lg-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .gt-lg-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .gt-lg-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .gt-lg-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .gt-lg-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .gt-lg-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .gt-lg-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .gt-lg-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .gt-lg-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .gt-lg-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .gt-lg-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .gt-lg-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .gt-lg-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .gt-lg-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .gt-lg-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .gt-lg-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .gt-lg-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .gt-lg-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .gt-lg-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .gt-lg-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .gt-lg-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .gt-lg-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .gt-lg-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .gt-lg-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .gt-lg-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .gt-lg-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .gt-lg-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .gt-lg-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .gt-lg-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .gt-lg-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .gt-lg-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .gt-lg-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .gt-lg-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .gt-lg-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .gt-lg-fl-row {
    flex-direction: row;
  }
  .gt-lg-fl-column {
    flex-direction: column;
  }
  .gt-lg-fl-row-wrap {
    flex-flow: row wrap;
  }
  .gt-lg-flex-hide {
    display: none !important;
  }
  .gt-lg-flex-show {
    display: flex !important;
  }
  .gt-lg-flex-gap-10 {
    gap: 10px;
  }
  .gt-lg-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .gt-lg-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .gt-lg-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .gt-lg-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .gt-lg-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 1919px) {
  .lt-xl-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .lt-xl-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .lt-xl-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .lt-xl-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .lt-xl-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .lt-xl-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .lt-xl-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .lt-xl-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .lt-xl-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .lt-xl-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .lt-xl-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .lt-xl-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .lt-xl-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .lt-xl-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .lt-xl-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .lt-xl-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .lt-xl-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .lt-xl-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .lt-xl-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .lt-xl-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .lt-xl-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .lt-xl-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .lt-xl-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .lt-xl-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .lt-xl-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .lt-xl-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .lt-xl-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .lt-xl-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .lt-xl-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .lt-xl-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .lt-xl-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .lt-xl-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .lt-xl-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .lt-xl-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .lt-xl-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .lt-xl-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .lt-xl-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .lt-xl-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .lt-xl-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .lt-xl-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .lt-xl-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .lt-xl-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .lt-xl-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .lt-xl-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .lt-xl-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .lt-xl-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .lt-xl-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .lt-xl-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .lt-xl-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .lt-xl-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .lt-xl-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .lt-xl-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .lt-xl-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .lt-xl-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .lt-xl-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .lt-xl-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .lt-xl-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .lt-xl-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .lt-xl-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .lt-xl-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .lt-xl-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .lt-xl-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .lt-xl-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .lt-xl-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .lt-xl-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .lt-xl-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .lt-xl-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .lt-xl-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .lt-xl-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .lt-xl-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .lt-xl-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .lt-xl-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .lt-xl-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .lt-xl-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .lt-xl-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .lt-xl-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .lt-xl-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .lt-xl-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .lt-xl-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .lt-xl-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .lt-xl-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .lt-xl-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .lt-xl-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .lt-xl-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .lt-xl-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .lt-xl-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .lt-xl-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .lt-xl-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .lt-xl-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .lt-xl-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .lt-xl-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .lt-xl-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .lt-xl-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .lt-xl-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .lt-xl-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .lt-xl-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .lt-xl-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .lt-xl-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .lt-xl-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .lt-xl-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .lt-xl-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .lt-xl-fl-row {
    flex-direction: row;
  }
  .lt-xl-fl-column {
    flex-direction: column;
  }
  .lt-xl-fl-row-wrap {
    flex-flow: row wrap;
  }
  .lt-xl-flex-hide {
    display: none !important;
  }
  .lt-xl-flex-show {
    display: flex !important;
  }
  .lt-xl-flex-gap-10 {
    gap: 10px;
  }
  .lt-xl-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .lt-xl-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .lt-xl-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .lt-xl-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .lt-xl-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 1279px) {
  .lt-lg-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .lt-lg-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .lt-lg-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .lt-lg-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .lt-lg-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .lt-lg-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .lt-lg-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .lt-lg-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .lt-lg-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .lt-lg-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .lt-lg-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .lt-lg-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .lt-lg-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .lt-lg-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .lt-lg-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .lt-lg-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .lt-lg-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .lt-lg-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .lt-lg-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .lt-lg-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .lt-lg-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .lt-lg-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .lt-lg-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .lt-lg-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .lt-lg-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .lt-lg-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .lt-lg-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .lt-lg-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .lt-lg-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .lt-lg-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .lt-lg-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .lt-lg-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .lt-lg-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .lt-lg-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .lt-lg-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .lt-lg-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .lt-lg-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .lt-lg-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .lt-lg-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .lt-lg-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .lt-lg-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .lt-lg-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .lt-lg-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .lt-lg-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .lt-lg-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .lt-lg-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .lt-lg-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .lt-lg-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .lt-lg-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .lt-lg-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .lt-lg-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .lt-lg-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .lt-lg-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .lt-lg-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .lt-lg-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .lt-lg-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .lt-lg-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .lt-lg-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .lt-lg-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .lt-lg-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .lt-lg-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .lt-lg-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .lt-lg-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .lt-lg-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .lt-lg-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .lt-lg-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .lt-lg-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .lt-lg-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .lt-lg-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .lt-lg-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .lt-lg-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .lt-lg-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .lt-lg-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .lt-lg-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .lt-lg-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .lt-lg-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .lt-lg-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .lt-lg-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .lt-lg-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .lt-lg-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .lt-lg-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .lt-lg-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .lt-lg-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .lt-lg-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .lt-lg-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .lt-lg-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .lt-lg-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .lt-lg-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .lt-lg-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .lt-lg-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .lt-lg-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .lt-lg-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .lt-lg-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .lt-lg-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .lt-lg-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .lt-lg-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .lt-lg-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .lt-lg-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .lt-lg-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .lt-lg-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .lt-lg-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .lt-lg-fl-row {
    flex-direction: row;
  }
  .lt-lg-fl-column {
    flex-direction: column;
  }
  .lt-lg-fl-row-wrap {
    flex-flow: row wrap;
  }
  .lt-lg-flex-hide {
    display: none !important;
  }
  .lt-lg-flex-show {
    display: flex !important;
  }
  .lt-lg-flex-gap-10 {
    gap: 10px;
  }
  .lt-lg-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .lt-lg-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .lt-lg-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .lt-lg-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .lt-lg-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 959px) {
  .lt-md-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .lt-md-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .lt-md-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .lt-md-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .lt-md-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .lt-md-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .lt-md-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .lt-md-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .lt-md-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .lt-md-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .lt-md-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .lt-md-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .lt-md-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .lt-md-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .lt-md-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .lt-md-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .lt-md-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .lt-md-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .lt-md-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .lt-md-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .lt-md-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .lt-md-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .lt-md-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .lt-md-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .lt-md-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .lt-md-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .lt-md-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .lt-md-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .lt-md-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .lt-md-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .lt-md-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .lt-md-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .lt-md-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .lt-md-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .lt-md-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .lt-md-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .lt-md-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .lt-md-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .lt-md-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .lt-md-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .lt-md-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .lt-md-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .lt-md-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .lt-md-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .lt-md-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .lt-md-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .lt-md-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .lt-md-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .lt-md-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .lt-md-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .lt-md-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .lt-md-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .lt-md-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .lt-md-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .lt-md-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .lt-md-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .lt-md-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .lt-md-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .lt-md-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .lt-md-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .lt-md-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .lt-md-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .lt-md-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .lt-md-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .lt-md-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .lt-md-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .lt-md-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .lt-md-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .lt-md-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .lt-md-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .lt-md-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .lt-md-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .lt-md-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .lt-md-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .lt-md-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .lt-md-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .lt-md-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .lt-md-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .lt-md-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .lt-md-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .lt-md-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .lt-md-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .lt-md-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .lt-md-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .lt-md-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .lt-md-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .lt-md-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .lt-md-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .lt-md-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .lt-md-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .lt-md-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .lt-md-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .lt-md-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .lt-md-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .lt-md-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .lt-md-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .lt-md-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .lt-md-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .lt-md-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .lt-md-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .lt-md-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .lt-md-fl-row {
    flex-direction: row;
  }
  .lt-md-fl-column {
    flex-direction: column;
  }
  .lt-md-fl-row-wrap {
    flex-flow: row wrap;
  }
  .lt-md-flex-hide {
    display: none !important;
  }
  .lt-md-flex-show {
    display: flex !important;
  }
  .lt-md-flex-gap-10 {
    gap: 10px;
  }
  .lt-md-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .lt-md-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .lt-md-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .lt-md-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .lt-md-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 599px) {
  .lt-sm-flex-0 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 0%;
  }
  .lt-sm-flex-1 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 1%;
  }
  .lt-sm-flex-2 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 2%;
  }
  .lt-sm-flex-3 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 3%;
  }
  .lt-sm-flex-4 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 4%;
  }
  .lt-sm-flex-5 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 5%;
  }
  .lt-sm-flex-6 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 6%;
  }
  .lt-sm-flex-7 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 7%;
  }
  .lt-sm-flex-8 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 8%;
  }
  .lt-sm-flex-9 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 9%;
  }
  .lt-sm-flex-10 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 10%;
  }
  .lt-sm-flex-11 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 11%;
  }
  .lt-sm-flex-12 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 12%;
  }
  .lt-sm-flex-13 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 13%;
  }
  .lt-sm-flex-14 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 14%;
  }
  .lt-sm-flex-15 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 15%;
  }
  .lt-sm-flex-16 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 16%;
  }
  .lt-sm-flex-17 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 17%;
  }
  .lt-sm-flex-18 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 18%;
  }
  .lt-sm-flex-19 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 19%;
  }
  .lt-sm-flex-20 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 20%;
  }
  .lt-sm-flex-21 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 21%;
  }
  .lt-sm-flex-22 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 22%;
  }
  .lt-sm-flex-23 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 23%;
  }
  .lt-sm-flex-24 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 24%;
  }
  .lt-sm-flex-25 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 25%;
  }
  .lt-sm-flex-26 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 26%;
  }
  .lt-sm-flex-27 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 27%;
  }
  .lt-sm-flex-28 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 28%;
  }
  .lt-sm-flex-29 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 29%;
  }
  .lt-sm-flex-30 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 30%;
  }
  .lt-sm-flex-31 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 31%;
  }
  .lt-sm-flex-32 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 32%;
  }
  .lt-sm-flex-33 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 33%;
  }
  .lt-sm-flex-34 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 34%;
  }
  .lt-sm-flex-35 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 35%;
  }
  .lt-sm-flex-36 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 36%;
  }
  .lt-sm-flex-37 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 37%;
  }
  .lt-sm-flex-38 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 38%;
  }
  .lt-sm-flex-39 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 39%;
  }
  .lt-sm-flex-40 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 40%;
  }
  .lt-sm-flex-41 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 41%;
  }
  .lt-sm-flex-42 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 42%;
  }
  .lt-sm-flex-43 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 43%;
  }
  .lt-sm-flex-44 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 44%;
  }
  .lt-sm-flex-45 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 45%;
  }
  .lt-sm-flex-46 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 46%;
  }
  .lt-sm-flex-47 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 47%;
  }
  .lt-sm-flex-48 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 48%;
  }
  .lt-sm-flex-49 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 49%;
  }
  .lt-sm-flex-50 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 50%;
  }
  .lt-sm-flex-51 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 51%;
  }
  .lt-sm-flex-52 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 52%;
  }
  .lt-sm-flex-53 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 53%;
  }
  .lt-sm-flex-54 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 54%;
  }
  .lt-sm-flex-55 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 55%;
  }
  .lt-sm-flex-56 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 56%;
  }
  .lt-sm-flex-57 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 57%;
  }
  .lt-sm-flex-58 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 58%;
  }
  .lt-sm-flex-59 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 59%;
  }
  .lt-sm-flex-60 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 60%;
  }
  .lt-sm-flex-61 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 61%;
  }
  .lt-sm-flex-62 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 62%;
  }
  .lt-sm-flex-63 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 63%;
  }
  .lt-sm-flex-64 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 64%;
  }
  .lt-sm-flex-65 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 65%;
  }
  .lt-sm-flex-66 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 66%;
  }
  .lt-sm-flex-67 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 67%;
  }
  .lt-sm-flex-68 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 68%;
  }
  .lt-sm-flex-69 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 69%;
  }
  .lt-sm-flex-70 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 70%;
  }
  .lt-sm-flex-71 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 71%;
  }
  .lt-sm-flex-72 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 72%;
  }
  .lt-sm-flex-73 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 73%;
  }
  .lt-sm-flex-74 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 74%;
  }
  .lt-sm-flex-75 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 75%;
  }
  .lt-sm-flex-76 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 76%;
  }
  .lt-sm-flex-77 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 77%;
  }
  .lt-sm-flex-78 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 78%;
  }
  .lt-sm-flex-79 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 79%;
  }
  .lt-sm-flex-80 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 80%;
  }
  .lt-sm-flex-81 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 81%;
  }
  .lt-sm-flex-82 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 82%;
  }
  .lt-sm-flex-83 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 83%;
  }
  .lt-sm-flex-84 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 84%;
  }
  .lt-sm-flex-85 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 85%;
  }
  .lt-sm-flex-86 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 86%;
  }
  .lt-sm-flex-87 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 87%;
  }
  .lt-sm-flex-88 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 88%;
  }
  .lt-sm-flex-89 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 89%;
  }
  .lt-sm-flex-90 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 90%;
  }
  .lt-sm-flex-91 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 91%;
  }
  .lt-sm-flex-92 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 92%;
  }
  .lt-sm-flex-93 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 93%;
  }
  .lt-sm-flex-94 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 94%;
  }
  .lt-sm-flex-95 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 95%;
  }
  .lt-sm-flex-96 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 96%;
  }
  .lt-sm-flex-97 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 97%;
  }
  .lt-sm-flex-98 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 98%;
  }
  .lt-sm-flex-99 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 99%;
  }
  .lt-sm-flex-100 {
    flex: 1 1 100%;
    box-sizing: border-box;
    max-width: 100%;
  }
  .lt-sm-fl-row {
    flex-direction: row;
  }
  .lt-sm-fl-column {
    flex-direction: column;
  }
  .lt-sm-fl-row-wrap {
    flex-flow: row wrap;
  }
  .lt-sm-flex-hide {
    display: none !important;
  }
  .lt-sm-flex-show {
    display: flex !important;
  }
  .lt-sm-flex-gap-10 {
    gap: 10px;
  }
  .lt-sm-flex-gap-10-grid {
    margin: 0px -10px -10px 0px;
  }
  .lt-sm-flex-gap-10-grid > * {
    padding: 0px 10px 10px 0px;
  }
  .lt-sm-fa-center {
    display: flex;
    place-content: center;
    align-items: center;
  }
  .lt-sm-fa-flex-start {
    display: flex;
    place-content: center flex-start;
    align-items: center;
  }
  .lt-sm-fa-flex-end {
    display: flex;
    place-content: center flex-end;
    align-items: center;
  }
}
.h100 {
  height: 100%;
}
.hidden {
  display: none !important;
}
:root {
  --sbb-form-label-wrapper-padding-left: 0;
  --sbb-form-label-wrapper-margin-bottom: 0.2em;
}
html {
  box-sizing: border-box;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html,
body {
  margin: 0;
  -webkit-overflow-scrolling: auto;
  width: 100%;
  height: 100%;
}
input[type=email][required]:placeholder-shown,
input[type=password][required]:placeholder-shown,
input[type=search][required]:placeholder-shown,
input[type=text][required]:placeholder-shown,
input[type=number][required]:placeholder-shown,
input[type=tel][required]:placeholder-shown,
input[type=time][required]:placeholder-shown,
input[type=datetime][required]:placeholder-shown,
input[type=datetime-local][required]:placeholder-shown,
input[type=url][required]:placeholder-shown,
input:not([type])[required]:placeholder-shown {
  background: #fffbc0;
}
.toolbar-actions {
  float: right;
}
.instruction {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--sbb-color-aluminum);
}
app-instruction-display:last-child .instruction {
  border-bottom: 0px;
}
.instruction-title-wrapper {
  margin: 1rem 0rem 1.4rem 0rem;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.instruction-title {
  margin: 0px;
  font-weight: bold;
}
.ql-snow .ql-editor h1 {
  font-size: 1.3rem;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-weight: normal;
  margin: 1.8rem 0rem 0.8rem 0rem;
  border-bottom: 1px solid var(--sbb-color-aluminum);
}
.ql-snow .ql-editor img {
  height: 100%;
}
.ql-snow .ql-editor h2 {
  font-size: 1.2rem;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-weight: normal;
  margin: 1.6rem 0rem 0.4rem 0rem;
}
.ql-snow .ql-editor p {
  font-size: 1rem;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-weight: normal;
  margin: 0.4rem 0px;
}
.ql-editor ol > li::before {
  content: none !important;
}
.ql-editor ol > li,
.ql-editor ul > li {
  font-size: 1rem;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-weight: normal;
}
.sbb-tooltip ul {
  margin-top: 0px;
  margin-bottom: 5px;
}
.sbb-tooltip-content-body {
  white-space: pre-line;
}
.sbb-notification-warn {
  background-color: var(--sbb-color-orange) !important;
  color: var(--sbb-color-white) !important;
}
.sbb-loading-indicator-fullbox {
  position: fixed !important;
}
.mat-mdc-card {
  padding: 0px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: none !important;
  box-sizing: border-box;
  border: 1px solid var(--sbb-color-cloud) !important;
  border-radius: unset !important;
  font-family:
    "SBBWeb Roman",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
.mat-mdc-card .mat-mdc-card-header {
  font-size: 1.4em;
  font-family:
    "SBBWeb Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  display: flex;
  position: relative;
  padding: 0.4em 0.3em 0.4em 0.3em;
  outline: none;
  border-bottom: 1px solid var(--sbb-color-cloud);
  margin: 0px 12px 5px 12px;
}
.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text {
  margin: 0px;
}
.mat-mdc-card .mat-mdc-card-header app-section-title h3 {
  font-size: 1em;
}
.mat-mdc-card .mat-mdc-card-header .toolbar-actions {
  margin-left: auto;
  order: 2;
}
.mat-mdc-card .mat-mdc-card-header .toolbar-actions button:not(:first-child) {
  margin-left: 0.5rem;
}
.mat-mdc-card .mat-mdc-card-content {
  padding: 0.5em 1.2em;
}
.mat-mdc-tab-link {
  font-size: 1rem !important;
  height: 38px !important;
}
.mat-mdc-tab-link {
  letter-spacing: 0px !important;
}
.mat-mdc-menu-content > .sbb-menu-item,
.sbb-menu-content > .sbb-menu-item {
  font-family: var(--sbb-font-roman);
}
.mat-mdc-autocomplete-panel > .mat-mdc-option {
  line-height: 1rem;
}
.mat-mdc-autocomplete-panel > .mat-mdc-option > * {
  font-family: var(--sbb-font-roman);
  color: var(--sbb-color-black);
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--sbb-color-red125) !important;
}
.mat-mdc-tab-list {
  border-bottom: 1px solid var(--sbb-color-cloud);
  display: inline-block !important;
  position: relative !important;
}
.mat-mdc-tab-link.mdc-tab .mdc-tab__text-label {
  font-family: var(--sbb-font-light) !important;
  color: var(--sbb-color-black) !important;
}
.mat-mdc-tab-link.mdc-tab:hover .mdc-tab__text-label {
  color: var(--sbb-color-red125) !important;
}
.mat-mdc-tab-link.mdc-tab:hover .mdc-tab-indicator__content {
  border-color: var(--sbb-color-red125) !important;
}
.mat-mdc-tab-link.mdc-tab--active {
  background-color: var(--sbb-color-white) !important;
  border-bottom: 0px solid var(--sbb-color-black) !important;
}
.mat-mdc-tab-header.mat-mdc-tab-nav-bar-stretch-tabs .mat-mdc-tab-link {
  flex-grow: initial !important;
}
.mdc-tab-indicator__content {
  border-color: var(--sbb-color-black) !important;
  border-width: 1px !important;
}
.mdc-tab__ripple {
  display: none !important;
}
sbb-checkbox.sbb-checkbox.sbb-readonly {
  pointer-events: none;
}
sbb-checkbox.sbb-checkbox.sbb-readonly div.sbb-checkbox-container {
  background-color: transparent !important;
  border: 1px var(--sbb-color-graphite) solid !important;
}
sbb-checkbox.sbb-checkbox.sbb-readonly div.sbb-checkbox-label-content {
  color: var(--sbb-color-granite) !important;
}
sbb-checkbox.sbb-checkbox.sbb-readonly div.sbb-checkbox-label-content .sbb-icon {
  pointer-events: all;
}
sbb-radio-button.sbb-radio-button.sbb-readonly {
  pointer-events: none;
}
sbb-textarea.sbb-readonly div.sbb-textarea-remaining-chars {
  display: none;
}
sbb-textarea.sbb-readonly.sbb-focused.sbb-readonly {
  border: none;
}
sbb-select.sbb-select {
  display: block;
}
label > sbb-label.sbb-label {
  display: inline-block;
}
.sbb-tooltip-wrapper button.sbb-tooltip-trigger,
.tooltip-trigger-wrapper button.sbb-tooltip-trigger {
  margin-left: 0.2em;
}
.sbb-tooltip-wrapper button.sbb-tooltip-trigger > sbb-icon,
.tooltip-trigger-wrapper button.sbb-tooltip-trigger > sbb-icon {
  width: 1.25em;
  height: 1.25em;
}
@media screen and (max-width: 1279px) {
  .sbb-tooltip-icon {
    margin-left: 2px !important;
  }
}
.sbb-notification-toast {
  max-width: 100%;
}
.sbb-notification-toast-content {
  word-break: break-word;
}
.mat-mdc-card-header button.sbb-tooltip-trigger > sbb-icon,
.sbb-checkbox button.sbb-tooltip-trigger > sbb-icon {
  width: 1.1em;
  height: 1.1em;
}
.button-full-width {
  width: 100%;
}
sbb-loading {
  z-index: 1003 !important;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  z-index: 1002;
}
.cdk-overlay-container .cdk-overlay-connected-position-bounding-box,
.cdk-global-overlay-wrapper .cdk-overlay-connected-position-bounding-box {
  z-index: 1003;
}
.cdk-overlay-container .mat-mdc-menu-panel,
.cdk-global-overlay-wrapper .mat-mdc-menu-panel {
  min-height: 44px;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel {
  border: 1px solid var(--sbb-color-iron);
  border-top: none;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15), 0 -2px 0 -1px var(--sbb-color-cloud);
  max-height: 200px !important;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option {
  font-size: 0.9375rem;
  padding: 4px 8px;
  text-align: left;
  line-height: 1.3333333333rem;
  height: auto;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option:hover {
  color: var(--sbb-color-red125);
  background-color: var(--sbb-color-milk);
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mat-active::after,
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option:hover::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  left: 0;
  top: 0;
  background-color: var(--sbb-color-red125);
}
.cdk-overlay-pane.mat-mdc-autocomplete-panel-above .mat-mdc-autocomplete-panel {
  top: 0;
  position: relative;
  border-radius: 2px 2px 0 0;
  border: 1px solid var(--sbb-color-iron);
  border-bottom: none;
  box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.15), 0 2px 0 -1px var(--sbb-color-cloud);
}
input.mat-mdc-autocomplete-trigger[aria-expanded=true] {
  border-radius: 0;
}
.sidi-project-select-menu {
  min-height: 0px !important;
  border: 1px solid var(--sbb-color-iron);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--sbb-color-iron);
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.sidi-not-selectable-option {
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.87);
  cursor: initial;
  pointer-events: none;
}
.psp-create-button {
  cursor: pointer;
  float: right;
  background-color: var(--sbb-color-red);
  color: var(--sbb-color-white);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  padding-top: 0;
  position: relative;
}
.psp-create-button .sbb-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* angular:styles/global:styles */