.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;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.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 {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}


:root {
  --blue: #1e9ff2;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #d93b1c;
  --orange: #e99834;
  --yellow: #ffc107;
  --green: #28d094;
  --teal: #20c997;
  --cyan: #666ee8;
  --white: #fff;
  --gray: #6b6f82;
  --gray-dark: #464855;
  --gray-light: #efeeee;
  --primary: #666ee8;
  --secondary: #6b6f82;
  --success: #28d094;
  --info: #1e9ff2;
  --warning: #e99834;
  --danger: #d93b1c;
  --light: #babfc7;
  --dark: #464855;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-monospace: "Roboto", Georgia, "Times New Roman", Times, serif;

  --spacing-0: 0px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 28px;
  --spacing-8: 32px;

  --height-small: 28px;
  --height-medium: 32px;
  --height-large: 40px;
  --height-xlarge: 52px;

  --radius-default: 4px;

  --colors-white: hsl(0 0% 100%);
  --colors-gray: rgb(178 174 174);
  --colors-gray2: rgb(239 238 238);

  --colors-black: #424242;
  --colors-black1: #636363;
  --colors-black2: #a1a1a1;

  --colors-green: #2b7c27;
  --colors-green1: #3bac35;
  --colors-green2: #568553;

  --colors-red: #af1515;
  --colors-red1: #d31a1a;
  --colors-red2: #aa4343;

  --colors-yellow: #a56c11;
  --colors-yellow1: #c27f14;
  --colors-yellow2: #aa8448;

  --colors-bg-blue: #f1f6f8;

  --colors-slate1: hsl(206 30% 98.8%);
  --colors-slate2: hsl(210 16.7% 97.6%);
  --colors-slate3: hsl(209 13.3% 95.3%);
  --colors-slate4: hsl(209 12.2% 93.2%);
  --colors-slate5: hsl(208 11.7% 91.1%);
  --colors-slate6: hsl(208 11.3% 88.9%);
  --colors-slate7: hsl(207 11.1% 85.9%);
  --colors-slate8: hsl(205 10.7% 78%);
  --colors-slate9: hsl(206 6% 56.1%);
  --colors-slate10: hsl(206 5.8% 52.3%);
  --colors-slate11: hsl(206 6% 43.5%);
  --colors-slate12: hsl(206 24% 9%);

  --colors-indigo1: hsl(225 60% 99.4%);
  --colors-indigo2: hsl(223 100% 98.6%);
  --colors-indigo3: hsl(223 98.4% 97.1%);
  --colors-indigo4: hsl(223 92.9% 95%);
  --colors-indigo5: hsl(224 87.1% 92%);
  --colors-indigo6: hsl(224 81.9% 87.8%);
  --colors-indigo7: hsl(225 77.4% 82.1%);
  --colors-indigo8: hsl(226 75.4% 74.5%);
  --colors-indigo9: hsl(226 70% 55.5%);
  --colors-indigo10: hsl(226 58.6% 51.3%);
  --colors-indigo11: hsl(226 55% 45%);
  --colors-indigo12: hsl(226 62% 17%);

  --colors-blue1: #f5f9fa;
  --colors-blue2: #eef4f6;
  --colors-blue3: #e4eef1;
  --colors-blue4: #cfe1e6;
  --colors-blue5: #bbd4dc;
  --colors-blue6: #a6c7d1;
  --colors-blue7: #91bac7;
  --colors-blue8: #7dadbc;
  --colors-blue9: #001534;
  --colors-blue10: #273c5c;
  --colors-blue11: #152529;
  --colors-blue12: #0b1215;
  --colors-s-blue1: hsl(206 100% 99.2%);
  --colors-s-blue2: hsl(210 100% 98%);
  --colors-s-blue3: hsl(209 100% 96.5%);
  --colors-s-blue4: hsl(210 98.8% 94%);
  --colors-s-blue5: hsl(209 95% 90.1%);
  --colors-s-blue6: hsl(209 81.2% 84.5%);
  --colors-s-blue7: hsl(208 77.5% 76.9%);
  --colors-s-blue8: hsl(206 81.9% 65.3%);
  --colors-s-blue9: hsl(206 100% 50%);
  --colors-s-blue10: hsl(208 100% 47.3%);
  --colors-s-blue11: hsl(211 100% 43.2%);
  --colors-s-blue12: hsl(211 100% 15%);

  /* --colors-blue1: hsl(216 100% 99% / 1);
  --colors-blue2: hsl(216 104% 98% / 1);
  --colors-blue3: hsl(216 100% 97% / 1);
  --colors-blue4: hsl(216 92% 95% / 1);
  --colors-blue5: hsl(216 85% 92% / 1);
  --colors-blue6: hsl(216 81% 88% / 1);
  --colors-blue7: hsl(216 78% 82% / 1);
  --colors-blue8: hsl(216 75% 75% / 1);
  --colors-blue9: hsl(216 70% 55% / 1);
  --colors-blue10: hsl(216 59% 51% / 1);
  --colors-blue11: hsl(216 55% 45% / 1);
  --colors-blue12: hsl(216 60% 23% / 1); */

  --colors-grass1: hsl(116 50% 98.9%);
  --colors-grass2: hsl(120 60% 97.1%);
  --colors-grass3: hsl(120 53.6% 94.8%);
  --colors-grass4: hsl(121 47.5% 91.4%);
  --colors-grass5: hsl(122 42.6% 86.5%);
  --colors-grass6: hsl(124 39% 79.7%);
  --colors-grass7: hsl(126 37.1% 70.2%);
  --colors-grass8: hsl(131 38.1% 56.3%);
  --colors-grass9: hsl(131 41% 46.5%);
  --colors-grass10: hsl(132 43.1% 42.2%);
  --colors-grass11: hsl(133 50% 32.5%);
  --colors-grass12: hsl(130 30% 14.9%);

  --colors-orange1: #fefcfb;
  --colors-orange2: #fff8f4;
  --colors-orange3: #ffedd5;
  --colors-orange4: #ffe0bb;
  --colors-orange5: #ffd3a4;
  --colors-orange6: #ffc291;
  --colors-orange7: #ffaa7d;
  --colors-orange8: #ed8a5c;
  --colors-orange9: #f76808;
  --colors-orange10: #ed5f00;
  --colors-orange11: #99543a;
  --colors-orange12: #582d1d;

  --colors-yellow1: hsl(60 54% 98.5%);
  --colors-yellow2: hsl(52 100% 95.5%);
  --colors-yellow3: hsl(55 100% 90.9%);
  --colors-yellow4: hsl(54 100% 86.6%);
  --colors-yellow5: hsl(52 97.9% 82%);
  --colors-yellow6: hsl(50 89.4% 76.1%);
  --colors-yellow7: hsl(47 80.4% 68%);
  --colors-yellow8: hsl(48 100% 46.1%);
  --colors-yellow9: hsl(53 92% 50%);
  --colors-yellow10: hsl(50 100% 48.5%);
  --colors-yellow11: hsl(42 100% 29%);
  --colors-yellow12: hsl(40 55% 13.5%);

  --colors-red1: hsl(359 100% 99.4%);
  --colors-red2: hsl(359 100% 98.6%);
  --colors-red3: hsl(360 100% 96.8%);
  --colors-red4: hsl(360 97.9% 94.8%);
  --colors-red5: hsl(360 90.2% 91.9%);
  --colors-red6: hsl(360 81.7% 87.8%);
  --colors-red7: hsl(359 74.2% 81.7%);
  --colors-red8: hsl(359 69.5% 74.3%);
  --colors-red9: hsl(358 75% 59%);
  --colors-red10: hsl(358 69.4% 55.2%);
  --colors-red11: hsl(358 65% 48.7%);
  --colors-red12: hsl(354 50% 14.6%);

  --colors-accent-blue1: hsl(216 100% 99% / 1);
  --colors-accent-blue2: hsl(216 104% 98% / 1);
  --colors-accent-blue3: hsl(216 100% 97% / 1);
  --colors-accent-blue4: hsl(216 92% 95% / 1);
  --colors-accent-blue5: hsl(216 85% 92% / 1);
  --colors-accent-blue6: hsl(216 81% 88% / 1);
  --colors-accent-blue7: hsl(216 78% 82% / 1);
  --colors-accent-blue8: hsl(216 75% 75% / 1);
  --colors-accent-blue9: hsl(216 70% 55% / 1);
  --colors-accent-blue10: hsl(216 59% 51% / 1);
  --colors-accent-blue11: hsl(216 55% 45% / 1);
  --colors-accent-blue12: hsl(216 60% 23% / 1);

  --shadow-color: 0deg 0% 67%;

  --shadow-elevation-medium: 0px 0.6px 0.8px hsl(var(--shadow-color) / 0.13),
    0px 2.4px 3.2px -0.3px hsl(var(--shadow-color) / 0.22),
    0px 5.2px 7px -0.7px hsl(var(--shadow-color) / 0.32),
    0px 11.5px 15.4px -1px hsl(var(--shadow-color) / 0.41);

  --shadow-elements: 0px 1px 3px hsla(211, 100%, 15%, 0.1);
  --shadow-overlay: 0px 1px 4px hsla(211, 100%, 15%, 0.2);
}
.z2-dialog-container {
  z-index: 1050;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 4px 14px 1px #0000004d;

  max-height: 95vh;
  max-width: 95vw;
  overflow-y: auto;
  /* margin-top: -5vh; */
}

.z2-dialog-backdrop {
  background-color: hsl(0deg 0% 0% / 30%);
  transition: opacity 0.1s cubic-bezier(0.02, 0.29, 0.58, 1);
}
.cdk-dialog-container {
  outline: none;
}
.z2-btn {
  box-sizing: border-box;
  background: var(--colors-white);
  border: 1px solid var(--colors-slate8);
  padding: 0px var(--spacing-2);
  height: var(--height-medium);
  border-radius: var(--radius-default);
  font-size: 13px;
  font-weight: 500;
  color: var(--colors-slate12);

  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2);

  cursor: pointer;

  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  box-shadow: 0px 1px 3px hsla(211, 100%, 15%, 0.1);
}

.z2-btn:hover {
  background-color: var(--colors-slate3);
  border: 1px solid var(--colors-slate8);
  cursor: pointer;
  box-shadow: 0px 2px 3px hsla(211, 100%, 15%, 0.1);
}

.z2-btn:active {
  background-color: var(--colors-slate4);
}

.z2-btn:disabled {
  pointer-events: none;
  opacity: 0.7;
}

.z2-btn.z2-loading {
  pointer-events: none;
  opacity: 0.7;
}

/* Button Loading */

@keyframes z2-loading-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.z2-btn::before {
  content: "";
  min-width: 5px;
  min-height: 5px;
  height: 45%;
  aspect-ratio: 1 / 1;
  border: 2px solid transparent;
  border-top-color: var(--colors-blue11);
  border-radius: 50%;
  animation: z2-loading-spin 1s linear infinite;
  display: none;
}

.z2-btn.z2-loading::before {
  display: block;
}

/* Button Sizes */

.z2-btn.z2-small {
  height: var(--height-small);
  padding: 0px var(--spacing-2);
  font-size: 14px;
  font-weight: normal;
  box-shadow: 0px 2px 3px hsla(211, 100%, 15%, 0.05);
}

.z2-btn.z2-medium {
  height: var(--height-medium);
  padding: 0px var(--spacing-2);
  font-size: 14px;
  font-weight: normal;
  box-shadow: 0px 2px 3px hsla(211, 100%, 15%, 0.05);
}

.z2-btn.z2-large {
  height: var(--height-large);
  padding: 0px var(--spacing-3);
  font-size: 16px;
  box-shadow: 0px 2px 3px hsla(211, 100%, 15%, 0.05);
}

.z2-btn.z2-full-width {
  width: 100%;
  height: var(--height-medium);
  padding: 0px var(--spacing-2);
  font-size: 16px;
  font-weight: normal;
  box-shadow: 0px 2px 3px hsla(211, 100%, 15%, 0.05);
}

/* Primary Button */
.z2-btn.z2-primary {
  background: var(--colors-blue9);
  border: none;
  color: white;
}

.z2-btn.z2-primary:hover {
  background: var(--colors-blue10);
}

.z2-btn.z2-primary:active {
  background: var(--colors-blue9);
}

.z2-btn.z2-loading.z2-primary::before {
  border-top-color: white !important;
}

/* Blue Accent Button  */
.z2-btn.z2-blue {
  background: var(--colors-accent-blue2);
  border-color: var(--colors-accent-blue8);
  color: var(--colors-accent-blue12);
}

.z2-btn.z2-blue:hover {
  background: var(--colors-accent-blue4);
  border-color: var(--colors-accent-blue9);
}

.z2-btn.z2-blue:active {
  background: var(--colors-accent-blue5);
  border-color: var(--colors-accent-blue9);
}

.z2-btn.z2-blue.z2-loading::before {
  border-top-color: var(--colors-accent-blue12) !important;
}

/* Solid Blue Accent Button  */
.z2-btn.z2-blue.z2-solid {
  background: var(--colors-accent-blue9);
  color: white;
  text-shadow: 0px 0px 1px hsla(0, 0%, 0%, 0.3);
  border: none;
}

.z2-btn.z2-blue.z2-solid:hover {
  background: var(--colors-accent-blue10);
  color: var(--colors-accent-blue1);
  border: none;
}

.z2-btn.z2-blue.z2-solid:active {
  background: var(--colors-accent-blue11);
}

.z2-btn.z2-blue.z2-solid.z2-loading::before {
  border-top-color: white !important;
}

/* Green Accent Button  */
.z2-btn.z2-green {
  background: var(--colors-grass2);
  border-color: var(--colors-grass8);
  color: var(--colors-grass12);
}

.z2-btn.z2-green:hover {
  background: var(--colors-grass4);
  border-color: var(--colors-grass9);
}

.z2-btn.z2-green:active {
  background: var(--colors-grass5);
  border-color: var(--colors-grass9);
}

.z2-btn.z2-green.z2-loading::before {
  border-top-color: var(--colors-grass12) !important;
}

/* Green Blue Accent Button  */
.z2-btn.z2-green.z2-solid {
  background: var(--colors-grass9);
  color: var(--colors-grass1);
  border: none;
}

.z2-btn.z2-green.z2-solid:hover {
  background: var(--colors-grass10);
  color: white;
  text-shadow: 0px 0px 1px hsla(0, 0%, 0%, 0.3);
  border: none;
}

.z2-btn.z2-green.z2-solid:active {
  background: var(--colors-grass11);
}

.z2-btn.z2-green.z2-solid.z2-loading::before {
  border-top-color: var(--colors-grass12) !important;
}

/* Red Accent Button  */
.z2-btn.z2-red {
  background: var(--colors-red2);
  border-color: var(--colors-red8);
  color: var(--colors-red12);
}

.z2-btn.z2-red:hover {
  background: var(--colors-red4);
  border-color: var(--colors-red9);
}

.z2-btn.z2-red:active {
  background: var(--colors-red5);
  border-color: var(--colors-red9);
}

.z2-btn.z2-red.z2-loading::before {
  border-top-color: var(--colors-red12) !important;
}

/* Red Blue Accent Button  */
.z2-btn.z2-red.z2-solid {
  background: var(--colors-red9);
  color: white;
  text-shadow: 0px 0px 1px hsla(0, 0%, 0%, 0.3);
  border: none;
}

.z2-btn.z2-red.z2-solid:hover {
  background: var(--colors-red10);
  color: var(--colors-red1);
  border: none;
}

.z2-btn.z2-red.z2-solid:active {
  background: var(--colors-red11);
}

.z2-btn.z2-red.z2-solid.z2-loading::before {
  border-top-color: white !important;
}

/* Red Gray Accent Button  */
.z2-btn.z2-gray.z2-solid {
  background: var(--colors-slate9);
  color: white;
  text-shadow: 0px 0px 1px hsla(0, 0%, 0%, 0.3);
  border: none;
}

.z2-btn.z2-gray.z2-solid:hover {
  background: var(--colors-slate10);
  color: var(--colors-slate1);
  border: none;
}

.z2-btn.z2-gray.z2-solid:active {
  background: var(--colors-slate11);
}

.z2-btn.z2-gray.z2-solid.z2-loading::before {
  border-top-color: white !important;
}

/* Button Links */

.z2-btn-link {
  color: #00427e;
  text-decoration: underline;
  cursor: pointer;
  font-size: 15px;
}

.z2-btn-link:hover {
  color: #0660b3;
}

/* End Buttons */

/* Inputs */

.z2-input {
  box-sizing: border-box;
  outline: none;
  height: var(--height-medium);
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  line-height: 1;
  background-color: white;
  padding: 0 var(--spacing-2);
}

.z2-input::placeholder {
  color: var(--colors-slate10);
  font-weight: 400;
}

.z2-input-small {
  height: var(--height-small);
  font-size: 14px;
  padding: 0 var(--spacing-2);
}

.z2-input-medium {
  height: var(--height-medium);
  font-size: 14px;
  padding: 0 var(--spacing-2);
}

.z2-input-large {
  height: var(--height-large);
  font-size: 17px;
  padding: 0 var(--spacing-3);
}

.z2-input-bordered {
  border: 1px solid var(--colors-slate8);
  box-shadow: 0px 1px 3px hsla(211, 100%, 15%, 0.1);
  border-radius: var(--radius-default);
}

.z2-input-bordered:hover {
  border: 1px solid var(--colors-slate9);
}

.z2-input-bordered:focus {
  border: 1px solid var(--colors-accent-blue8);
  outline: 1px solid var(--colors-accent-blue8);
}

.z2-input-borderless {
  border: none !important;
  outline: none !important;
  box-shadow: none;
  height: auto;
  padding: 0 !important;
  width: 100%;
  font-size: inherit !important;
}

/* Textarea */

.z2-textarea {
  box-sizing: border-box;
  border: 1px solid var(--colors-slate8);
  box-shadow: 0px 1px 3px hsla(211, 100%, 15%, 0.1);
  outline: none;
  border-radius: var(--radius-default);
  padding: var(--spacing-2);
  font-size: 15px;
  background-color: white;
  width: 100%;
  resize: vertical;
  min-height: 60px;
}

.z2-textarea:hover {
  border: 1px solid var(--colors-slate9);
}

.z2-textarea:focus {
  box-sizing: border-box;
  border: 1px solid var(--colors-accent-blue8);
  outline: 1px solid var(--colors-accent-blue8);
}

.z2-textarea:read-only,
.z2-textarea:read-only:focus,
.z2-textarea:read-only:hover {
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  outline: none !important;
}

.z2-textarea-view-only {
  box-sizing: border-box;
  border: 1px solid var(--colors-slate8);
  box-shadow: 0px 1px 3px hsla(211, 100%, 15%, 0.1);
  outline: none;
  border-radius: var(--radius-default);
  padding: var(--spacing-2);
  font-size: 15px;
  background-color: white;
  width: 100%;
  resize: vertical;
  min-height: 60px;
}

/* Table */

.z2-table {
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  background-color: white;
  border: 1px solid var(--colors-slate7);
}

.z2-table *,
.z2-table *::before,
.z2-table *::after {
  box-sizing: border-box;
}

.z2-table th {
  padding: var(--spacing-2) var(--spacing-3);
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  background-color: var(--colors-slate3);
  color: var(--colors-slate12);
  /* background-color: #e6eff6; */
}

.z2-table tr {
  background-color: white;
}

.z2-table td {
  padding: var(--spacing-3) var(--spacing-3);
  text-align: left;
  font-size: 15px;
  font-weight: 400;
}

.z2-table th:first-child,
.z2-table td:first-child {
  padding-left: var(--spacing-5) !important;
}

.z2-table th:last-child,
.z2-table td:last-child {
  padding-right: var(--spacing-5) !important;
}

.z2-table.z2-table-medium td,
.z2-table.z2-table-medium th {
  padding: var(--spacing-2) var(--spacing-3);
}

.z2-table-full-border,
.z2-table-full-border th,
.z2-table-full-border td {
  border: 1px solid var(--colors-slate7);
}

.z2-table-h-border {
  border: 1px solid var(--colors-slate7);
}

.z2-table-bleed-border {
  border-left: none !important;
  border-right: none !important;
}
.z2-table-bleed-border-bottom,
.z2-table-bleed-border-bottom tr:last-child td,
.z2-table-bleed-border-bottom tr:last-child th {
  border-bottom: none !important;
}

.z2-table-bleed-border th:first-child,
.z2-table-bleed-border td:first-child {
  border-left: none;
}

.z2-table-bleed-border th:last-child,
.z2-table-bleed-border td:last-child {
  border-right: none;
}

.z2-table-h-border th,
.z2-table-h-border td {
  border-top: 1px solid var(--colors-slate7);
  border-bottom: 1px solid var(--colors-slate7);
}

.z2-table-hover-highlight tr:hover {
  background-color: var(--colors-accent-blue3);
}

/* Table - Feature Value */

.z2-table-feature-value tr td:first-child {
  background-color: var(--colors-slate3);
  color: var(--colors-slate12);
  font-weight: 500;
}

/* Select */

.z2-select {
  box-sizing: border-box;
  border: 1px solid var(--colors-slate8);
  box-shadow: 0px 1px 3px hsla(211, 100%, 15%, 0.1);
  outline: none;
  border-radius: 4px;
  padding: 0 var(--spacing-2);
  font-size: 15px;
  background-color: white;
  width: 100%;
  resize: vertical;
  height: var(--height-medium);
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.z2-select:hover {
  border: 1px solid var(--colors-slate9);
  /* outline: 1px solid var(--colors-accent-blue8); */
}

.z2-select:focus {
  box-sizing: border-box;
  border: 1px solid var(--colors-accent-blue8);
  outline: 1px solid var(--colors-accent-blue8);
}