@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700;900&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

div[data-theme="light"],
 :root {
  --base-unit: 16px;
  --border-base: 1px;
  --border-thick: 2px;
  --border-thicker: 4px;
  --border-thickest: 8px;
  --color-base-grey--100: hsl(0, 0%, 97%);
  --color-base-grey--200: hsl(0, 0%, 93%);
  --color-base-grey--300: hsl(0, 0%, 87%);
  --color-base-grey--400: hsl(0, 0%, 72%);
  --color-base-grey--500: hsl(0, 0%, 58%);
  --color-base-grey--600: hsl(0, 0%, 47%);
  --color-base-grey--700: hsl(0, 0%, 35%);
  --color-base-grey--800: hsl(0, 0%, 24%);
  --color-base-grey--900: hsl(0, 0%, 15%);
  --color-base-grey--1000: hsl(0, 0%, 11%);
  --color-base-taupe--100: hsl(45, 20%, 97%);
  --color-base-taupe--200: hsl(53, 21%, 93%);
  --color-base-taupe--300: hsl(51, 17%, 85%);
  --color-base-taupe--400: hsl(49, 7%, 70%);
  --color-base-taupe--500: hsl(47, 4%, 57%);
  --color-base-taupe--600: hsl(43, 3%, 46%);
  --color-base-taupe--700: hsl(48, 3%, 34%);
  --color-base-taupe--800: hsl(40, 3%, 23%);
  --color-base-taupe--900: hsl(30, 3%, 15%);
  --color-base-taupe--1000: hsl(30, 4%, 11%);
  --color-base-red--100: hsl(10, 60%, 98%);
  --color-base-red--200: hsl(7, 63%, 95%);
  --color-base-red--300: hsl(5, 65%, 90%);
  --color-base-red--400: hsl(6, 64%, 76%);
  --color-base-red--500: hsl(6, 64%, 65%);
  --color-base-red--600: hsl(6, 64%, 51%);
  --color-base-red--700: hsl(6, 100%, 35%);
  --color-base-red--800: hsl(6, 100%, 24%);
  --color-base-red--900: hsl(6, 100%, 16%);
  --color-base-red--1000: hsl(6, 100%, 12%);
  --color-base-green--100: hsl(108, 29%, 97%);
  --color-base-green--200: hsl(109, 28%, 92%);
  --color-base-green--300: hsl(106, 28%, 85%);
  --color-base-green--400: hsl(107, 29%, 65%);
  --color-base-green--500: hsl(107, 30%, 49%);
  --color-base-green--600: hsl(107, 58%, 33%);
  --color-base-green--700: hsl(107, 65%, 24%);
  --color-base-green--800: hsl(107, 64%, 16%);
  --color-base-green--900: hsl(108, 63%, 11%);
  --color-base-green--1000: hsl(108, 64%, 8%);
  --color-base-blue--100: hsl(210, 17%, 98%);
  --color-base-blue--200: hsl(195, 12%, 94%);
  --color-base-blue--300: hsl(200, 13%, 87%);
  --color-base-blue--400: hsl(196, 12%, 70%);
  --color-base-blue--500: hsl(198, 12%, 57%);
  --color-base-blue--600: hsl(197, 15%, 43%);
  --color-base-blue--700: hsl(198, 25%, 33%);
  --color-base-blue--800: hsl(198, 35%, 21%);
  --color-base-blue--900: hsl(197, 90%, 12%);
  --color-base-blue--1000: hsl(198, 96%, 9%);
  --color-base-yellow--100: hsl(49, 67%, 95%);
  --color-base-yellow--200: hsl(52, 64%, 89%);
  --color-base-yellow--300: hsl(51, 64%, 77%);
  --color-base-yellow--400: hsl(51, 64%, 49%);
  --color-base-yellow--500: hsl(51, 64%, 40%);
  --color-base-yellow--600: hsl(51, 64%, 32%);
  --color-base-yellow--700: hsl(51, 64%, 24%);
  --color-base-yellow--800: hsl(51, 64%, 16%);
  --color-base-yellow--900: hsl(51, 63%, 11%);
  --color-base-yellow--1000: hsl(50, 64%, 8%);
  --color-base-lime--100: hsl(80, 53%, 97%);
  --color-base-lime--200: hsl(79, 49%, 90%);
  --color-base-lime--300: hsl(79, 51%, 78%);
  --color-base-lime--400: hsl(79, 51%, 51%);
  --color-base-lime--500: hsl(79, 85%, 34%);
  --color-base-lime--600: hsl(79, 86%, 27%);
  --color-base-lime--700: hsl(79, 85%, 21%);
  --color-base-lime--800: hsl(79, 86%, 14%);
  --color-base-lime--900: hsl(78, 87%, 9%);
  --color-base-lime--1000: hsl(79, 82%, 7%);
  --color-base-lightBlue--100: hsl(205, 86%, 97%);
  --color-base-lightBlue--200: hsl(207, 87%, 94%);
  --color-base-lightBlue--300: hsl(206, 91%, 87%);
  --color-base-lightBlue--400: hsl(207, 89%, 71%);
  --color-base-lightBlue--500: hsl(207, 79%, 57%);
  --color-base-lightBlue--600: hsl(207, 61%, 45%);
  --color-base-lightBlue--700: hsl(207, 61%, 34%);
  --color-base-lightBlue--800: hsl(206, 61%, 23%);
  --color-base-lightBlue--900: hsl(207, 61%, 15%);
  --color-base-lightBlue--1000: hsl(207, 60%, 11%);
  --color-base-pink--100: hsl(345, 40%, 98%);
  --color-base-pink--200: hsl(347, 33%, 95%);
  --color-base-pink--300: hsl(348, 36%, 89%);
  --color-base-pink--400: hsl(349, 34%, 75%);
  --color-base-pink--500: hsl(349, 34%, 64%);
  --color-base-pink--600: hsl(348, 34%, 53%);
  --color-base-pink--700: hsl(348, 40%, 41%);
  --color-base-pink--800: hsl(348, 40%, 27%);
  --color-base-pink--900: hsl(347, 41%, 18%);
  --color-base-pink--1000: hsl(349, 40%, 13%);
  --color-base-orange--100: hsl(31, 71%, 97%);
  --color-base-orange--200: hsl(31, 74%, 93%);
  --color-base-orange--300: hsl(31, 72%, 85%);
  --color-base-orange--400: hsl(31, 83%, 64%);
  --color-base-orange--500: hsl(31, 80%, 48%);
  --color-base-orange--600: hsl(31, 90%, 37%);
  --color-base-orange--700: hsl(31, 100%, 27%);
  --color-base-orange--800: hsl(31, 100%, 18%);
  --color-base-orange--900: hsl(31, 90%, 12%);
  --color-base-orange--1000: hsl(31, 79%, 9%);
  --color-base-teal--100: hsl(190, 63%, 97%);
  --color-base-teal--200: hsl(190, 63%, 92%);
  --color-base-teal--300: hsl(190, 63%, 81%);
  --color-base-teal--400: hsl(190, 63%, 60%);
  --color-base-teal--500: hsl(190, 80%, 42%);
  --color-base-teal--600: hsl(190, 80%, 33%);
  --color-base-teal--700: hsl(190, 78%, 25%);
  --color-base-teal--800: hsl(190, 75%, 17%);
  --color-base-teal--900: hsl(190, 85%, 10%);
  --color-base-teal--1000: hsl(190, 50%, 9%);
  --color-base-purple--100: hsl(253, 50%, 97%);
  --color-base-purple--200: hsl(253, 50%, 94%);
  --color-base-purple--300: hsl(253, 50%, 90%);
  --color-base-purple--400: hsl(253, 50%, 79%);
  --color-base-purple--500: hsl(253, 52%, 69%);
  --color-base-purple--600: hsl(253, 50%, 59%);
  --color-base-purple--700: hsl(253, 50%, 50%);
  --color-base-purple--800: hsl(253, 50%, 34%);
  --color-base-purple--900: hsl(253, 50%, 23%);
  --color-base-purple--1000: hsl(253, 50%, 16%);
  --color-indigo: rgb(85, 106, 203);
  --color-indigo--light: rgb(136, 151, 219);
  --color-indigo--lighter: rgb(187, 195, 234);
  --color-indigo--lightest: rgb(230, 233, 247);
  --color-indigo--dark: rgb(55, 69, 132);
  --color-white--rgb: 255, 255, 255;
  --color-black--rgb: 0, 0, 0;
  --color-brand--highlight: hsl(86, 100%, 46%);
  --color-greyBlue--rgb: 101, 120, 132;
  --color-purple--light: var(--color-base-purple--400);
  --color-purple--lighter: var(--color-base-purple--300);
  --color-purple--lightest: var(--color-base-purple--100);
  --color-teal: var(--color-base-teal--500);
  --color-teal--light: var(--color-base-teal--400);
  --color-teal--lighter: var(--color-base-teal--300);
  --color-teal--lightest: var(--color-base-teal--200);
  --color-teal--dark: var(--color-base-teal--700);
  --color-blue: var(--color-base-blue--900);
  --color-blue--light: var(--color-base-blue--700);
  --color-blue--lighter: var(--color-base-blue--500);
  --color-blue--lightest: var(--color-base-blue--300);
  --color-blue--dark: var(--color-base-blue--1000);
  --color-taupe: var(--color-base-taupe--200);
  --color-taupe--light: var(--color-base-taupe--100);
  --color-taupe--dark: var(--color-base-taupe--300);
  --color-green: var(--color-base-green--600);
  --color-green--light: var(--color-base-green--500);
  --color-green--lighter: var(--color-base-green--400);
  --color-green--lightest: var(--color-base-green--200);
  --color-green--dark: var(--color-base-green--800);
  --color-lime: var(--color-base-lime--500);
  --color-lime--light: var(--color-base-lime--400);
  --color-lime--lighter: var(--color-base-lime--300);
  --color-lime--lightest: var(--color-base-lime--200);
  --color-lime--dark: var(--color-base-lime--700);
  --color-yellowGreen: var(--color-base-lime--500);
  --color-yellowGreen--light: var(--color-base-lime--400);
  --color-yellowGreen--lighter: var(--color-base-lime--300);
  --color-yellowGreen--lightest: var(--color-base-lime--200);
  --color-yellowGreen--dark: var(--color-base-lime--600);
  --color-yellow: var(--color-base-yellow--400);
  --color-yellow--light: var(--color-base-yellow--300);
  --color-yellow--lighter: var(--color-base-yellow--200);
  --color-yellow--lightest: var(--color-base-yellow--100);
  --color-yellow--dark: var(--color-base-yellow--600);
  --color-red: var(--color-base-red--600);
  --color-red--light: var(--color-base-red--400);
  --color-red--lighter: var(--color-base-red--300);
  --color-red--lightest: var(--color-base-red--200);
  --color-red--dark: var(--color-base-red--800);
  --color-grey: var(--color-base-grey--400);
  --color-grey--light: var(--color-base-grey--300);
  --color-grey--lighter: var(--color-base-grey--200);
  --color-grey--lightest: var(--color-base-grey--100);
  --color-grey--dark: var(--color-base-grey--600);
  --color-overlay: rgba(var(--color-black--rgb), 0.32);
  --color-overlay--dimmed: rgba(var(--color-white--rgb), 0.6);
  --color-white: rgba(var(--color-white--rgb), 1);
  --color-black: rgba(var(--color-black--rgb), 1);
  --color-greyBlue: var(--color-base-blue--600);
  --color-greyBlue--light: var(--color-base-blue--500);
  --color-greyBlue--lighter: var(--color-base-blue--400);
  --color-greyBlue--lightest: var(--color-base-blue--200);
  --color-greyBlue--dark: var(--color-base-blue--800);
  --color-lightBlue: var(--color-base-lightBlue--500);
  --color-lightBlue--light: var(--color-base-lightBlue--400);
  --color-lightBlue--lighter: var(--color-base-lightBlue--300);
  --color-lightBlue--lightest: var(--color-base-lightBlue--200);
  --color-lightBlue--dark: var(--color-base-lightBlue--600);
  --color-purple: var(--color-base-pink--800);
  --color-purple--dark: var(--color-base-pink--900);
  --color-pink: var(--color-base-pink--600);
  --color-pink--light: var(--color-base-pink--500);
  --color-pink--lighter: var(--color-base-pink--400);
  --color-pink--lightest: var(--color-base-pink--200);
  --color-pink--dark: var(--color-base-pink--800);
  --color-orange: var(--color-base-orange--500);
  --color-orange--light: var(--color-base-orange--400);
  --color-orange--lighter: var(--color-base-orange--300);
  --color-orange--lightest: var(--color-base-orange--200);
  --color-orange--dark: var(--color-base-orange--600);
  --color-brown: var(--color-base-orange--700);
  --color-brown--light: var(--color-base-orange--600);
  --color-brown--lighter: var(--color-base-taupe--300);
  --color-brown--lightest: var(--color-base-taupe--200);
  --color-brown--dark: var(--color-base-orange--800);
  --color-navy: var(--color-base-lightBlue--700);
  --color-navy--light: var(--color-base-lightBlue--600);
  --color-navy--lighter: var(--color-base-blue--300);
  --color-navy--lightest: var(--color-base-blue--200);
  --color-navy--dark: var(--color-base-lightBlue--800);
  --color-base-white: var(--color-white);
  --color-base-black: var(--color-black);
  --color-interactive: var(--color-base-green--600);
  --color-interactive--hover: var(--color-base-green--700);
  --color-interactive--subtle: var(--color-base-blue--800);
  --color-interactive--subtle--hover: var(--color-base-blue--900);
  --color-interactive--background: var(--color-base-taupe--300);
  --color-interactive--background--hover: var(--color-base-taupe--400);
  --color-destructive: var(--color-base-red--600);
  --color-destructive--hover: var(--color-base-red--700);
  --color-disabled: var(--color-base-grey--400);
  --color-disabled--secondary: var(--color-base-grey--200);
  --color-focus: var(--color-base-blue--500);
  --color-critical: var(--color-base-red--600);
  --color-critical--surface: var(--color-base-red--200);
  --color-critical--onSurface: var(--color-base-red--800);
  --color-warning: var(--color-base-yellow--400);
  --color-warning--surface: var(--color-base-yellow--200);
  --color-warning--onSurface: var(--color-base-yellow--700);
  --color-success: var(--color-base-green--600);
  --color-success--surface: var(--color-base-green--200);
  --color-success--onSurface: var(--color-base-green--800);
  --color-informative: var(--color-base-lightBlue--500);
  --color-informative--surface: var(--color-base-lightBlue--200);
  --color-informative--onSurface: var(--color-base-lightBlue--700);
  --color-inactive: var(--color-base-blue--700);
  --color-inactive--surface: var(--color-base-blue--200);
  --color-inactive--onSurface: var(--color-base-blue--900);
  --color-heading: var(--color-base-blue--900);
  --color-text: var(--color-base-blue--800);
  --color-text--secondary: var(--color-base-blue--600);
  --color-text--reverse: var(--color-white);
  --color-text--reverse--secondary: var(--color-base-blue--300);
  --color-icon: var(--color-base-blue--800);
  --color-surface: var(--color-white);
  --color-surface--hover: var(--color-base-taupe--200);
  --color-surface--reverse: var(--color-base-blue--900);
  --color-surface--active: var(--color-base-taupe--300);
  --color-surface--background: var(--color-base-taupe--200);
  --color-surface--background--hover: var(--color-base-taupe--300);
  --color-surface--background--subtle: var(--color-base-taupe--100);
  --color-surface--background--subtle--hover: var(--color-base-taupe--300);
  --color-border: var(--color-base-blue--300);
  --color-border--interactive: var(--color-base-blue--300);
  --color-border--section: var(--color-base-blue--900);
  --color-brand: var(--color-base-lime--500);
  --color-request: var(--color-base-orange--600);
  --color-request--surface: var(--color-base-orange--200);
  --color-request--onSurface: var(--color-base-orange--800);
  --color-quote: var(--color-base-pink--700);
  --color-quote--surface: var(--color-base-pink--200);
  --color-quote--onSurface: var(--color-base-pink--800);
  --color-job: var(--color-base-green--600);
  --color-job--surface: var(--color-base-green--200);
  --color-job--onSurface: var(--color-base-green--700);
  --color-task: var(--color-base-lightBlue--800);
  --color-task--surface: var(--color-base-blue--200);
  --color-task--onSurface: var(--color-base-blue--800);
  --color-invoice: var(--color-base-lightBlue--700);
  --color-invoice--surface: var(--color-base-lightBlue--200);
  --color-invoice--onSurface: var(--color-base-lightBlue--800);
  --color-visit: var(--color-job);
  --color-visit--surface: var(--color-job--surface);
  --color-visit--onSurface: var(--color-job--onSurface);
  --color-event: var(--color-base-yellow--400);
  --color-event--surface: var(--color-base-yellow--200);
  --color-event--onSurface: var(--color-base-yellow--700);
  --color-payments: var(--color-invoice);
  --color-payments--surface: var(--color-invoice--surface);
  --color-payments--onSurface: var(--color-invoice--onSurface);
  --color-client: var(--color-base-taupe--700);
  --color-client--surface: var(--color-base-taupe--200);
  --color-client--onSurface: var(--color-base-taupe--800);
  --radius-base: 8px;
  --radius-small: 4px;
  --radius-large: 16px;
  --radius-larger: 24px;
  --radius-circle: 100%;
  --space-minuscule: 1px;
  --space-smallest: 2px;
  --space-smaller: 4px;
  --space-small: 8px;
  --space-slim: 12px;
  --space-base: 16px;
  --space-large: 24px;
  --space-larger: 32px;
  --space-largest: 48px;
  --space-extravagant: 64px;
  --shadow-low: 0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.25), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.1);
  --shadow-base: 0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.05);
  --shadow-high: 0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.05);
  --shadow-focus: 0px 0px 0px var(--space-smallest) var(--color-surface), 0px 0px 0px var(--space-smaller) var(--color-focus);
  --timing-quick: 100ms;
  --timing-base: 200ms;
  --timing-slow: 300ms;
  --timing-slower: 400ms;
  --timing-slowest: 500ms;
  --timing-loading: 1000ms;
  --timing-loading--extended: 2000ms;
  --opacity-overlay: 0.8;
  --opacity-pressed: 0.6;
  --elevation-default: 0;
  --elevation-base: 1;
  --elevation-menu: 6;
  --elevation-datepicker: 6;
  --elevation-modal: 1001;
  --elevation-tooltip: 1002;
  --elevation-toast: 1003;
  --typography--letterSpacing-base: 0;
  --typography--letterSpacing-loose: 0.4;
  --typography--fontFamily-normal: Inter, Helvetica, Arial, sans-serif;
  --typography--fontFamily-display: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
  --typography--lineHeight-large: 1.34;
  --typography--lineHeight-larger: 1.5;
  --typography--lineHeight-largest: 1.75;
  --typography--lineHeight-jumbo: 2;
  --typography--lineHeight-extravagant: 4;
  --typography--lineHeight-base: 1.25;
  --typography--lineHeight-tight: 1.2;
  --typography--lineHeight-tighter: 1.143;
  --typography--lineHeight-tightest: 1.12;
  --typography--lineHeight-minuscule: 1.08;
  --typography--fontSize-extravagant: 48px;
  --typography--fontSize-jumbo: 36px;
  --typography--fontSize-largest: 24px;
  --typography--fontSize-larger: 20px;
  --typography--fontSize-large: 16px;
  --typography--fontSize-base: 14px;
  --typography--fontSize-small: 12px;
  --typography--fontSize-smaller: 10px;
}

/* Disable linter since we need to style body directly. */

/* stylelint-disable-next-line selector-max-type */

body {
  color: var(--color-text);
  font-family: var(--typography--fontFamily-normal);
  font-size: var(--typography--fontSize-base);
  line-height: var(--typography--lineHeight-larger, 1.5);
  background-color: var(--color-surface);
}

@keyframes spinning {
  from {
    transform: rotate(0deg);
  }

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

@custom-media --small-screens-and-below (max-width: 489px);

@custom-media --small-screens-and-up (min-width: 490px);

@custom-media --medium-screens-and-up (min-width: 768px);

@custom-media --large-screens-and-up (min-width: 1080px);

@custom-media --extra-large-screens-and-up (min-width: 1440px);

@media (max-width: 639px) {
  :root {
    --typography--fontSize-extravagant: calc(
      var(--typography--fontSize-large) * 2.5
    );
    /* 40 */
    --typography--fontSize-jumbo: calc(
      var(--typography--fontSize-large) * 1.75
    );
    /* 28 */
    --typography--fontSize-largest: calc(
      var(--typography--fontSize-large) * 1.375
    );
    /* 22 */
  }
}
:root[data-theme="dark"],
 div[data-theme="dark"] {
@media screen {
  --base-unit: 16px;
  --color-base-blue--700: hsl(197, 15%, 35%);
  --color-base-blue--800: hsl(197, 18%, 25%);
  --color-base-blue--900: hsl(197, 15%, 16%);
  --color-base-blue--1000: hsl(197, 10%, 10%);
  --color-interactive: hsl(86, 60%, 50%);
  --color-interactive--hover: hsl(86, 60%, 60%);
  --color-interactive--subtle: var(--color-base-blue--200);
  --color-interactive--subtle--hover: var(--color-base-blue--100);
  --color-interactive--background: var(--color-base-blue--700);
  --color-interactive--background--hover: var(--color-base-blue--600);
  --color-destructive: var(--color-base-red--500);
  --color-destructive--hover: var(--color-base-red--400);
  --color-disabled: var(--color-base-grey--500);
  --color-disabled--secondary: var(--color-base-grey--700);
  --color-critical: var(--color-base-red--500);
  --color-critical--surface: var(--color-base-red--900);
  --color-critical--onSurface: var(--color-base-red--300);
  --color-warning: var(--color-base-yellow--400);
  --color-warning--surface: var(--color-base-yellow--700);
  --color-warning--onSurface: var(--color-base-yellow--200);
  --color-success: var(--color-base-green--500);
  --color-success--surface: var(--color-base-green--800);
  --color-success--onSurface: var(--color-base-green--300);
  --color-informative: var(--color-base-lightBlue--600);
  --color-informative--surface: var(--color-base-lightBlue--800);
  --color-informative--onSurface: var(--color-base-lightBlue--300);
  --color-inactive: var(--color-base-blue--500);
  --color-inactive--surface: var(--color-base-blue--700);
  --color-inactive--onSurface: var(--color-base-blue--200);
  --color-heading: var(--color-base-blue--100);
  --color-text: var(--color-base-blue--200);
  --color-text--secondary: var(--color-base-blue--400);
  --color-text--reverse: var(--color-base-blue--700);
  --color-text--reverse--secondary: var(--color-base-blue--900);
  --color-icon: var(--color-base-blue--200);
  --color-surface: var(--color-base-blue--900);
  --color-surface--hover: var(--color-base-blue--800);
  --color-surface--active: var(--color-base-blue--700);
  --color-surface--background: var(--color-base-blue--1000);
  --color-surface--background--hover: var(--color-base-blue--800);
  --color-surface--background--subtle: var(--color-base-blue--800);
  --color-surface--reverse: var(--color-base-taupe--200);
  --color-border: var(--color-base-blue--700);
  --color-border--interactive: var(--color-base-blue--500);
  --color-border--section: var(--color-base-blue--400);
  --color-overlay: rgba(var(--color-black--rgb), 0.6);
  --color-overlay--dimmed: rgba(var(--color-black--rgb), 0.4);
  --color-request: var(--color-base-orange--500);
  --color-quote: var(--color-base-pink--500);
  --color-job: var(--color-base-green--500);
  --color-visit: var(--color-job);
  --color-task: var(--color-base-blue--500);
  --color-event: var(--color-base-yellow--400);
  --color-invoice: var(--color-base-lightBlue--500);
  --color-payments: var(--color-invoice);
  --color-request--surface: var(--color-base-orange--800);
  --color-request--onSurface: var(--color-base-orange--300);
  --color-quote--surface: var(--color-base-pink--800);
  --color-quote--onSurface: var(--color-base-pink--300);
  --color-job--surface: var(--color-base-green--800);
  --color-job--onSurface: var(--color-base-green--200);
  --color-visit--surface: var(--color-job--surface);
  --color-visit--onSurface: var(--color-job--onSurface);
  --color-task--surface: var(--color-base-blue--700);
  --color-task--onSurface: var(--color-base-blue--300);
  --color-event--surface: var(--color-base-yellow--700);
  --color-event--onSurface: var(--color-base-yellow--200);
  --color-invoice--surface: var(--color-base-lightBlue--800);
  --color-invoice--onSurface: var(--color-base-lightBlue--300);
  --color-payments--surface: var(--color-invoice--surface);
  --color-payments--onSurface: var(--color-invoice--onSurface);
  --color-client: var(--color-base-blue--200);
  --color-client--surface: var(--color-base-blue--800);
  --color-client--onSurface: var(--color-base-blue--300);
  --shadow-low: 0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.15), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.25);
  --shadow-base: 0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.2);
  --shadow-high: 0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.175);
  --field--placeholder-color: var(--color-base-blue--400);
  --field--border-color: var(--color-base-blue--500);
&:not(:has(div[data-theme]:not([data-theme="dark"]))) [data-elevation="elevated"] {
  --base-unit: 16px;
  --color-destructive: var(--color-base-red--400);
  --color-destructive--hover: var(--color-base-red--300);
  --color-surface: var(--color-base-blue--800);
  --color-surface--hover: var(--color-base-blue--700);
  --color-surface--active: var(--color-base-blue--600);
  --color-surface--background: var(--color-base-blue--900);
  --color-surface--background--hover: var(--color-base-blue--800);
  --color-surface--background--subtle: var(--color-base-blue--700);
  --color-border: var(--color-base-blue--700);
  --color-border--section: var(--color-base-blue--300);
  --color-text: var(--color-base-blue--100);
  --color-text--secondary: var(--color-base-blue--300);
}
}
}
@supports (scrollbar-color: #000 #000) {
  html[data-theme="dark"] {
    scrollbar-color: var(--color-surface--background--subtle)
      var(--color-surface--background);
  }
}

/* Safari doesn't support scrollbar-color yet, so we're using the non-standard selector for now. */
@supports not (scrollbar-color: #000 #000) {
  [data-theme="dark"]:root html ::-webkit-scrollbar,
  [data-theme="dark"]:root body ::-webkit-scrollbar {
    background-color: var(--color-surface--background);
  }

  [data-theme="dark"]:root html ::-webkit-scrollbar-thumb,
  [data-theme="dark"]:root body ::-webkit-scrollbar-thumb {
    border: 3px solid var(--color-surface--background);
    border-radius: 12px;
    background-color: var(--color-surface--background--subtle);
    cursor: pointer;
  }

  [data-theme="dark"]:root html ::-webkit-scrollbar-thumb:hover,
  [data-theme="dark"]:root body ::-webkit-scrollbar-thumb:hover {
    background: var(--color-surface--active);
  }
}
.P6HrDSaI0Ac- {
  display: contents;
}

._7mObJiwfPh4- {
  position: relative;
  width: 100%;
}

.dL5JShAJlKM- {
  visibility: hidden;
  z-index: calc(6 + 1001);
  z-index: calc(var(--elevation-menu) + var(--elevation-modal));
  width: 0;
  height: 0;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-color-border);
  border: var(--border-base) solid var(--color-color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  overflow: auto;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  scroll-behavior: smooth;
  opacity: 0;
}

.dL5JShAJlKM- .PWZL-94hH7k- {
  padding: 8px 0 4px 8px;
  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
}

.dL5JShAJlKM-._2RzcnTdaPyc- {
  visibility: visible;
  width: 100%;
  height: auto;
  max-height: 300px;
  opacity: 1;
}

.dL5JShAJlKM-._2RzcnTdaPyc-:empty {
  visibility: hidden;
  opacity: 0;
}

.y9zhi8Wr8QA- {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px;
  padding: var(--space-small);
  border: none;
  text-align: left;
  list-style: none;
  background-color: transparent;
  cursor: pointer;
}

.y9zhi8Wr8QA-:hover,
.y9zhi8Wr8QA-:focus,
.y9zhi8Wr8QA-._3Xg49dtL1Q8- {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
  outline-color: hsl(198, 12%, 57%);
  outline-color: var(--color-focus);
}

.y9zhi8Wr8QA-.LIeh390F3W8-:not(:last-child) {
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
}

.dL5JShAJlKM-:hover .y9zhi8Wr8QA-._3Xg49dtL1Q8-:not(:hover) {
  background-color: transparent;
  outline-color: transparent;
}

.dL5JShAJlKM- .PWZL-94hH7k-:not(:first-child) {
  padding-top: 16px;
  padding-top: var(--space-base);
}

.y9zhi8Wr8QA- .K2phy6IC3TY- {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  -ms-flex-item-align: auto;
      align-self: auto;
  width: 24px;
  width: var(--space-large);
}

.y9zhi8Wr8QA- .a6-LbUm5WnY- {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex: 1 100%;
      flex: 1 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.y9zhi8Wr8QA- .tQNbuxcE9nU- {
  -ms-flex: 2;
      flex: 2;
}

.y9zhi8Wr8QA- .qacStG9-XbE- {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  text-align: right;
}

:root {
  --modal--width: 600px;
  --modal--padding-horizontal: var(--space-base);
  --modal--padding-vertical: var(--space-base);
  --modal--padding: var(--modal--padding-vertical)
    var(--modal--padding-horizontal);

  --modal--shadow: var(--shadow-base);
}

@media (min-width: 768px) {

:root {
    --modal--padding-horizontal: var(--space-large);
    --modal--padding-vertical: var(--space-large);
    --modal--padding: var(--modal--padding-vertical)
      var(--modal--padding-horizontal);
}
  }

@media (--medium-screens-and-up) {

:root {
    --modal--padding-horizontal: var(--space-large);
    --modal--padding-vertical: var(--space-large);
    --modal--padding: var(--modal--padding-vertical)
      var(--modal--padding-horizontal);
}
  }

.y3M-9xoEnk0- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 1001;
  z-index: var(--elevation-modal);
  padding: 8px;
  padding: var(--space-small);
  overflow: auto;
}

.y3M-9xoEnk0-,
.zkyJp1mib-U- {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.zkyJp1mib-U- {
  background-color: rgba(0, 0, 0, 0.32);
  background-color: var(--color-overlay);
}

.gMPgiggaud8- {
  position: relative;
  width: 100%;
  max-width: 600px;
  max-width: var(--modal--width);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--modal--shadow);
  margin: auto;
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  outline-color: hsl(198, 12%, 57%);
  outline-color: var(--color-focus);
}

/* Adjust `Content` and `Tab` components public padding to match the modal */

.gMPgiggaud8- > * {
  --public-content--padding: var(--modal--padding);
  --public-tab--inset: var(--modal--padding-horizontal);
}

/* Remove the nested `Content` components public padding */

.gMPgiggaud8- > * > * {
  --public-content--padding: 0;
}

._5sBzUnyOqD0- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px
    16px;
  padding: var(--modal--padding);
  background-color: transparent;
}

/**
 * Ensure there's no extra padding top on the next element. This mostly negates
 * the <Content /> padding
 */

._5sBzUnyOqD0- + * {
  padding-top: 0 !important;
}

._4gw63G7IYG0- {
  margin-top: -6px;
  margin-right: -6px;
}

.cwVJrrJkNDg- {
  display: -ms-flexbox;
  display: flex;
  padding: 16px
    16px;
  padding: var(--modal--padding);
  padding-top: 0;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/**
 * 1. Use CSS `order` to adjust the buttons position on the UI
 */

.MkD4pNUKeAA- {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-order: 1;
      order: 1; /* 1 */
}

.C-yC8JKpQLg- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-order: 2;
      order: 2; /* 1 */
}

/* This is in a correct position and order */

/* stylelint-disable-next-line no-descending-specificity */

.C-yC8JKpQLg- > * {
  margin-left: 8px !important;
  margin-left: var(--space-small) !important;
}

.C-yC8JKpQLg- > *:first-child {
  -ms-flex-order: 2;
      order: 2; /* 1 */
}

.C-yC8JKpQLg- > *:nth-child(2) {
  -ms-flex-order: 1;
      order: 1; /* 1 */
}

.BSZvIAUzFEU- {
  --modal--padding: var(--space-base);
  --public-tab--inset: var(--space-base);
  --modal--width: 400px;
  max-width: 400px;
}

.-ydIALYVvGg- {
  --modal--width: 940px;
  max-width: 940px;
}

.j4h-0Mxa5gk- {
  margin: 0;
  padding: 0;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-normal);
  /* Wrap really long words or URL's */
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

._1CXlSTO0w8g- {
  font-size: 48px;
  font-size: var(--typography--fontSize-extravagant);
  line-height: 1.08;
  line-height: var(--typography--lineHeight-minuscule);
}

.v5TK2OwNTaI- {
  font-size: 36px;
  font-size: var(--typography--fontSize-jumbo);
  line-height: 1.08;
  line-height: var(--typography--lineHeight-minuscule);
}

.CcGPmsMUVfg- {
  font-size: 24px;
  font-size: var(--typography--fontSize-largest);
  line-height: 1.12;
  line-height: var(--typography--lineHeight-tightest);
}

.ETyC5vbbImA- {
  font-size: 20px;
  font-size: var(--typography--fontSize-larger);
  line-height: 1.2;
  line-height: var(--typography--lineHeight-tight);
}

.ejYSlnHYn2U- {
  font-size: 16px;
  font-size: var(--typography--fontSize-large);
  line-height: 1.34;
  line-height: var(--typography--lineHeight-large);
}

.e9lFMke1PNs- {
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  line-height: 1.25;
  line-height: var(--typography--lineHeight-base);
}

.MiITdlbzofc- {
  font-size: 12px;
  font-size: var(--typography--fontSize-small);
  line-height: 1.143;
  line-height: var(--typography--lineHeight-tighter);
}

.hs1hcOgrK1s- {
  font-size: 10px;
  font-size: var(--typography--fontSize-smaller);
  line-height: 1.2;
  line-height: var(--typography--lineHeight-tight);
}

.xFJ-FmjV3BE- {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-normal);
  font-weight: 400;
}

.lY4vnCuusH8- {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-normal);
  font-weight: 500;
}

.Ed96FZ8bmYo- {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-normal);
  font-weight: 600;
}

.-bqxOwZMSDo- {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-normal);
  font-weight: 700;
}

.l5JkUWFite8- {
  font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-display);
  font-weight: 800;
}

.HvKryt1SNY8- {
  font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-display);
  font-weight: 900;
}

.S3PyGdaGxok- {
  text-transform: uppercase;
}

.lVlhmM5z9HI- {
  text-transform: lowercase;
}

.l9xfdEljFWk- {
  text-transform: capitalize;
}

.WYUkes21iUI- {
  text-transform: none;
}

/* Base colors for backwards compatability */

.xNqFL54SrGc- {
  color: hsl(197, 90%, 12%);
  color: var(--color-blue);
}

._9XmiMJWBidk- {
  color: hsl(0, 0%, 72%);
  color: var(--color-grey);
}

.YH-Ui-YO87Y- {
  color: hsl(198, 35%, 21%);
  color: var(--color-greyBlue--dark);
}

.toTsY437NnI- {
  color: hsl(197, 15%, 43%);
  color: var(--color-greyBlue);
}

.kLSKP1vv9b4- {
  color: hsl(107, 58%, 33%);
  color: var(--color-green);
}

.dGbLHIIa2tg- {
  color: hsl(6, 64%, 51%);
  color: var(--color-red);
}

.iDhXEr90lmw- {
  color: hsl(51, 64%, 49%);
  color: var(--color-yellow);
}

.Zd6zWN667b8- {
  color: hsl(51, 64%, 32%);
  color: var(--color-yellow--dark);
}

.Ow1VL-p-XhU- {
  color: hsl(207, 79%, 57%);
  color: var(--color-lightBlue);
}

.tjk-wmwQD90- {
  color: rgba(255, 255, 255, 1);
  color: var(--color-white);
}

/* Typography */

.chgZm2n2hOE- {
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
}

._8oFzBDE3jjc- {
  color: hsl(198, 35%, 21%);
  color: var(--color-text);
}

._11dDD6Bevzg- {
  color: hsl(197, 15%, 43%);
  color: var(--color-text--secondary);
}

.p5ApkSwZjq0- {
  color: rgba(255, 255, 255, 1);
  color: var(--color-text--reverse);
}

._9B7y2Rolgi0- {
  color: hsl(200, 13%, 87%);
  color: var(--color-text--reverse--secondary);
}

/* Statuses */

.KcLyzgXTFOg- {
  color: hsl(197, 90%, 12%);
  color: var(--color-inactive--onSurface);
}

.NVEczc1ccSM- {
  color: hsl(195, 12%, 94%);
  color: var(--color-inactive--surface);
}

.NzaurLF4evU- {
  color: hsl(197, 90%, 12%);
  color: var(--color-inactive--onSurface);
}

.ccJADkeLhqU- {
  color: hsl(6, 64%, 51%);
  color: var(--color-critical);
}

.tGUW6TarfTI- {
  color: hsl(7, 63%, 95%);
  color: var(--color-critical--surface);
}

.EZFKvApYUj0- {
  color: hsl(6, 100%, 24%);
  color: var(--color-critical--onSurface);
}

.BRfXcULzta0- {
  color: hsl(51, 64%, 24%);
  color: var(--color-warning--onSurface);
}

.TX1xRvUTyok- {
  color: hsl(52, 64%, 89%);
  color: var(--color-warning--surface);
}

.gqCfjcHeyCM- {
  color: hsl(51, 64%, 24%);
  color: var(--color-warning--onSurface);
}

.R8k7IbtgzXw- {
  color: hsl(207, 61%, 34%);
  color: var(--color-informative--onSurface);
}

.dZSsqXLWAtw- {
  color: hsl(207, 87%, 94%);
  color: var(--color-informative--surface);
}

.WoGRj2nogwI- {
  color: hsl(207, 61%, 34%);
  color: var(--color-informative--onSurface);
}

.cL8YC7STZfE- {
  color: hsl(107, 64%, 16%);
  color: var(--color-success--onSurface);
}

.zxUNOjTz9Lo- {
  color: hsl(109, 28%, 92%);
  color: var(--color-success--surface);
}

.lTHVY-6IKCk- {
  color: hsl(107, 64%, 16%);
  color: var(--color-success--onSurface);
}

/* Interactions */

._5NTP-4BzjTg- {
  color: hsl(107, 58%, 33%);
  color: var(--color-interactive);
}

.tpbvo9fRR-8- {
  color: hsl(107, 65%, 24%);
  color: var(--color-interactive--hover);
}

._-6PZfT3dO50- {
  color: hsl(198, 35%, 21%);
  color: var(--color-interactive--subtle);
}

.tCL7-y7NKnY- {
  color: hsl(197, 90%, 12%);
  color: var(--color-interactive--subtle--hover);
}

.wwJus4JU5-4- {
  color: hsl(6, 64%, 51%);
  color: var(--color-destructive);
}

.Rvl8jGKrctM- {
  color: hsl(6, 100%, 35%);
  color: var(--color-destructive--hover);
}

.W4Fsewoz1sg- {
  color: hsl(0, 0%, 72%);
  color: var(--color-disabled);
}

._3rSuYq9be8I- {
  color: hsl(0, 0%, 93%);
  color: var(--color-disabled--secondary);
}

/* Workflow */

.aY3San0Gck0- {
  color: hsl(31, 90%, 37%);
  color: var(--color-request);
}

.xXX19zFoC24- {
  color: hsl(31, 74%, 93%);
  color: var(--color-request--surface);
}

.mEIRK0sLVbA- {
  color: hsl(31, 100%, 18%);
  color: var(--color-request--onSurface);
}

._-7CeSb2DQ7M- {
  color: hsl(348, 40%, 41%);
  color: var(--color-quote);
}

.Eb9Q6w4B2D0- {
  color: hsl(347, 33%, 95%);
  color: var(--color-quote--surface);
}

._47qR8-iD3lc- {
  color: hsl(348, 40%, 27%);
  color: var(--color-quote--onSurface);
}

.uCsWd-HbMDM- {
  color: hsl(107, 58%, 33%);
  color: var(--color-job);
}

.irItG41tQ1w- {
  color: hsl(109, 28%, 92%);
  color: var(--color-job--surface);
}

._9IHQ5tL6Exw- {
  color: hsl(107, 65%, 24%);
  color: var(--color-job--onSurface);
}

._1y0GOpU3H4Y- {
  color: hsl(107, 58%, 33%);
  color: var(--color-visit);
}

._2g40AOBv0x0- {
  color: hsl(109, 28%, 92%);
  color: var(--color-visit--surface);
}

._9UQelzX7Fhg- {
  color: hsl(107, 65%, 24%);
  color: var(--color-visit--onSurface);
}

.z-Ho8kjzWZI- {
  color: hsl(206, 61%, 23%);
  color: var(--color-task);
}

.p30GI6A0yLM- {
  color: hsl(195, 12%, 94%);
  color: var(--color-task--surface);
}

._6--pR0XX5vo- {
  color: hsl(198, 35%, 21%);
  color: var(--color-task--onSurface);
}

.e8Y0-dOgpfU- {
  color: hsl(51, 64%, 49%);
  color: var(--color-event);
}

.lCLmy5Qcc9g- {
  color: hsl(52, 64%, 89%);
  color: var(--color-event--surface);
}

.RNQy-epp3kE- {
  color: hsl(51, 64%, 24%);
  color: var(--color-event--onSurface);
}

.VWLmf5fDD1w- {
  color: hsl(207, 61%, 34%);
  color: var(--color-invoice);
}

._7TbmvrX-5Ew- {
  color: hsl(207, 87%, 94%);
  color: var(--color-invoice--surface);
}

.zBkhaAkBx9k- {
  color: hsl(206, 61%, 23%);
  color: var(--color-invoice--onSurface);
}

.mMBOrDRKDtA- {
  color: hsl(207, 61%, 34%);
  color: var(--color-payments);
}

.HyBFi4GZ6Bk- {
  color: hsl(207, 87%, 94%);
  color: var(--color-payments--surface);
}

._3RdwgIvvnZo- {
  color: hsl(206, 61%, 23%);
  color: var(--color-payments--onSurface);
}

.AF5NaNenMJw- {
  color: hsl(48, 3%, 34%);
  color: var(--color-client);
}

/* Miscellaneous */

.gqwEwru23Xk- {
  color: hsl(198, 35%, 21%);
  color: var(--color-icon);
}

._1O41QsHJDwo- {
  color: hsl(79, 85%, 34%);
  color: var(--color-brand);
}

.ws2Y0LqNNfk- {
  font-style: italic;
}

.kw63z71hYYU- {
  display: inline;
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 20%;
}

.bvnCrlndVHs- {
  display: -webkit-box !important;
}
.bvnCrlndVHs- {
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.r5lyOVfBlMI- {
  text-align: left;
}

.w1MIwv35jXA- {
  text-align: center;
}

.oOJPwUQFllQ- {
  text-align: right;
}

.V9SSKxs15xE- {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-normal);
}

.dvw7zxC9s9g- {
  font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-display);
}

.qp8E5e4q-so- {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  text-underline-offset: var(--space-smaller);
}

:root {
  --public--button--color-variation: var(--color-interactive);
  --public--button--color-variation--hover: var(--color-interactive--hover);
}

._7BLGtYNuJOU- {
  --button--color-surface: var(--color-surface);
  --button--color-surface--hover: var(--color-surface--hover);
  --button--color-primaryLabel: var(--color-surface);
  --button--duration-loading: var(--timing-loading--extended);
  --button--size: 40px;

  display: -ms-inline-flexbox;

  display: inline-flex;
  min-height: 40px;
  min-height: var(--button--size);
  box-sizing: border-box;
  margin: 0;
  border: 1px solid hsl(107, 58%, 33%);
  border: var(--border-base) solid var(--public--button--color-variation);
  border-radius: 8px;
  border-radius: var(--radius-base);
  color: hsl(107, 58%, 33%);
  color: var(--public--button--color-variation);
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--button--color-surface);
  cursor: pointer;
  transition: all 200ms ease-out;
  transition: all var(--timing-base) ease-out;
  -webkit-appearance: none;
          appearance: none;
  fill: hsl(107, 58%, 33%);
  fill: var(--public--button--color-variation);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 4px;
  gap: var(--space-smaller);
}

._7BLGtYNuJOU- * {
  fill: inherit !important;
}

._7BLGtYNuJOU- * {
  color: inherit;
  /* required to over-ride very specific fill from <Icon> */
}

._7BLGtYNuJOU-:hover,
a._7BLGtYNuJOU-:hover,
._7BLGtYNuJOU-:focus-visible,
a._7BLGtYNuJOU-:focus-visible,
._7BLGtYNuJOU-:active,
a._7BLGtYNuJOU-:active {
  border-color: hsl(107, 65%, 24%);
  border-color: var(--public--button--color-variation--hover);
  color: hsl(107, 65%, 24%);
  color: var(--public--button--color-variation--hover);
  fill: hsl(107, 65%, 24%);
  fill: var(--public--button--color-variation--hover);
  background-color: var(--button--color-surface--hover);
}

._7BLGtYNuJOU-:focus-visible,
a._7BLGtYNuJOU-:focus-visible,
._7BLGtYNuJOU-:active,
a._7BLGtYNuJOU-:active {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  outline: transparent;
}

/* Variation */

.amVSJ50CiOo- {
  --public--button--color-variation: var(--color-interactive);
  --public--button--color-variation--hover: var(--color-interactive--hover);
}

.V4GfDDF1ESI-,
.MVT-qs-bO9M- {
  --public--button--color-variation: var(--color-interactive--subtle);
  --public--button--color-variation--hover: var(
    --color-interactive--subtle--hover
  );
}

._9YS8IK6Inew- {
  --public--button--color-variation: var(--color-destructive);
  --public--button--color-variation--hover: var(--color-destructive--hover);
}

/* Type */

.TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-),
.TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):hover,
.TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):focus-visible {
  color: var(--button--color-primaryLabel);
  background-color: hsl(107, 58%, 33%);
  background-color: var(--public--button--color-variation);
  fill: var(--button--color-primaryLabel);
}

.TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):hover,
.TrzCxs3OEpM-:not(.MVT-qs-bO9M-):not(.zgRx3ehZ2z8-):focus-visible {
  background-color: hsl(107, 65%, 24%);
  background-color: var(--public--button--color-variation--hover);
}

.MVT-qs-bO9M-.TrzCxs3OEpM- {
  color: hsl(107, 58%, 33%);
  color: var(--public--button--color-variation);
  fill: hsl(107, 58%, 33%);
  fill: var(--public--button--color-variation);
  background-color: var(--button--color-surface);
}

.QaWL8FLJ5Aw-,
.MVT-qs-bO9M-.TrzCxs3OEpM- {
  border-color: hsl(200, 13%, 87%);
  border-color: var(--color-border--interactive);
}

.MVT-qs-bO9M-.TrzCxs3OEpM-:hover,
.MVT-qs-bO9M-.TrzCxs3OEpM-:focus-visible {
  color: hsl(107, 65%, 24%);
  color: var(--public--button--color-variation--hover);
  background-color: var(--button--color-surface--hover);
  fill: hsl(107, 65%, 24%);
  fill: var(--public--button--color-variation--hover);
}

.QaWL8FLJ5Aw-:hover,
.MVT-qs-bO9M-.TrzCxs3OEpM-:hover,
.QaWL8FLJ5Aw-:focus-visible,
.MVT-qs-bO9M-.TrzCxs3OEpM-:focus-visible {
  border-color: hsl(107, 65%, 24%);
  border-color: var(--public--button--color-variation--hover);
}

.MVT-qs-bO9M-.QaWL8FLJ5Aw- {
  background-color: var(--button--color-surface);
}

.MhDYVRl8PUc-,
.MVT-qs-bO9M-.QaWL8FLJ5Aw- {
  border-color: transparent;
}

.MhDYVRl8PUc- {
  border-color: transparent;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-thickness: var(--border-thick);
  text-underline-offset: 2px;
  text-underline-offset: var(--space-smallest);
}

.MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
.MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible {
  background-color: var(--button--color-surface--hover);
}

.MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
.MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible,
a.MVT-qs-bO9M-.QaWL8FLJ5Aw-:hover,
a.MVT-qs-bO9M-.QaWL8FLJ5Aw-:focus-visible,
.MhDYVRl8PUc-:hover,
.MhDYVRl8PUc-:focus-visible,
a.MhDYVRl8PUc-:hover,
a.MhDYVRl8PUc-:focus-visible {
  border-color: transparent;
}

.MVT-qs-bO9M-.MhDYVRl8PUc- {
  border-color: transparent;
  background-color: transparent;
}

.MVT-qs-bO9M-.MhDYVRl8PUc-:hover,
.MVT-qs-bO9M-.MhDYVRl8PUc-:focus-visible,
a.MVT-qs-bO9M-.MhDYVRl8PUc-:hover,
a.MVT-qs-bO9M-.MhDYVRl8PUc-:focus-visible {
  color: hsl(197, 90%, 12%);
  color: var(--color-interactive--subtle--hover);
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
  fill: hsl(197, 90%, 12%);
  fill: var(--color-interactive--subtle--hover);
}

/* Disabled */

._7BLGtYNuJOU-.zgRx3ehZ2z8-,
a._7BLGtYNuJOU-.zgRx3ehZ2z8-,
._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover,
a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
  border-color: hsl(0, 0%, 93%);
  border-color: var(--color-disabled--secondary);
  color: hsl(0, 0%, 72%);
  color: var(--color-disabled);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: hsl(0, 0%, 93%);
  background-color: var(--color-disabled--secondary);
  fill: hsl(0, 0%, 72%);
  fill: var(--color-disabled);
  pointer-events: none;
  cursor: not-allowed;
}

/* Sizes */

.lPPuBfTJl5k- {
  --button--size: 32px;
  padding: 4px 12px;
  padding: var(--space-smaller) var(--space-slim);
}

.VyMJpVxCrxI- {
  padding: 0 16px;
  padding: 0 var(--space-base);
}

.Uh29dvNk6I0- {
  --button--size: 48px;
  padding: 0 calc(16px + 4px);
  padding: 0 calc(var(--space-base) + var(--space-smaller));
}

/* Icon */

._7BLGtYNuJOU- svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.H8uYM7Udc4o-:has(> svg:only-child) {
  width: var(--button--size);
  padding: 0;
}

/** Icon on Right */

.H8uYM7Udc4o- > span ~ svg {
  margin-right: calc(4px * -1);
  margin-right: calc(var(--space-smaller) * -1);
}

/** Icon on Left */

.H8uYM7Udc4o- > svg:has(+ span:nth-child(2)) {
  margin-left: calc(4px * -1);
  margin-left: calc(var(--space-smaller) * -1);
}

.yBId-F-geAA- {
  width: 100%;
}

.NCs-BISj1XU- {
  background-image: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent 100%
  );
  background-size: 32px 32px;
  background-size: var(--space-larger) var(--space-larger);
  pointer-events: none;
  cursor: not-allowed;
  -webkit-animation-duration: var(--button--duration-loading);
          animation-duration: var(--button--duration-loading);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: M0LU-Rdq-MA-;
          animation-name: M0LU-Rdq-MA-;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.TrzCxs3OEpM-.NCs-BISj1XU-:not(.MVT-qs-bO9M-) {
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(255, 255, 255, 0.25) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.25) 50%,
    rgba(255, 255, 255, 0.25) 75%,
    transparent 75%,
    transparent 100%
  );
}

@-webkit-keyframes M0LU-Rdq-MA- {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 32px 32px;
    background-position: var(--space-larger) var(--space-larger);
  }
}

@keyframes M0LU-Rdq-MA- {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 32px 32px;
    background-position: var(--space-larger) var(--space-larger);
  }
}

:root {
  --modal--width: 600px;
  --modal--padding-horizontal: var(--space-base);
  --modal--padding-vertical: var(--space-base);
  --modal--padding: var(--modal--padding-vertical)
    var(--modal--padding-horizontal);

  --modal--shadow: var(--shadow-base);
}

@media (min-width: 768px) {

:root {
    --modal--padding-horizontal: var(--space-large);
    --modal--padding-vertical: var(--space-large);
    --modal--padding: var(--modal--padding-vertical)
      var(--modal--padding-horizontal);
}
  }

@media (--medium-screens-and-up) {

:root {
    --modal--padding-horizontal: var(--space-large);
    --modal--padding-vertical: var(--space-large);
    --modal--padding: var(--modal--padding-vertical)
      var(--modal--padding-horizontal);
}
  }

.cRhQeXmZobs- {
  display: grid;
  z-index: 1001;
  z-index: var(--elevation-modal);
  -ms-flex-align: center;
      align-items: center;
  justify-items: center;
  place-items: center;
}

.PO6ZUDxQoFE- {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  z-index: var(--elevation-modal);
  background-color: rgba(0, 0, 0, 0.32);
  background-color: var(--color-overlay);
  opacity: 0.8;
}

.OiqCKNmbHZ0- {
  position: relative;
  z-index: 1001;
  z-index: var(--elevation-modal);
  width: 100%;
  max-width: 600px;
  max-width: var(--modal--width);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--modal--shadow);
  margin: auto;
  padding: 8px;
  padding: var(--space-small);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  outline-color: hsl(198, 12%, 57%);
  outline-color: var(--color-focus);
}

/* Adjust `Content` and `Tab` components public padding to match the modal */

.OiqCKNmbHZ0- > * {
  --public-content--padding: var(--modal--padding);
  --public-tab--inset: var(--modal--padding-horizontal);
}

/* Remove the nested `Content` components public padding */

.OiqCKNmbHZ0- > * > * {
  --public-content--padding: 0;
}

.GDWGHwmjgAc- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px
    16px;
  padding: var(--modal--padding);
  background-color: transparent;
}

/**
 * Ensure there's no extra padding top on the next element. This mostly negates
 * the <Content /> padding
 */

.GDWGHwmjgAc- + * {
  padding-top: 0 !important;
}

.KJlGo4z-E6Q- {
  margin-top: -6px;
  margin-right: -6px;
}

.ZGrhWCAymCw- {
  display: -ms-flexbox;
  display: flex;
  padding: 16px
    16px;
  padding: var(--modal--padding);
  padding-top: 0;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/**
 * 1. Use CSS `order` to adjust the buttons position on the UI
 */

.hOiEWds2Vq8- {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-order: 1;
      order: 1; /* 1 */
}

.K31NzxPZP9s- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-order: 2;
      order: 2; /* 1 */
}

/* This is in a correct position and order */

/* stylelint-disable-next-line no-descending-specificity */

.K31NzxPZP9s- > * {
  margin-left: 8px !important;
  margin-left: var(--space-small) !important;
}

.K31NzxPZP9s- > *:first-child {
  -ms-flex-order: 2;
      order: 2; /* 1 */
}

.K31NzxPZP9s- > *:nth-child(2) {
  -ms-flex-order: 1;
      order: 1; /* 1 */
}

:root {
  /**
   * These `--public-field` properties are used in other components such
   * as InputGroup, therefore they must stay on :root
   **/
  --public-field--top-left-radius: var(--radius-base);
  --public-field--top-right-radius: var(--radius-base);
  --public-field--bottom-left-radius: var(--radius-base);
  --public-field--bottom-right-radius: var(--radius-base);

  --field--placeholder-color: var(--color-base-blue--600);
  --field--value-color: var(--color-heading);
  --field--border-color: var(--color-border--interactive);

  --postfix-right: var(--space-base);
}

.YL-mNv-Bl6g- {
  width: 100%;
}

/**
 * Wrapper
 **/

._8lhbGTQ-hhg- {
  --field--placeholder-offset: 50%;
  --field--placeholder-transform: -50%;

  --field--textAlign: left;

  --field--height: var(--space-largest);

  --field--padding-top: calc(var(--space-base) - var(--space-smallest));
  --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
  --field--padding-left: var(--space-base);
  --field--padding-right: var(--space-base);

  --field--value-lineHeight: calc(var(--base-unit) * 1.25);

  --field--background-color: var(--color-surface);

  --field--base-elevation: var(--elevation-base);
  --field--label-elevation: calc(var(--field--base-elevation) + 1);
  --field--postfix-elevation: calc(var(--field--base-elevation) - 1);
  --field--postfix-action-elevation: calc(var(--field--base-elevation) + 2);

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--field--border-color);
  border-radius: 8px;
  border-radius: var(--radius-base);
  border-top-right-radius: 8px;
  border-top-right-radius: var(--public-field--top-right-radius);
  border-bottom-right-radius: 8px;
  border-bottom-right-radius: var(--public-field--bottom-right-radius);
  border-bottom-left-radius: 8px;
  border-bottom-left-radius: var(--public-field--bottom-left-radius);
  border-top-left-radius: 8px;
  border-top-left-radius: var(--public-field--top-left-radius);
  color: hsl(197, 90%, 12%);
  color: var(--field--value-color);
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--field--background-color);
}

._8lhbGTQ-hhg- * {
  box-sizing: border-box;
}

._8lhbGTQ-hhg-:not(.Tz9LK9ABKMk-):focus-within {
  position: relative;
  z-index: var(--field--base-elevation);
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.b5mv1x1H7YE- {
  display: -ms-flexbox;
  display: flex;
  height: var(--field--height);
  -ms-flex: 1;
      flex: 1;
}

.hGr6YW4AeLM-.QBCWi9GBgMs- .b5mv1x1H7YE- {
  margin-right: var(--field--padding-right);
}

/* When there's placeholder text on an EMPTY time input
  - we hide the field value when the input is:
  - not focused or disabled
*/

._0pmqVa2zSE4- input:disabled,
._0pmqVa2zSE4-:not(:focus-within) input {
  color: var(--field--background-color);
  -webkit-text-fill-color: var(--field--background-color);
}

._0pmqVa2zSE4-:not(.Tz9LK9ABKMk-):focus-within,
.F1t76G6bDKo- {
  --field--placeholder-color: var(--color-text--secondary);
  --field--placeholder-offset: var(--space-smallest);
  --field--placeholder-transform: 0;
  --field--padding-top: calc(var(--space-base) + var(--space-smaller));
  --field--padding-bottom: var(--space-small);
}

._0pmqVa2zSE4-:not(.Tz9LK9ABKMk-)._9tjyT9QUtP8-:focus-within,
.F1t76G6bDKo-._9tjyT9QUtP8- {
  --field--padding-top: calc(var(--space-large) + var(--space-smaller));
}

._8lhbGTQ-hhg-.QmMiyoAWp-g- {
  --field--placeholder-offset: 0;
  --field--placeholder-transform: 0;
  min-height: auto;
}

._8lhbGTQ-hhg-.hGr6YW4AeLM- {
  resize: vertical;
  overflow: auto;
}

.XWDSfe6weSY-:not(.Tz9LK9ABKMk-),
.XWDSfe6weSY-:not(.Tz9LK9ABKMk-):focus-within {
  --field--border-color: var(--color-critical);
  position: relative;
}

.Tz9LK9ABKMk- {
  --field--placeholder-color: var(--color-disabled);
  --field--value-color: var(--color-disabled);
  --field--background-color: var(--color-disabled--secondary);
  --field--border-color: var(--color-border);
}

/* override iOS default styling for disabled input */

.Tz9LK9ABKMk- :disabled {
  -webkit-text-fill-color: hsl(197, 90%, 12%);
  -webkit-text-fill-color: var(--field--value-color);
  opacity: 1;
}

.Sw5O4I0lMJg- {
  --field--padding-left: var(--space-slim);
  --field--padding-right: var(--space-slim);
  --field--padding-top: var(--space-small);
  --field--padding-bottom: var(--space-small);
  --field--height: calc(var(--space-larger) + var(--space-smaller));
  --postfix-right: calc(var(--space-small) + var(--space-smaller));
}

._9tjyT9QUtP8- {
  --field--padding-left: var(--space-large);
  --field--padding-right: var(--space-large);
  --field--height: calc(var(--space-extravagant));
  --postfix-right: var(--space-large);
}

.SaORbL7SYWY- {
  display: inline-block;
  width: auto;
}

.ozy2UoT2vsg- {
  --field--textAlign: center;
}

._3TJdT91YD3c- {
  --field--textAlign: right;
}

/**
 * The custom property --formField-maxLength is getting defined inside the
 * component.
 */

.W6GrMqLy2qk- {
  width: calc(
    (16px * var(--formField-maxLength)) + var(--field--padding-left) +
      var(--field--padding-right)
  );
  width: calc(
    (var(--base-unit) * var(--formField-maxLength)) + var(--field--padding-left) +
      var(--field--padding-right)
  );
}

/**
 * Input Wrapper
 **/

.-LmjnYRU0r0- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  /* Ensure input stays with the rest of the element stack */
  z-index: 0;
  z-index: var(--elevation-default);
}

.yVXYv6hkuOA- {
  position: relative;
  -ms-flex: 1;
      flex: 1;
}

/**
 * Input
 **/

.vtSDcuzNr9Q- {
  position: relative;
  z-index: var(--field--base-elevation);
  width: 100%;
  padding-top: var(--field--padding-top);
  padding-bottom: var(--field--padding-bottom);
  padding-left: var(--field--padding-left);
  padding-right: var(--field--padding-right);
  border: none;
  border-radius: 8px;
  border-radius: var(--radius-base);
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: var(--field--value-lineHeight);
  text-align: var(--field--textAlign);
  background: transparent;
  -webkit-appearance: none;
          appearance: none;
}

.vtSDcuzNr9Q-:focus {
  outline: none;
}

.MVhuQuzUBUs- {
  padding-left: calc(var(--field--padding-left) + 4px);
  padding-left: calc(var(--field--padding-left) + var(--space-smaller));
}

.hGr6YW4AeLM- .yVXYv6hkuOA- {
  display: -ms-flexbox;
  display: flex;
  min-height: var(--field--height);
  -ms-flex-direction: column;
      flex-direction: column;
}

.hGr6YW4AeLM- .-LmjnYRU0r0-:has(.Dgk00tzlODA-) .yVXYv6hkuOA- {
  padding-top: var(--field--padding-top);
}

.hGr6YW4AeLM- .vtSDcuzNr9Q- {
  -ms-flex: 1;
      flex: 1;
  resize: none;
  scroll-padding-bottom: 16px;
  scroll-padding-bottom: var(--space-base);
  padding-top: 0;
}

.NwQGiWBWIsc- .vtSDcuzNr9Q- {
  z-index: var(--field--label-elevation);
}

.vtSDcuzNr9Q-:-webkit-autofill,
.vtSDcuzNr9Q-:-webkit-autofill:hover,
.vtSDcuzNr9Q-:-webkit-autofill:focus,
.vtSDcuzNr9Q-:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 1) inset !important;
  -webkit-box-shadow: 0 0 0 30px var(--color-surface) inset !important;
}

.vtSDcuzNr9Q-:-webkit-autofill,
.vtSDcuzNr9Q-:-webkit-autofill:hover,
.vtSDcuzNr9Q-:-webkit-autofill:focus,
.vtSDcuzNr9Q-:-webkit-autofill:active {
  -webkit-text-fill-color: hsl(197, 90%, 12%);
  -webkit-text-fill-color: var(--field--value-color);
}

.hGr6YW4AeLM-:not(:has(.Dgk00tzlODA-)) .vtSDcuzNr9Q- {
    padding-top: var(--field--padding-top);
  }

.hGr6YW4AeLM-.QBCWi9GBgMs- .vtSDcuzNr9Q- {
  padding-right: 0;
}

/**
 * Label
 **/

.Dgk00tzlODA- {
  position: absolute;
  top: var(--field--placeholder-offset);
  z-index: var(--field--label-elevation);
  width: 100%;
  padding-left: var(--field--padding-left);
  padding-right: var(--field--padding-right);
  overflow: hidden;
  color: hsl(197, 15%, 43%);
  color: var(--field--placeholder-color);
  line-height: var(--field--value-lineHeight);
  text-align: var(--field--textAlign);
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  -webkit-transform: translateY(var(--field--placeholder-transform));
          transform: translateY(var(--field--placeholder-transform));
  transition: all 100ms;
  transition: all var(--timing-quick);
}

.Qb8zQ8n-8vc- {
  display: block;
  margin-bottom: 4px;
  margin-bottom: var(--space-smaller);
  color: hsl(197, 15%, 43%);
  color: var(--field--placeholder-color);
  line-height: 1.25;
  line-height: var(--typography--lineHeight-base);
}

.NwQGiWBWIsc- select,
._3TJdT91YD3c- select,
.NwQGiWBWIsc- .Dgk00tzlODA- {
  padding-right: calc(var(--field--padding-right) + 16px * 2);
  padding-right: calc(var(--field--padding-right) + var(--base-unit) * 2);
}

.NwQGiWBWIsc- option {
  background-color: var(--field--background-color);
}

.QmMiyoAWp-g- .Dgk00tzlODA- {
  padding-top: var(--field--padding-top);
  -webkit-transform: translateY(var(--field--placeholder-transform));
          transform: translateY(var(--field--placeholder-transform));
}

.hGr6YW4AeLM- .Dgk00tzlODA- {
  padding-right: var(--field--padding-right);
}

.F1t76G6bDKo- .Dgk00tzlODA- {
  font-size: 12px;
  font-size: var(--typography--fontSize-small);
}

.Sw5O4I0lMJg-.F1t76G6bDKo- .Dgk00tzlODA- {
  display: none;
}

.QmMiyoAWp-g-.F1t76G6bDKo- .Dgk00tzlODA- {
  padding-top: 2px;
  padding-top: var(--space-smallest);
}

.hGr6YW4AeLM-.F1t76G6bDKo- .Dgk00tzlODA- {
  background-color: var(--field--background-color);
}

._0pmqVa2zSE4-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
  font-size: 12px;
  font-size: var(--typography--fontSize-small);
}

._0pmqVa2zSE4-.Sw5O4I0lMJg-.F1t76G6bDKo-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
  display: none;
}

/**This is valid cascading order **/

/* stylelint-disable-next-line no-descending-specificity */

._9tjyT9QUtP8-.F1t76G6bDKo- .Dgk00tzlODA-,
._0pmqVa2zSE4-._9tjyT9QUtP8-.F1t76G6bDKo-:focus-within:not(.Tz9LK9ABKMk-) .Dgk00tzlODA- {
  padding-top: 8px;
  padding-top: var(--space-small);
}

/**
 * Postfix
 **/

.yTDzs9h1otI- {
  position: absolute;
  top: 50%;
  right: 16px;
  right: var(--postfix-right);
  z-index: var(--field--postfix-elevation);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Affix
 **/

.m0YpdssD2dY- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 calc(var(--field--padding-left) * -1) 0 0;
  padding: 0 var(--field--padding-right) 0 var(--field--padding-left);
}

.m0YpdssD2dY-._-3mMnjSh6ok- {
  margin: 0 0 0 calc(var(--field--padding-right) * -1);
  padding-left: 8px;
  padding-left: var(--space-small);
}

.-Wzcb0pBh5I- {
  display: -ms-flexbox;
  display: flex;
  margin: 0 calc((var(--field--padding-left) - 2px) * -1) 0 0;
  margin: 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1) 0 0;
  padding: 0 0 0 var(--field--padding-left);
  line-height: var(--field--value-lineHeight);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.-Wzcb0pBh5I-._-3mMnjSh6ok- {
  margin: 0 0 0 calc((var(--field--padding-left) - 2px) * -1);
  margin: 0 0 0 calc((var(--field--padding-left) - var(--space-smallest)) * -1);
  padding: 0 var(--field--padding-left) 0 0;
}

.F1t76G6bDKo-:not(.Sw5O4I0lMJg-) .-Wzcb0pBh5I- {
  padding-top: var(--field--padding-top);
  padding-bottom: var(--field--padding-bottom);
}

.DHX5ijY3xIw- {
  margin-top: 4px;
  margin-top: var(--space-smaller);
}

.AL-2brNI7dk- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 8px var(--field--padding-right) 16px
    var(--field--padding-left);
  margin: var(--space-small) var(--field--padding-right) var(--space-base)
    var(--field--padding-left);
}

.AL-2brNI7dk-::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(-1.25 * 16px);
  top: calc(-1.25 * var(--space-base));
  right: 0;
  left: 0;
  z-index: 1;
  z-index: var(--elevation-base);
  height: 16px;
  height: var(--space-base);
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1) 60%);
  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
}

.YmRTd-KeXv4- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  right: 8px;
  right: var(--space-small);
  z-index: 1002;
  z-index: var(--elevation-tooltip);
  width: 24px;
  width: var(--space-large);
  height: 24px;
  height: var(--space-large);
  padding: 0;
  border: none;
  border-radius: 100%;
  border-radius: var(--radius-circle);
  background-color: hsl(51, 17%, 85%);
  background-color: var(--color-interactive--background);
  cursor: pointer;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.YmRTd-KeXv4-:focus {
  outline: none;
}

.YmRTd-KeXv4-:hover,
.YmRTd-KeXv4-:focus-visible {
  outline: none;
  background-color: hsl(49, 7%, 70%);
  background-color: var(--color-interactive--background--hover);
}

.YmRTd-KeXv4-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.fO5j-2U5rfE- {
  margin-top: 4px;
  margin-top: var(--space-smaller);
}

.lNpgPQh76MY- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 4px;
  padding: var(--space-smaller);
  padding-left: 0;
}

.lNpgPQh76MY- > svg {
  margin-right: 4px;
  margin-right: var(--space-smaller);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.lNpgPQh76MY-:focus {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  outline: none;
}

._6hfmGZoXNyg- {
  width: 32px;
  width: var(--space-larger);
  height: 32px;
  height: var(--space-larger);
  box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);
  border: solid hsl(198, 25%, 33%);
  border: solid var(--color-inactive);
  border-top-color: rgba(255, 255, 255, 1);
  border-top-color: var(--color-white);
  border-width: calc(8px * 0.75);
  border-width: calc(var(--space-small) * 0.75);
  border-radius: 100%;
  border-radius: var(--radius-circle);
  background-color: hsl(195, 12%, 94%);
  background-color: var(--color-inactive--surface);
  -webkit-animation-duration: calc(500ms * 2);
  -webkit-animation-duration: calc(var(--timing-slowest) * 2);
          animation-duration: calc(500ms * 2);
          animation-duration: calc(var(--timing-slowest) * 2);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: aT3CETCJ4hQ-;
          animation-name: aT3CETCJ4hQ-;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  will-change: transform;
}

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

  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

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

  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.bMfynkzmlL4- {
  width: 16px;
  width: var(--space-base);
  height: 16px;
  height: var(--space-base);
  border-width: 4px;
  border-width: var(--space-smaller);
}

.NA68eWblbLo- {
  display: inline-block;
  margin-top: calc(4px * -1);
  margin-top: calc(var(--space-smaller) * -1);
  vertical-align: middle;
}

:root {
  --public--avatar-size: 32px;
}

.QJpdGzG71k8- {
  --avatar-size: var(--public--avatar-size);
  --avatar-border-size: var(--border-base);

  display: -ms-flexbox;

  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 32px;
  width: var(--avatar-size);
  height: 32px;
  height: var(--avatar-size);
  min-width: 32px;
  min-width: var(--avatar-size);
  min-height: 32px;
  min-height: var(--avatar-size);
  border-radius: 100%;
  border-radius: var(--radius-circle);
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
  font-size: 32px;
  font-size: var(--avatar-size);
  -webkit-font-smoothing: antialiased;
  background: no-repeat center center hsl(197, 15%, 43%);
  background: no-repeat center center var(--color-base-blue--600);
  background-size: cover;
}

.QJpdGzG71k8-:focus {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  outline: none;
}

.bexrcoi1lZk- {
  --avatar-size: 72px;
  --avatar-border-size: var(--border-thick);
}

.xytAyzEap3U- {
  --avatar-size: 24px;
}

/* isDark is dynamic and applies only when background is dark */

.E0Pgej0H3YA- {
  color: rgba(255, 255, 255, 1);
  color: var(--color-base-white);
}

._85roPa-UvXQ- {
  font-size: calc(var(--avatar-size) / 2);
  text-transform: uppercase;
}

.meLH-BCeXWU- {
  font-size: calc(var(--avatar-size) / 2.25);
}

.OsEsZnEnjLc- {
  width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
  height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
  box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
  border-style: solid;
  border-width: var(--avatar-border-size);
}

.ucGelS5nNm0- {
  --banner-surface: var(--color-surface);
  --banner-textColor: var(--color-text);
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 12px 16px;
  padding: var(--space-slim) var(--space-base);
  border-radius: 8px;
  border-radius: var(--radius-base);
  color: hsl(198, 35%, 21%);
  color: var(--banner-textColor);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--banner-surface);
  gap: 8px;
  gap: var(--space-small);
  -ms-flex-align: center;
      align-items: center;
}

._5VzH3Cz9ps8- {
  --banner-surface: var(--color-informative--surface);
  --banner-textColor: var(--color-informative--onSurface);
}

._16jyB9OYJIs- {
  --banner-surface: var(--color-critical--surface);
  --banner-textColor: var(--color-critical--onSurface);
}

._4h-6cc8lZo8- {
  --banner-surface: var(--color-warning--surface);
  --banner-textColor: var(--color-warning--onSurface);
}

.k7T2IV0R8Q0- {
  --banner-surface: var(--color-success--surface);
  --banner-textColor: var(--color-success--onSurface);
}

.dG2vHE6g8f0- > a,
.dG2vHE6g8f0- > p {
  color: inherit;
}

.dG2vHE6g8f0- > a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.dG2vHE6g8f0- > a:hover {
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
}

.j9IeihCCYxI- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  gap: 8px;
  gap: var(--space-small);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media (max-width: 489px) {

.j9IeihCCYxI- {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
  }

@media (--small-screens-and-below) {

.j9IeihCCYxI- {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
  }

.dG2vHE6g8f0- {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: center;
      align-self: center;
}

.j9IeihCCYxI- > *:last-child {
  margin-bottom: 0;
}

.D5X29shmSr0- .dG2vHE6g8f0- {
  -ms-flex: 1;
      flex: 1;
}

.W0pSTO-oRmk- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

@media (max-width: 489px) {

.W0pSTO-oRmk- {
    width: 100%;
    padding-left: 32px;
    padding-left: var(--space-larger);
}
  }

@media (--small-screens-and-below) {

.W0pSTO-oRmk- {
    width: 100%;
    padding-left: 32px;
    padding-left: var(--space-larger);
}
  }

.-IYYDBmq2Q0- {
  margin: calc(2px * -1) 0;
  margin: calc(var(--space-smallest) * -1) 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  mix-blend-mode: multiply;
}

@media (max-width: 489px) {

.-IYYDBmq2Q0- {
    margin: calc(8px * -1) 0;
    margin: calc(var(--space-small) * -1) 0;
}
  }

@media (--small-screens-and-below) {

.-IYYDBmq2Q0- {
    margin: calc(8px * -1) 0;
    margin: calc(var(--space-small) * -1) 0;
}
  }

[data-theme="dark"] .-IYYDBmq2Q0- {
  mix-blend-mode: screen;
}

.BQhacg0OlMs- {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  padding: var(--space-smaller);
  border-radius: 100%;
  border-radius: var(--radius-circle);
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--background);
}

.D5X29shmSr0- .BQhacg0OlMs- {
  -ms-flex-item-align: center;
      align-self: center;
}

.RRQ5CQj05jU- {
  background-color: hsl(107, 58%, 33%);
  background-color: var(--color-success);
}

.rLsOR1QiHC8- {
  background-color: hsl(6, 64%, 51%);
  background-color: var(--color-destructive);
}

.KqPf0zuN2fg- {
  background-color: hsl(51, 64%, 49%);
  background-color: var(--color-warning);
}

.M3q29PUUYRM- {
  background-color: hsl(207, 79%, 57%);
  background-color: var(--color-informative);
}

.Y4Fm1wA7Z6c- {
  border-color: hsl(200, 13%, 87%);
  border-color: var(--color-border);
  border-style: solid;
}

.GWX6qFcouh8- {
  border-width: var(--box-border);
}

._20qfwUymZHI- {
  border-top-width: var(--box-border-top);
}

._80vVV1kYAXU- {
  border-right-width: var(--box-border-right);
}

._3yLCo9rAEyY- {
  border-bottom-width: var(--box-border-bottom);
}

.Sejzll1Lw3U- {
  border-left-width: var(--box-border-left);
}

.CXP1mw5bm-s- {
  height: auto;
}

.WF3F8955azY- {
  width: auto;
}

.FvQEC-mLWg0-,
.V-mgShFUOdU- {
  min-width: 0;
  min-height: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.QpiuEE5kvzA-,
.gKgsOLA5xGU- {
  min-width: 0;
  min-height: 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.vqVnWscsiIQ- {
  margin: 0;
  margin: var(--box-margin, 0);
}

.DhS09-lwkTc- {
  margin-left: var(--box-margin-horizontal);
  margin-right: var(--box-margin-horizontal);
}

.W69ryAzdUzg- {
  margin-top: var(--box-margin-vertical);
  margin-bottom: var(--box-margin-vertical);
}

.HvTuGXdMjIs- {
  margin-top: var(--box-margin-top);
}

.I6vE31JlhII- {
  margin-right: var(--box-margin-right);
}

.q8t-vPsvy5g- {
  margin-bottom: var(--box-margin-bottom);
}

._1KNYdnJlOLE- {
  margin-left: var(--box-margin-left);
}

.pyQJ1Rwtg3Q- {
  padding: 0;
  padding: var(--box-padding, 0);
}

.J0XrYI95Nwo- {
  padding-left: var(--box-padding-horizontal);
  padding-right: var(--box-padding-horizontal);
}

.krPrcZ2t1Mg- {
  padding-top: var(--box-padding-vertical);
  padding-bottom: var(--box-padding-vertical);
}

.Ms36xmpr504- {
  padding-top: var(--box-padding-top);
}

.HR4tB8Ht7-w- {
  padding-right: var(--box-padding-right);
}

._5mybhdcr7f0- {
  padding-bottom: var(--box-padding-bottom);
}

.eRM9czZkHgE- {
  padding-left: var(--box-padding-left);
}

._3hq7jJitEgs- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
}

.oWJNe7O1DFI- {
  white-space: pre-wrap;
}

.QJaShYW08G4- {
  gap: 1px;
  gap: var(--space-minuscule);
}

._6Cm3NqSDt4Y- {
  gap: 2px;
  gap: var(--space-smallest);
}

._4HNb8yqqy34- {
  gap: 4px;
  gap: var(--space-smaller);
}

.O-c4Zb8TOoE- {
  gap: 8px;
  gap: var(--space-small);
}

.-jtvRWsRRc4- {
  gap: 12px;
  gap: var(--space-slim);
}

.JdxCZSu6mUE- {
  gap: 16px;
  gap: var(--space-base);
}

.-yIVkzs7exw- {
  gap: 24px;
  gap: var(--space-large);
}

.obuoQPiyBuc- {
  gap: 32px;
  gap: var(--space-larger);
}

.VqE9QLxSDIE- {
  gap: 48px;
  gap: var(--space-largest);
}

._4jHngIdjuqo- {
  gap: 64px;
  gap: var(--space-extravagant);
}

.kCKg-JJTRO8- {
  border-radius: 4px;
  border-radius: var(--radius-small);
}

._235nMwtuWSw- {
  border-radius: 8px;
  border-radius: var(--radius-base);
}

._9ppkWehd4QA- {
  border-radius: 16px;
  border-radius: var(--radius-large);
}

.CsG3cZAn6r0- {
  border-radius: 24px;
  border-radius: var(--radius-larger);
}

.WWKSAC2020Q- {
  border-radius: 100%;
  border-radius: var(--radius-circle);
}

.-PlHaWx00Hw- {
  --card--accent-color: var(--color-grey);
  --card--base-padding: var(--space-base);
  --card--border: var(--border-base) solid var(--color-border);

  display: block;
  width: 100%;
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--card--border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  outline-color: hsl(198, 12%, 57%);
  outline-color: var(--color-focus);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.-PlHaWx00Hw-:active {
  outline: 0;
}

/* Adjust `Content` components public padding to match the cards */

.-PlHaWx00Hw- > * {
  --public-content--padding: var(--card--base-padding);
}

/* Remove the nested `Content` components public padding */

.-PlHaWx00Hw- > * > * {
  --public-content--padding: 0;
}

.Iilm5Uhxo50- {
  border-top-width: 0;
}

.Iilm5Uhxo50-::before {
  content: " ";
  display: block;
  margin: 0 calc(-1 * 1px);
  margin: 0 calc(-1 * var(--border-base));
  border-top: 0.375rem solid var(--card--accent-color);
  border-radius: 8px 8px 0 0;
  border-radius: var(--radius-base) var(--radius-base) 0 0;
}

.Vppn4k0fBsc- {
  color: inherit;
  text-decoration: inherit;
  cursor: pointer;
  transition: all 200ms ease-out;
  transition: all var(--timing-base) ease-out;
}

.Vppn4k0fBsc-:hover,
.Vppn4k0fBsc-:focus {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.l3-Pkynq2zA- {
  display: -ms-flexbox;
  display: flex;
  padding: var(--card--base-padding);
  padding-bottom: 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  gap: var(--space-small);
}

._5mDLThZ7dBQ- {
  --card--accent-color: var(--color-request);
}

.-n66fUZcIH4- {
  --card--accent-color: var(--color-quote);
}

.vfz0wjl-krU- {
  --card--accent-color: var(--color-job);
}

.UnWnEyw0-jY- {
  --card--accent-color: var(--color-invoice);
}

.iRFdI5utAsU- {
  --card--accent-color: var(--color-client);
}

._0f94rfGFhgQ- {
  --card--accent-color: var(--color-blue);
}

.UZmLtIoFU0w- {
  --card--accent-color: var(--color-blue--light);
}

._5bsgmHFheR8- {
  --card--accent-color: var(--color-blue--lighter);
}

.odY4oZL82vc- {
  --card--accent-color: var(--color-blue--lightest);
}

.efMKqzdbpSM- {
  --card--accent-color: var(--color-blue--dark);
}

.PuLfA1HnrOs- {
  --card--accent-color: var(--color-green);
}

._9xiJ-MAQiTY- {
  --card--accent-color: var(--color-green--light);
}

.lmzbPrdLKIM- {
  --card--accent-color: var(--color-green--lighter);
}

.S5ZiMPMgAmo- {
  --card--accent-color: var(--color-green--lightest);
}

.NIwEAXj-xbU- {
  --card--accent-color: var(--color-green--dark);
}

._4rexkfLqzOk- {
  --card--accent-color: var(--color-lime);
}

.H3c6K82o178- {
  --card--accent-color: var(--color-lime--light);
}

._7-lMfROnQU8- {
  --card--accent-color: var(--color-lime--lighter);
}

.Ula38LO3Ays- {
  --card--accent-color: var(--color-lime--lightest);
}

.GQCFMOlKqhw- {
  --card--accent-color: var(--color-lime--lightest);
}

.WxVa9PUSqNk- {
  --card--accent-color: var(--color-yellowGreen);
}

.-XIQhBSotwA- {
  --card--accent-color: var(--color-yellowGreen--light);
}

.r9f1ybI7SeU- {
  --card--accent-color: var(--color-yellowGreen--lighter);
}

.JgtJf0Qh1sg- {
  --card--accent-color: var(--color-yellowGreen--lightest);
}

.ON15q9QZXPA- {
  --card--accent-color: var(--color-yellowGreen--dark);
}

.Oi95vpOkcj4- {
  --card--accent-color: var(--color-yellow);
}

.hTJPhQ2V8RM- {
  --card--accent-color: var(--color-yellow--light);
}

.YLRdqtxcY5g- {
  --card--accent-color: var(--color-yellow--lighter);
}

.WiyLCwtXnPg- {
  --card--accent-color: var(--color-yellow--lightest);
}

.ujxwIinNJ0A- {
  --card--accent-color: var(--color-yellow--dark);
}

.yL4o-89200k- {
  --card--accent-color: var(--color-red);
}

._1C9So1tlmCo- {
  --card--accent-color: var(--color-red--light);
}

.AVKIKX3Jk2Y- {
  --card--accent-color: var(--color-red--light);
}

.NtJ7t9sNRxY- {
  --card--accent-color: var(--color-red--lightest);
}

.nuliwU-1NCI- {
  --card--accent-color: var(--color-red--dark);
}

.WPvwxb8gzwI- {
  --card--accent-color: var(--color-grey);
}

.O8FMSwoZOog- {
  --card--accent-color: var(--color-grey--light);
}

.M4Ag1a-ThKE- {
  --card--accent-color: var(--color-grey--lighter);
}

.adtwz9eEtbE- {
  --card--accent-color: var(--color-grey--lightest);
}

.EJoHvQW5sXw- {
  --card--accent-color: var(--color-grey--dark);
}

.ocGhxlAjeA8- {
  --card--accent-color: var(--color-greyBlue);
}

.FC48-U489FM- {
  --card--accent-color: var(--color-greyBlue--light);
}

.Jc5SOCWjD0I- {
  --card--accent-color: var(--color-greyBlue--lighter);
}

.-JQhLuDsLTg- {
  --card--accent-color: var(--color-greyBlue--lightest);
}

.YXdImUdlDwQ- {
  --card--accent-color: var(--color-greyBlue--dark);
}

.hRRwMChk2-k- {
  --card--accent-color: var(--color-lightBlue);
}

.usPlm5p7svg- {
  --card--accent-color: var(--color-lightBlue--light);
}

.jN9BGAMnCLQ- {
  --card--accent-color: var(--color-lightBlue--lighter);
}

.xeJfT0FMKtc- {
  --card--accent-color: var(--color-lightBlue--lightest);
}

.vWSUNAsOB6g- {
  --card--accent-color: var(--color-lightBlue--dark);
}

.Q17e9VQy-kI- {
  --card--accent-color: var(--color-purple);
}

.pKusyI7bMxc- {
  --card--accent-color: var(--color-purple--light);
}

.ceTZn8oUUCg- {
  --card--accent-color: var(--color-purple--lighter);
}

.GYwXWYcZPPc- {
  --card--accent-color: var(--color-purple--lightest);
}

.uXNnhLCRSPc- {
  --card--accent-color: var(--color-purple--dark);
}

.eptfViHsA5o- {
  --card--accent-color: var(--color-pink);
}

._9mgeBAoZsME- {
  --card--accent-color: var(--color-pink--light);
}

.fCkb0vtBUJY- {
  --card--accent-color: var(--color-pink--lighter);
}

.Nfx7Me6gfew- {
  --card--accent-color: var(--color-pink--lightest);
}

.PXtxWUy1pvk- {
  --card--accent-color: var(--color-pink--dark);
}

.TCIFwV-8jfU- {
  --card--accent-color: var(--color-teal);
}

.QKM3Gc0bQxI- {
  --card--accent-color: var(--color-teal--light);
}

.ILaFINMoSlM- {
  --card--accent-color: var(--color-teal--lighter);
}

.wj7qD0ryDNw- {
  --card--accent-color: var(--color-teal--lightest);
}

.tUjjyB7GN-Q- {
  --card--accent-color: var(--color-teal--dark);
}

.gtKRbI99aQU- {
  --card--accent-color: var(--color-orange);
}

.uUvtDEYmYhE- {
  --card--accent-color: var(--color-orange--light);
}

.UNvUmONc6bM- {
  --card--accent-color: var(--color-orange--lighter);
}

.sBl1hHCnBpA- {
  --card--accent-color: var(--color-orange--lightest);
}

.ceM7ISMCfX4- {
  --card--accent-color: var(--color-orange--dark);
}

.XGl6Iv7N1e0- {
  --card--accent-color: var(--color-brown);
}

.n474Hn3j8es- {
  --card--accent-color: var(--color-brown--light);
}

.UoyCJSsgMI0- {
  --card--accent-color: var(--color-brown--lighter);
}

._8rrvx00EpUc- {
  --card--accent-color: var(--color-brown--lightest);
}

.JWWWvdngqx4- {
  --card--accent-color: var(--color-brown--dark);
}

.Jfp-dUno4KQ- {
  --card--accent-color: var(--color-navy);
}

._5SGbQDSEQlE- {
  --card--accent-color: var(--color-navy--light);
}

.DMElPhnEjrM- {
  --card--accent-color: var(--color-navy--lighter);
}

.Nd80Eh7efmo- {
  --card--accent-color: var(--color-navy--lightest);
}

.YNxCRirQrH4- {
  --card--accent-color: var(--color-navy--dark);
}

.oiO69PZN9YQ- {
  --card--accent-color: var(--color-indigo);
}

._0IY3-0yi-R8- {
  --card--accent-color: var(--color-indigo--light);
}

.EhlKEc9GoHs- {
  --card--accent-color: var(--color-indigo--lighter);
}

.AdDWGn8NI00- {
  --card--accent-color: var(--color-indigo--lightest);
}

._2ps4Uk-mog0- {
  --card--accent-color: var(--color-indigo--dark);
}

.mflIgpDr82Y- {
  --card--accent-color: var(--color-white);
}

.bb-VTS0yML8-,
._2BzdFV5LQvM-,
._60G0BuQ6TY0- {
  --card--border: none;
}

.bb-VTS0yML8- {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
  box-shadow: var(--shadow-low);
}

._2BzdFV5LQvM- {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
}

._60G0BuQ6TY0- {
  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-high);
}

.fpi0W91w2ag- * {
  box-sizing: border-box;
}

.fpi0W91w2ag- {
  position: relative;
}

.pyIy8jHif3g- {
  z-index: 1001;
  z-index: var(--elevation-modal);
}

.-DayvgvIcVo- {
  --menu-space: var(--space-small);
  --menu-offset: var(--space-smallest);
  z-index: 1001;
  z-index: var(--elevation-modal);
  max-height: 72vh;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  padding: 8px;
  padding: var(--menu-space);
  padding-bottom: calc(env(safe-area-inset-bottom) + 8px);
  padding-bottom: calc(env(safe-area-inset-bottom) + var(--menu-space));
  border-radius: 8px 8px 0 0;
  border-radius: var(--radius-base) var(--radius-base) 0 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

@media (max-width: 489px) {

.-DayvgvIcVo- {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}
  }

@media (--small-screens-and-below) {

.-DayvgvIcVo- {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}
  }

@media (min-width: 490px) {

.-DayvgvIcVo- {
    width: calc(16px * 12.5);
    width: calc(var(--base-unit) * 12.5);
    padding: var(--menu-space);
    border: 1px solid hsl(200, 13%, 87%);
    border: var(--border-base) solid var(--color-border);
    border-radius: 8px;
    border-radius: var(--radius-base);
    overflow: auto;
}
  }

@media (--small-screens-and-up) {

.-DayvgvIcVo- {
    width: calc(16px * 12.5);
    width: calc(var(--base-unit) * 12.5);
    padding: var(--menu-space);
    border: 1px solid hsl(200, 13%, 87%);
    border: var(--border-base) solid var(--color-border);
    border-radius: 8px;
    border-radius: var(--radius-base);
    overflow: auto;
}
  }

.X0W9r8kjA6Q- {
  padding: var(--menu-space) 0;
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
}

.X0W9r8kjA6Q-:first-of-type {
  padding-top: 0;
}

.X0W9r8kjA6Q-:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.Bq7pLWj3jm4- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: calc(var(--menu-space) * 1.5) var(--menu-space);
}

.M1BgN-oCmKw- {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: var(--menu-space);
  border: none;
  border-radius: 8px;
  border-radius: var(--radius-base);
  outline: transparent;
  text-align: left;
  background-color: transparent;
  cursor: pointer;
  gap: var(--menu-space);
  -ms-flex-align: center;
      align-items: center;
  transition:
    background-color 200ms ease-out,
    box-shadow 200ms ease-out;
  transition:
    background-color var(--timing-base) ease-out,
    box-shadow var(--timing-base) ease-out;
}

.M1BgN-oCmKw-:hover,
.M1BgN-oCmKw-:focus-visible {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.M1BgN-oCmKw-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.M1BgN-oCmKw- span {
  /* match appearance of Button labels */
  -webkit-font-smoothing: antialiased;
}

.M1BgN-oCmKw-.U9ihZZavz9w- > span {
  color: hsl(6, 64%, 51%);
  color: var(--color-destructive);
}

._7we5hh6kYs8- {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  z-index: var(--elevation-modal);
  background-color: rgba(0, 0, 0, 0.32);
  background-color: var(--color-overlay);
}

@media (min-width: 490px) {

._7we5hh6kYs8- {
    background-color: transparent;
}
  }

@media (--small-screens-and-up) {

._7we5hh6kYs8- {
    background-color: transparent;
}
  }

._5OJ7B6mFcwk- {
  width: 100%;
}

.Bzvkz60bwWE- {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.kub1yKbFFN0- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  gap: var(--public-cluster-space, var(--space-base, 16px));
  -ms-flex-pack: flex-start;
  -ms-flex-pack: var(--public-cluster-justify, flex-start);
      justify-content: flex-start;
      justify-content: var(--public-cluster-justify, flex-start);
  -ms-flex-align: center;
  -ms-flex-align: var(--public-cluster-align, center);
      align-items: center;
      align-items: var(--public-cluster-align, center);
  width: var(--public-cluster-width);
}

/** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/

.kub1yKbFFN0- .kub1yKbFFN0- {
  width: auto;
}

/** For collapse below. If any of the sizes are active, we're in column mode. */

._5IaWqMXiMqQ-,
.vCly-qsW6uQ-,
.lmABTs-G-FA-,
.NHrDIukxI-o- {
  -ms-flex-direction: column;
      flex-direction: column;
}

._5IaWqMXiMqQ- > *,
.vCly-qsW6uQ- > *,
.lmABTs-G-FA- > *,
.NHrDIukxI-o- > * {
  width: 100%;
}

@media (min-width: 490px) {
  ._5IaWqMXiMqQ- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  ._5IaWqMXiMqQ- > * {
    width: auto;
  }
}

@media (--small-screens-and-up) {
  ._5IaWqMXiMqQ- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  ._5IaWqMXiMqQ- > * {
    width: auto;
  }
}

@media (min-width: 768px) {
  .vCly-qsW6uQ- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .vCly-qsW6uQ- > * {
    width: auto;
  }
}

@media (--medium-screens-and-up) {
  .vCly-qsW6uQ- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .vCly-qsW6uQ- > * {
    width: auto;
  }
}

@media (min-width: 1080px) {
  .lmABTs-G-FA- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .lmABTs-G-FA- > * {
    width: auto;
  }
}

@media (--large-screens-and-up) {
  .lmABTs-G-FA- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .lmABTs-G-FA- > * {
    width: auto;
  }
}

@media (min-width: 1440px) {
  .NHrDIukxI-o- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .NHrDIukxI-o- > * {
    width: auto;
  }
}

@media (--extra-large-screens-and-up) {
  .NHrDIukxI-o- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .NHrDIukxI-o- > * {
    width: auto;
  }
}

.kub1yKbFFN0-.hkpPPbA3sRk- {
  -ms-flex-direction: column;
      flex-direction: column;
}

.kub1yKbFFN0-.hkpPPbA3sRk- > * {
  width: 100%;
}

.Aj6o8FcaKHc- {
  container-name: var(--public-container-name);
  container-type: inline-size;
  width: var(--public-container-width);
}

.eIsVvlXoWhs- {
  container-type: inline-size;
  width: var(--public-container-apply-width);
}

.sGSmxHTsTfA- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: var(--public-cover-min-height);
  padding: var(--public-cover-space);
}

.sGSmxHTsTfA- > * {
  margin-top: var(--public-cover-space);
  margin-bottom: var(--public-cover-space);
}

.sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
  -webkit-margin-before: 0;
          margin-top: 0;
}

.sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
  -webkit-margin-after: 0;
          margin-bottom: 0;
}

.sGSmxHTsTfA- > ._6S-jbOw7NEA- {
  margin-top: auto;
  margin-bottom: auto;
}

.YxKKPXAU10s- {
  --checkbox--size: 20px;
  --checkbox--border--checked: var(--color-interactive);
  --checkbox--border--unchecked: var(--color-border--interactive);
  --checkbox--border--invalid: var(--color-critical);
  --checkbox--border--hover: var(--color-interactive);
  display: inline-block;
}

.KxWx-msbH9c- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.TKr3J-6ARFo- {
  --checkbox--border--checked: var(--color-disabled--secondary);
  --checkbox--border--unchecked: var(--color-disabled--secondary);
  --checkbox--border--hover: var(--color-disabled--secondary);
  cursor: not-allowed;
}

.NO34ZbhNqhI- {
  position: relative;
}

.XnCmS-EzK2M- {
  /* Hide checkbox on UI but not screen readers and still allow focus state */
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
}

._-8JCQE6SA9s- {
  display: -ms-flexbox;
  display: flex;
  width: var(--checkbox--size);
  height: var(--checkbox--size);
  box-sizing: border-box;
  border: 2px solid var(--checkbox--border--unchecked);
  border: var(--border-thick) solid var(--checkbox--border--unchecked);
  border-radius: 4px;
  border-radius: var(--radius-small);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  transition: all 100ms ease-out;
  transition: all var(--timing-quick) ease-out;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._-8JCQE6SA9s-:hover,
.YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
  border-color: var(--checkbox--border--hover);
}

.XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
.XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
  border-color: var(--checkbox--border--checked);
  background-color: hsl(107, 58%, 33%);
  background-color: var(--color-interactive);
}

.XnCmS-EzK2M-:focus-visible + ._-8JCQE6SA9s- {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.TKr3J-6ARFo- p {
  color: hsl(0, 0%, 72%);
  color: var(--color-disabled);
}

.TKr3J-6ARFo- ._-8JCQE6SA9s- > * {
  opacity: 0;
}

.TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
.TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
  background-color: hsl(0, 0%, 93%);
  background-color: var(--color-disabled--secondary);
}

.TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
.TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
  opacity: 1;
}

/* Invalid states set border and fill color when field not disabled
     - note, some rules are duplicated to ensure selectors follow
       descending cascade linting rules
*/

.Gqnclw4WaeQ-:not(.TKr3J-6ARFo-) .XnCmS-EzK2M- + ._-8JCQE6SA9s- {
  border-color: var(--checkbox--border--invalid);
}

.Gqnclw4WaeQ-:not(.TKr3J-6ARFo-) .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s-,
.Gqnclw4WaeQ-:not(.TKr3J-6ARFo-) .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- {
  background-color: hsl(6, 64%, 51%);
  background-color: var(--color-critical);
}

.Gqnclw4WaeQ-:not(.TKr3J-6ARFo-):focus-within .XnCmS-EzK2M- + ._-8JCQE6SA9s-,
.Gqnclw4WaeQ-:not(.TKr3J-6ARFo-) .XnCmS-EzK2M-.rqHq3ff9In0-:focus-within + ._-8JCQE6SA9s- {
  border-color: var(--checkbox--border--invalid);
}

.l8z5TxzVvqA- {
  margin: 0 8px;
  margin: 0 var(--space-small);
  margin-top: 2px;
  margin-top: var(--space-smallest);
}

.DcBfVgpiWa4- {
  margin-bottom: 8px;
  margin-bottom: var(--space-small);
  padding-left: calc(var(--checkbox--size) + 8px);
  padding-left: calc(var(--checkbox--size) + var(--space-small));
}

:root {
  --public-chip-base-bg-color: var(--color-interactive--background);
  --public-chip-base-hover-bg-color: var(
    --color-interactive--background--hover
  );
  --public-chip-base-content-color: var(--color-heading);
}

.FJNLweTKlm4- {
  --chip-base-bg-color: var(--public-chip-base-bg-color);
  --chip-base-hover-bg-color: var(--public-chip-base-hover-bg-color);
  --chip-base-content-color: var(--public-chip-base-content-color);
  --chip-border-color: transparent;
  --chip-height: 40px;
  --chip-radius: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  height: 40px;
  height: var(--chip-height);
  min-width: 0;
  box-sizing: border-box;
  padding: 0 16px;
  padding: 0 var(--base-unit);
  border: 1px solid transparent;
  border: var(--border-base) solid var(--chip-border-color);
  border-radius: 20px;
  border-radius: var(--chip-radius);
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
  text-align: left;
  background-color: hsl(51, 17%, 85%);
  background-color: var(--chip-base-bg-color);
  cursor: pointer;
  transition: all 200ms;
  transition: all var(--timing-base);
  -ms-flex-align: center;
      align-items: center;
}

.FJNLweTKlm4-:hover,
.FJNLweTKlm4-:focus,
.FJNLweTKlm4-:focus-visible,
.VI-h7qe-Bl0-:focus-visible {
  border: 1px solid var(--chip-border-color);
  border: var(--border-base) solid var(--chip-border-color);
  outline: transparent;
  background-color: var(--chip-base-hover-bg-color);
}

.FJNLweTKlm4- .VI-h7qe-Bl0- {
  padding: 0;
  border: none;
  cursor: pointer;
}

.FJNLweTKlm4- .OufFSBZ4gLc-,
.FJNLweTKlm4- .VI-h7qe-Bl0- {
  margin-left: 8px;
  margin-left: var(--space-small);
  margin-right: calc(-1 * 8px);
  margin-right: calc(-1 * var(--space-small));
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.FJNLweTKlm4- .cmAqSkFDPFA-,
.FJNLweTKlm4- .OufFSBZ4gLc-,
.FJNLweTKlm4- .VI-h7qe-Bl0- {
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  width: var(--space-large);
  height: 24px;
  height: var(--space-large);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 100%;
  border-radius: var(--radius-circle);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.VI-h7qe-Bl0-:hover {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.FJNLweTKlm4-:focus-visible,
.FJNLweTKlm4- .VI-h7qe-Bl0-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.FJNLweTKlm4- .cmAqSkFDPFA- {
  margin-left: calc(-1 * 8px);
  margin-left: calc(-1 * var(--space-small));
  margin-right: 8px;
  margin-right: var(--space-small);
}

.FJNLweTKlm4- .cmAqSkFDPFA-.CWJcbOmNtsY-,
.FJNLweTKlm4- .OufFSBZ4gLc-.CWJcbOmNtsY- {
  display: none;
}

.FJNLweTKlm4- .oV7kqacWv-U- {
  width: 1px;
  width: var(--space-minuscule);
  height: 16px;
  height: var(--base-unit);
  margin: 0 8px;
  margin: 0 var(--space-small);
  background-color: hsl(197, 15%, 43%);
  background-color: var(--color-text--secondary);
}

.FJNLweTKlm4- .NO1-MLiNi0g- {
  border-radius: 100%;
  border-radius: var(--radius-circle);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

._5cCHfc5LzqY-,
._5cCHfc5LzqY- p {
  color: var(--chip-base-content-color);
}

._5cCHfc5LzqY- .oV7kqacWv-U- {
  background-color: var(--chip-base-content-color);
}

.CMvHum0PGzY-,
.ln-ky9jFiLI-.CMvHum0PGzY- {
  --chip-border-color: var(--color-critical);
  --chip-base-bg-color: var(--color-critical--surface);
  --chip-base-hover-bg-color: var(--color-interactive--background--hover);
}

/* If these change, please update InternalChip.css focus-visible rules */

.CMvHum0PGzY-:hover,
.CMvHum0PGzY-:focus-visible,
.ln-ky9jFiLI-.CMvHum0PGzY-:hover,
.ln-ky9jFiLI-.CMvHum0PGzY-:focus-visible {
  --chip-border-color: var(--color-critical);
}

.ln-ky9jFiLI- {
  --chip-border-color: var(--color-border--interactive);
  --chip-base-bg-color: var(--color-surface);
  --chip-base-hover-bg-color: var(--color-interactive--background);
}

/* If these change, please update InternalChip.css focus-visible rules */

.ln-ky9jFiLI-:focus-visible,
.ln-ky9jFiLI-:hover {
  --chip-border-color: var(--chip-base-bg-color);
}

.CMvHum0PGzY-._3uJEejbZvig-,
.CMvHum0PGzY-._3uJEejbZvig-:hover,
.CMvHum0PGzY-._3uJEejbZvig-:focus-visible {
  --chip-base-bg-color: var(--color-disabled--secondary);
  --chip-base-hover-bg-color: var(--color-disabled--secondary);
  cursor: not-allowed;
}

/* If these change, please update InternalChip.css focus-visible rules */

._3uJEejbZvig-,
._3uJEejbZvig-:hover,
._3uJEejbZvig-:focus-visible {
  --chip-border-color: var(--color-disabled--secondary);
  color: hsl(0, 0%, 72%);
  color: var(--color-disabled);
  --chip-base-bg-color: var(--color-disabled--secondary);
  --chip-base-hover-bg-color: var(--color-disabled--secondary);
  cursor: not-allowed;
}

._3uJEejbZvig- .oV7kqacWv-U- {
  background-color: hsl(0, 0%, 72%);
  background-color: var(--color-disabled);
}

.FJNLweTKlm4-._3uJEejbZvig- .OufFSBZ4gLc- {
  background-color: hsl(0, 0%, 93%);
  background-color: var(--color-disabled--secondary);
}

.FJNLweTKlm4-._3uJEejbZvig- .OufFSBZ4gLc- path {
  fill: hsl(0, 0%, 72%);
  fill: var(--color-disabled);
}

.fLGluRRWPSk- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.fLGluRRWPSk- > * {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.fLGluRRWPSk- > p {
  overflow: hidden;
  white-space: nowrap;
}

.H3-SjXQhoS4- {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  width: var(--space-base);
  height: 100%;
}

.H3-SjXQhoS4- > span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10%;
  background-color: var(--chip-base-bg-color);
}

.H3-SjXQhoS4-::before,
.H3-SjXQhoS4-::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 200ms;
  transition: opacity var(--timing-base);
}

.H3-SjXQhoS4-::before {
  background: linear-gradient(
    to left,
    var(--chip-base-bg-color) 10%,
    rgba(255, 255, 255, 0)
  );
  opacity: 1;
}

.H3-SjXQhoS4-::after {
  background: linear-gradient(
    to left,
    var(--chip-base-hover-bg-color) 10%,
    rgba(255, 255, 255, 0)
  );
  opacity: 0;
}

.FJNLweTKlm4-:hover .H3-SjXQhoS4-::before,
.FJNLweTKlm4-:focus .H3-SjXQhoS4-::before,
.FJNLweTKlm4-:focus-visible .H3-SjXQhoS4-::before {
  opacity: 0;
}

.FJNLweTKlm4-:hover .H3-SjXQhoS4-::after,
.FJNLweTKlm4-:focus .H3-SjXQhoS4-::after,
.FJNLweTKlm4-:focus-visible .H3-SjXQhoS4-::after {
  opacity: 1;
}

.rYoQfOpWeMk- {
  display: inline-block;
  width: 1px;
}

/**
 * Used in the wrapping chips component:
 * - InternalChipSingleSelect
 * - InternalChipMultiSelect
 */

.NLNJBhRffp4- {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  gap: var(--space-small);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

/**
 * Interaction
 *
 * NOTE:
 * Since the Chip component is not being focused, rather it's the input
 * We are copying the styles from the Chip component to ensure the same experience
 */

.ulLzwMsQL3U-:focus-visible ~ div[role="option"],
.ulLzwMsQL3U-:focus-visible ~ div[role="button"] {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  outline: none;
}

.ulLzwMsQL3U-._3LLjp8oIxJ0-:focus-visible ~ div[role="option"],
.ulLzwMsQL3U-._3LLjp8oIxJ0-:focus-visible ~ div[role="button"] {
  background-color: hsl(51, 17%, 85%);
  background-color: var(--color-interactive--background);
}

.ulLzwMsQL3U-.H7VZzUBkgjk-:focus-visible ~ div[role="option"],
.ulLzwMsQL3U-.H7VZzUBkgjk-:focus-visible ~ div[role="button"] {
  background-color: hsl(49, 7%, 70%);
  background-color: var(--color-interactive--background--hover);
}

.ulLzwMsQL3U-.-yQxZSnxBBU-:focus-visible ~ div[role="option"],
.ulLzwMsQL3U-.-yQxZSnxBBU-:focus-visible ~ div[role="button"] {
  background-color: hsl(0, 0%, 93%);
  background-color: var(--color-disabled--secondary);
}

/**
 * Input checkbox/radio
 *
 * Hide checkbox on UI but not screen readers and still allow focus state
 */

.ulLzwMsQL3U- {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
}

/**
 * Button
 */

.ngKOY8l4BG4- {
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color 200ms ease;
}

.ngKOY8l4BG4-:hover,
.ngKOY8l4BG4-:focus {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.ngKOY8l4BG4-:focus {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  outline: none;
}

/**
 * Override icon default colors.
 *
 * NOTE: This is a workaround since some icons have default colors that we don't
 * want to override until the component color prop overrides it.
 * DO NOT COPY!
 */

.rzbiB2nz36Q- > svg {
  fill: hsl(198, 35%, 21%);
  fill: var(--color-interactive--subtle);
}

.rzbiB2nz36Q- {
  display: -ms-flexbox;
  display: flex;
}

.sZQ1M6tj8-c- {
  display: none;
}

._0o-yEgfXmSQ- {
  --tooltip--arrow-size: 8px;
  --tooltip--offset: calc(-1 * var(--space-smaller));
  --tooltip--surface: var(--color-surface--reverse);

  display: inline-block;
  position: absolute;
  z-index: 1002;
  z-index: var(--elevation-tooltip);
  pointer-events: none;
}

.Q1YfFqI71cw- {
  display: inline-block;
  position: relative;
  max-width: 250px;
  padding: 8px calc(8px + 4px);
  padding: var(--space-small) calc(var(--space-small) + var(--space-smaller));
  border-radius: 8px;
  border-radius: var(--radius-base);
  background-color: var(--tooltip--surface);
}

.Q1YfFqI71cw- .ZP3ev-wT-OI-,
.Q1YfFqI71cw- .ZP3ev-wT-OI-::after {
  width: var(--tooltip--arrow-size);
  height: var(--tooltip--arrow-size);
  background-color: transparent;
}

.Q1YfFqI71cw- .ZP3ev-wT-OI-::after {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--tooltip--surface);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.jlEmO6f6uHg- {
  padding-bottom: 8px;
  padding-bottom: var(--space-small);
}

.jlEmO6f6uHg- .Q1YfFqI71cw- {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.jlEmO6f6uHg- .Q1YfFqI71cw- .ZP3ev-wT-OI- {
  bottom: var(--tooltip--offset);
}

.z9JQ-DR-QYc- {
  padding-top: 8px;
  padding-top: var(--space-small);
}

.z9JQ-DR-QYc- .Q1YfFqI71cw- {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

.z9JQ-DR-QYc- .Q1YfFqI71cw- .ZP3ev-wT-OI- {
  top: var(--tooltip--offset);
}

.zWATWgq3bS4- {
  padding-right: 8px;
  padding-right: var(--space-small);
}

.zWATWgq3bS4- .Q1YfFqI71cw- {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}

.zWATWgq3bS4- .Q1YfFqI71cw- .ZP3ev-wT-OI- {
  right: var(--tooltip--offset);
}

.-tDm6lNCCic- {
  padding-left: 8px;
  padding-left: var(--space-small);
}

.-tDm6lNCCic- .Q1YfFqI71cw- {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.-tDm6lNCCic- .Q1YfFqI71cw- .ZP3ev-wT-OI- {
  left: var(--tooltip--offset);
}

.djrmr4mADlA- {
  margin: 0;
  color: rgba(255, 255, 255, 1);
  color: var(--color-text--reverse);
  font-size: 12px;
  font-size: var(--typography--fontSize-small);
  font-weight: 500;
  line-height: 1.25;
  line-height: var(--typography--lineHeight-base);
}

.XRnU90M2-fs- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-sizing: border-box;
  border: 1px solid transparent;
  border: var(--border-base) solid transparent;
  border-radius: 8px;
  border-radius: var(--radius-base);
  transition: all 200ms;
  transition: all var(--timing-base);
  gap: 8px;
  gap: var(--space-small);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

.Dq-yFHd1zK0- {
  -ms-flex: 1;
      flex: 1;
  min-width: 120px;
  padding: 8px 0;
  padding: var(--space-small) 0;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  line-height: 1.25;
  line-height: var(--typography--lineHeight-base);
  background: transparent;
  -webkit-appearance: none;
          appearance: none;
}

.Dq-yFHd1zK0-:focus {
  outline: none;
}

.F7CpurjKzBI- {
  position: relative;
  z-index: 6;
  z-index: var(--elevation-menu);
  width: 100%;
}

.J8USVG1tjPs- {
  max-height: 320px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  padding: 8px 0;
  padding: var(--space-small) 0;
  border-radius: 8px;
  border-radius: var(--radius-base);
  overflow-y: scroll;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

._9SAK31TqNDY-,
.s5vFJVv0t0Q- {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px;
  padding: var(--space-small);
  border: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  gap: var(--space-small);
}

._9SAK31TqNDY-:focus {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

._9SAK31TqNDY-:focus,
._8d0w-JzgzS4- {
  outline: none;
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.s5vFJVv0t0Q- {
  -ms-flex-pack: center;
      justify-content: center;
}

.QsRc49DHSgA- {
  z-index: 1002;
  z-index: var(--elevation-tooltip);
  width: calc(64px * 3.75);
  width: calc(var(--space-extravagant) * 3.75);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  overflow: auto;
  background: rgba(255, 255, 255, 1);
  background: var(--color-surface);
}

/* CAUTION: Tests for content visibility assume this class' presence hides the content
* so please be careful if you change this class name, or the css rules within.
*/

.QsRc49DHSgA-._7Fd5XGsPpUA- {
  display: none;
  visibility: hidden;
}

.QsRc49DHSgA-:focus,
.QsRc49DHSgA-:focus-visible {
  outline: none;
}

.QsRc49DHSgA-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.yV8-0Hs43J0- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: sticky;
  gap: 4px;
  gap: var(--space-smaller);
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.g3Gdt8jXvFk- {
  padding-bottom: 8px;
  padding-bottom: var(--space-small);
}

.c4B0WFX6K0o- {
  position: relative;
}

.AH9-zRHXfpo- {
  width: 100%;
  padding: 16px;
  padding: var(--space-base);
  padding-right: calc(24px * 2.25);
  padding-right: calc(var(--space-large) * 2.25);
  border: none;
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
  color: var(--field--value-color);
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-normal);
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.AH9-zRHXfpo-::-webkit-input-placeholder {
  color: var(--field--placeholder-color);
  opacity: 1;
}

.AH9-zRHXfpo-:-ms-input-placeholder {
  color: var(--field--placeholder-color);
  opacity: 1;
}

.AH9-zRHXfpo-::-ms-input-placeholder {
  color: var(--field--placeholder-color);
  opacity: 1;
}

.searchInput::-webkit-input-placeholder {
  color: var(--field--placeholder-color);
  opacity: 1;
}

.searchInput:-ms-input-placeholder {
  color: var(--field--placeholder-color);
  opacity: 1;
}

.searchInput::-ms-input-placeholder {
  color: var(--field--placeholder-color);
  opacity: 1;
}

.AH9-zRHXfpo-::placeholder {
  color: var(--field--placeholder-color);
  opacity: 1;
}

.AH9-zRHXfpo-::-webkit-search-decoration,
.AH9-zRHXfpo-::-webkit-search-cancel-button,
.AH9-zRHXfpo-::-webkit-search-results-button,
.AH9-zRHXfpo-::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.AH9-zRHXfpo-:focus {
  outline: none;
}

.mymN3p8sKRw- {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 16px;
  right: var(--space-base);
  z-index: 1002;
  z-index: var(--elevation-tooltip);
  width: 24px;
  width: var(--space-large);
  height: 24px;
  height: var(--space-large);
  padding: 0;
  border: none;
  border-radius: 100%;
  border-radius: var(--radius-circle);
  background-color: hsl(51, 17%, 85%);
  background-color: var(--color-interactive--background);
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.mymN3p8sKRw-:focus {
  outline: transparent;
}

.mymN3p8sKRw-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.-lyJkOGbceo- {
  --glimmer-background: var(--color-surface--reverse);
  --glimmer-background-opacity: 7.5%;
  --glimmer-shine-opacity: 75%;
  --glimmer-shine: rgba(var(--color-white--rgb), var(--glimmer-shine-opacity));
  --duration-base: calc(var(--timing-slowest) * 4); /* 2s */
  --duration-fast: calc(var(--duration-base) / 2); /* 1s */
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border-radius: var(--radius-base);
  overflow: hidden;
}

.-lyJkOGbceo-::before,
.-lyJkOGbceo-::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.-lyJkOGbceo-::before {
  background-color: var(--glimmer-background);
  opacity: var(--glimmer-background-opacity);
}

.-lyJkOGbceo-::after {
  background-image: linear-gradient(
    90deg,
    transparent 0px,
    var(--glimmer-shine) 32px,
    transparent 64px
  );
  background-image: linear-gradient(
    90deg,
    transparent 0px,
    var(--glimmer-shine) var(--space-larger),
    transparent var(--space-extravagant)
  );
  background-repeat: no-repeat;
  background-size: 64px 100%;
  background-size: var(--space-extravagant) 100%;
  -webkit-animation: -lyJkOGbceo- 2s infinite linear;
          animation: -lyJkOGbceo- 2s infinite linear;
}

[data-theme="dark"] .-lyJkOGbceo-,
.NH-8hViLjFA- {
  --glimmer-shine-opacity: 20%;
}

.NH-8hViLjFA- {
  --glimmer-background: var(--color-surface);
}

[data-theme="dark"] .NH-8hViLjFA- {
  --glimmer-shine-opacity: 75%;
  --glimmer-background-opacity: 7.5%;
}

@-webkit-keyframes -lyJkOGbceo- {
  0%,
  20% {
    background-position-x: calc(64px * -1);
    background-position-x: calc(var(--space-extravagant) * -1);
  }

  100% {
    background-position-x: calc(100% + 64px);
    background-position-x: calc(100% + var(--space-extravagant));
  }
}

@keyframes -lyJkOGbceo- {
  0%,
  20% {
    background-position-x: calc(64px * -1);
    background-position-x: calc(var(--space-extravagant) * -1);
  }

  100% {
    background-position-x: calc(100% + 64px);
    background-position-x: calc(100% + var(--space-extravagant));
  }
}

._6-ozsHDHcVI- {
  width: 30%;
  max-width: 180px;
  min-width: 120px;
}

._7AvaYGpXkLU- {
  display: inline-block;
  width: 100px;
  height: 36px;
}

.sm9yBV3e4Qg- {
  display: block;
  width: 100%;
  min-width: 100px;
}

.bjemHBSLuQ0- {
  height: 8px;
  height: var(--space-small);
}

.MXFqgzJq5jw- {
  height: 16px;
  height: var(--space-base);
}

.B2DzIy8pibk- {
  height: 24px;
  height: var(--space-large);
}

.-ll1bKXJm9s- {
  height: 32px;
  height: var(--space-larger);
}

.jieKjQ6-Scs- {
  height: 48px;
  height: var(--space-largest);
}

._8qp0RoxJfHE- {
  height: 100%;
  min-width: 16px;
  min-width: var(--space-base);
  min-height: 16px;
  min-height: var(--space-base);
}

.vAVS-6e-jJo- {
  width: 100%;
}

.tZgae6SZ8WA- {
  width: 85%;
}

.ec-sGgENoOw- {
  width: 70%;
}

.ONvR3LocsA4-,
.j-gTsb6UsQs- {
  width: auto;
  aspect-ratio: 1;
}

.j-gTsb6UsQs- {
  border-radius: 100%;
  border-radius: var(--radius-circle);
}

._6dlpcG-oxT4- {
  -webkit-animation-duration: var(--duration-base);
          animation-duration: var(--duration-base);
}

.NlRB1Xq-sFE- {
  -webkit-animation-duration: calc(var(--duration-fast));
          animation-duration: calc(var(--duration-fast));
}

.B1cBkstNQhM- > :not(:last-child) {
  margin-bottom: 1px;
  margin-bottom: var(--space-minuscule);
}

.rjAxJwaso0s- > :not(:last-child) {
  margin-bottom: 2px;
  margin-bottom: var(--space-smallest);
}

.Chezd5Sqtmk- > :not(:last-child) {
  margin-bottom: 4px;
  margin-bottom: var(--space-smaller);
}

.hzVGRy-KUeY- > :not(:last-child) {
  margin-bottom: 8px;
  margin-bottom: var(--space-small);
}

.XFi-EWH3Rc0- > :not(:last-child) {
  margin-bottom: 16px;
  margin-bottom: var(--space-base);
}

.JTt98vS-CLk- > :not(:last-child) {
  margin-bottom: 24px;
  margin-bottom: var(--space-large);
}

.-h5Dm7qvnss- > :not(:last-child) {
  margin-bottom: 32px;
  margin-bottom: var(--space-larger);
}

.K7DP0lB9veI- > :not(:last-child) {
  margin-bottom: 48px;
  margin-bottom: var(--space-largest);
}

.d8bHHzbOHk4- > :not(:last-child) {
  margin-bottom: 64px;
  margin-bottom: var(--space-extravagant);
}

.cftWh-00zXM- {
  padding: 0;
  padding: var(--public-content--padding, 0);
}

.wFxd-3vJyKo- {
  position: relative;
  padding: 8px 0;
  padding: var(--space-small) 0;
}

.PzwV5qiIgV4- {
  display: -ms-flexbox;
  display: flex;

  max-height: calc(8px * 33.33);

  max-height: calc(var(--space-small) * 33.33);
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
  gap: var(--space-smaller);
}

.c6TosVipkmw-,
.ZYrg-J4-v2Y- {
  padding: 8px 16px;
  padding: var(--space-small) var(--space-base);
}

.wFxd-3vJyKo-::before,
.wFxd-3vJyKo-::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  height: 16px;
  height: var(--space-base);
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.wFxd-3vJyKo-::after {
  bottom: 8px;
  bottom: var(--space-small);
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--color-surface) 100%
  );
}

.wFxd-3vJyKo-::before {
  top: 8px;
  top: var(--space-small);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    transparent 100%
  );
  background: linear-gradient(
    180deg,
    var(--color-surface) 0%,
    transparent 100%
  );
}

.FLu6FtihsLo-::before,
.-o-v1zjzb48-::before {
  opacity: 0;
}

._2iW5DZ16G2U-::after,
.-o-v1zjzb48-::after {
  opacity: 0;
}

.PqwPrWjdB-A- {
  padding: 16px 16px;
  padding: var(--space-base) var(--space-base);
}

.PqwPrWjdB-A-.v3cabuEY4Xk- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: sticky;
  bottom: 0;
  padding: 16px 0;
  padding: var(--space-base) 0;
}

.PqwPrWjdB-A-.v3cabuEY4Xk-:empty {
  display: none;
}

.pEdV7Oo29SE- {
  display: grid;
  /* If this gets wrapped in a flex container, it should take the remaining space */
  -ms-flex: 1;
      flex: 1;
}

.ftl4BEGpmyA- {
  gap: 2px;
  gap: var(--space-smallest);
}

.ikaEWOhu3ZI- {
  gap: 4px;
  gap: var(--space-smaller);
}

.V9xi4msiJlM- {
  gap: 8px;
  gap: var(--space-small);
}

.Jzbdj1Ja38E- {
  gap: 16px;
  gap: var(--space-base);
}

.cLrQOLCo-z8- {
  gap: 24px;
  gap: var(--space-large);
}

.VZokN5bjMl0- {
  gap: 0;
}

._9CW5WRJdMFo- {
  -ms-flex-align: start;
      align-items: start;
}

.zVzX2gVWEGw- {
  -ms-flex-align: center;
      align-items: center;
}

.cnhrFSJxBCo- {
  -ms-flex-align: end;
      align-items: end;
}

.HowvTX8-pw4- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: calc((48px - 4px));
  min-height: calc((var(--space-largest) - var(--space-smaller)));
  box-sizing: border-box;
  margin: 0 8px;
  margin: 0 var(--space-small);
  padding: 8px;
  padding: var(--space-small);
  border-radius: 8px;
  border-radius: var(--radius-base);
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
  font-weight: 500;
  cursor: pointer;
  transition: all 200ms;
  transition: all var(--timing-base);
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.HowvTX8-pw4-:hover,
.HowvTX8-pw4-:focus-visible {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.HowvTX8-pw4-:focus,
.HowvTX8-pw4-:focus-visible {
  outline: none;
}

.HowvTX8-pw4-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.jPB--ZCYNNI- {
  -webkit-transform: translateY(calc(48px * -1));
  -webkit-transform: translateY(calc(var(--space-largest) * -1));
          transform: translateY(calc(48px * -1));
          transform: translateY(calc(var(--space-largest) * -1));
}

.nrNh3feibg8- {
  display: -ms-flexbox;
  display: flex;
  padding: 16px 8px 0 16px;
  padding: var(--space-base) var(--space-small) 0 var(--space-base);
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  gap: 4px;
  gap: var(--space-smaller);
}

.NWf8JR3TBoo- {
  width: 100%;
  box-sizing: border-box;
  padding: 0 8px;
  padding: 0 var(--space-small);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.PoMXFVYVY5A- {
  position: relative;
  width: 100%;
  min-height: calc((48px - 8px));
  min-height: calc((var(--space-largest) - var(--space-small)));
  padding: 8px 0;
  padding: var(--space-small) 0;
  border: none;
  border-radius: 8px;
  border-radius: var(--radius-base);
  text-align: left;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  cursor: pointer;
  transition: all 200ms;
  transition: all var(--timing-base);
}

.PoMXFVYVY5A-:focus {
  outline: none;
}

.PoMXFVYVY5A-:hover,
.PoMXFVYVY5A-:focus-visible {
  outline: none;
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.PoMXFVYVY5A-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.PoMXFVYVY5A- span {
  margin-left: 8px;
  margin-left: var(--space-small);
}

.xxU2WqkpXZU- {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
  z-index: var(--elevation-menu);
  background-color: transparent;
}

.W-9SMjhEMpI- {
  display: inline-block;
}

.rJamQZ6fRes- {
  --content-block-max-width: 100ch;
  --content-block-gutters: 0;
  width: 100%;
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 100ch;
  max-width: var(--content-block-max-width);
}

.bqjXV8MRO-4- {
  -webkit-margin-start: 0;
          margin-left: 0;
  -webkit-margin-end: auto;
          margin-right: auto;
}

.sCMxIxKkFe0- {
  -webkit-margin-end: 0;
          margin-right: 0;
  -webkit-margin-start: auto;
          margin-left: auto;
}

._2pIQVKvVL1I- {
  margin-left: auto;
  margin-right: auto;
}

._6dF2no3aTxw- {
  text-align: center;
}

.bqjXV8MRO-4-._6dF2no3aTxw- {
  text-align: left;
}

.sCMxIxKkFe0-._6dF2no3aTxw- {
  text-align: right;
}

._8k8YLsatGag- {
  -webkit-padding-start: var(--content-block-gutters);
          padding-left: var(--content-block-gutters);
  -webkit-padding-end: var(--content-block-gutters);
          padding-right: var(--content-block-gutters);
}

.v3oESmhykhE-,
.v3oESmhykhE- * {
  box-sizing: border-box;
}

.v3oESmhykhE- {
  --data-list--minimum-item-height: calc(var(--base-unit) * 3.5);

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  z-index: 0;
  z-index: var(--elevation-default);
  -ms-flex: 1;
      flex: 1;
}

/*
 * Header
 */

.KuG6k-a5jEM- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  z-index: var(--elevation-base);
  margin-bottom: 8px;
  margin-bottom: var(--space-small);
  -ms-flex-align: center;
      align-items: center;
}

.E0wzULGeIvs- {
  display: grid;
  padding: calc(8px + 4px) 0;
  padding: calc(var(--space-small) + var(--space-smaller)) 0;
  gap: 8px;
  grid-gap: 8px;
  grid-gap: var(--space-small);
  gap: var(--space-small);
  grid-template-columns: auto fit-content(calc(16px * 14));
  grid-template-columns: auto fit-content(calc(var(--base-unit) * 14));
}

.E0wzULGeIvs-:empty {
  display: none;
}

.TzEnOGRRd8g- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 48px;
  min-height: var(--space-largest);
  padding: 8px;
  padding: var(--space-small);
  border-bottom: 2px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-thick) solid var(--color-border);
}

.DvRzj3qOLCk- {
  --data-list--header-actions-gap: var(--space-small);
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  gap: var(--data-list--header-actions-gap);
}

@media (max-width: 489px) {

.DvRzj3qOLCk- {
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
}
  }

@media (--small-screens-and-below) {

.DvRzj3qOLCk- {
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
}
  }

.pmQV-ZYKQMg- > p {
  font-weight: 500;
  white-space: nowrap;
}

.pmQV-ZYKQMg- {
  display: -ms-flexbox;
  display: flex;
  margin: calc(8px * -1) 0;
  margin: calc(var(--space-small) * -1) 0;
  -ms-flex-align: center;
      align-items: center;
  gap: var(--data-list--header-actions-gap);
}

/*
 * List Item
 */

.i-w6mU9puzE- {
  position: relative;
  padding: 8px;
  padding: var(--space-small);
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
  transition: all 200ms;
  transition: all var(--timing-base);
}

.i-w6mU9puzE-,
.Hx3I3kI1E7Q- {
  display: grid;
  grid-template-columns: minmax(0px, auto);
  min-height: var(--data-list--minimum-item-height);
  -ms-flex-align: center;
      align-items: center;
}

.i-w6mU9puzE-.eCAyzR-N1Xk-,
.i-w6mU9puzE-:hover,
.i-w6mU9puzE-:focus-within {
  --data-list-item-active-color: var(--color-surface--hover);
  background-color: hsl(53, 21%, 93%);
  background-color: var(--data-list-item-active-color);
}

.Hx3I3kI1E7Q- {
  margin: calc(8px * -1) 0;
  margin: calc(var(--space-small) * -1) 0;
  padding: 8px 0;
  padding: var(--space-small) 0;
  border: none;
  text-align: left;
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
}

/**
 * Reset CSS properties on focus to ensure we only have the focus state on the
 * parent .listItem
 */

.Hx3I3kI1E7Q-:focus {
  outline: none;
  background-color: transparent;
}

/**
 * Enable a better hover and focus experience when :has() is supported.
 * This is a workaround for Firefox where the :has() selector is not supported.
 */

@supports selector(*:has(*)) {
  .i-w6mU9puzE-:hover,
  .i-w6mU9puzE-:focus-within {
    background-color: transparent;
  }

  .i-w6mU9puzE-:has(.Hx3I3kI1E7Q-:hover, .Hx3I3kI1E7Q-:focus) {
    background-color: var(--data-list-item-active-color);
  }
}

/*
 * List Item Selection
 */

.zvpLQa7hDp0- {
  display: grid;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media (min-width: 768px) {

.zvpLQa7hDp0- {
    -ms-flex-align: center;
        align-items: center;
}
  }

@media (--medium-screens-and-up) {

.zvpLQa7hDp0- {
    -ms-flex-align: center;
        align-items: center;
}
  }

.zvpLQa7hDp0-,
.TzEnOGRRd8g- .zvpLQa7hDp0- {
  grid-template-columns: -webkit-max-content minmax(0px, auto);
  grid-template-columns: max-content minmax(0px, auto);
  -webkit-column-gap: 8px;
  -webkit-column-gap: var(--space-small);
     -moz-column-gap: 8px;
     -moz-column-gap: var(--space-small);
          column-gap: 8px;
          column-gap: var(--space-small);
}

.TzEnOGRRd8g- .zvpLQa7hDp0- {
  display: grid;
  -ms-flex-align: center;
      align-items: center;
}

._8fx-1j3wk2E- {
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;

  /* To compensate the Checkbox's label margin that we are using for screen-readers */
  margin-right: calc(16px * -1);
  margin-right: calc(var(--space-base) * -1);
}

._8fx-1j3wk2E-.VaDzSy52w-w- {
  visibility: visible;
}

.i-w6mU9puzE- .zvpLQa7hDp0- > :first-child {
  -ms-flex-order: 2;
      order: 2;
}

.i-w6mU9puzE- .zvpLQa7hDp0- > :last-child {
  -ms-flex-order: 1;
      order: 1;
  padding-top: 4px;
  padding-top: var(--space-smaller);
  opacity: 1;
  transition: opacity 100ms ease-in-out;
  transition: opacity var(--transition-properties);
  --transition-properties: var(--timing-quick) ease-in-out;
}

@media (any-pointer: fine) {

.i-w6mU9puzE- .zvpLQa7hDp0- > :last-child {
    padding-top: 0;
    opacity: 0;
}
  }

.i-w6mU9puzE-:hover .zvpLQa7hDp0- > :last-child,
.i-w6mU9puzE-:focus-within .zvpLQa7hDp0- > :last-child,
.i-w6mU9puzE- .zvpLQa7hDp0-._0qmb-Daumfs- > :last-child {
  opacity: 1;
}

/*
 * Filters
 */

.Xl0eCv2fMNM- {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  background-color: var(--color-overlay--dimmed);
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
}

.t9txZ5-Upp4- {
  position: sticky;
  top: 50vh;
}

/* This hides the text from the UI but not from the screen readers */

.HBTfumId4rA- {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-indent: -10000px;
}

._9wfZRG5vXI8- {
  min-width: 80px;
  margin-left: 8px;
  margin-left: var(--space-small);
}

._85AuDa3YmT4- {
  position: relative;
}

._85AuDa3YmT4-::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100px;
  background-image: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: linear-gradient(
    to top,
    var(--color-surface) 0%,
    rgba(var(--color-white--rgb), 0) 100%
  );
}

._7DSXt2KpxYc- {
  padding: 16px 8px;
  padding: var(--space-base) var(--space-small);
}

._80Ger-sdJDc- {
  width: 100%;
  min-width: 48px;
  min-width: var(--space-largest);
}

.SSm2j6d2kYo- {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -26px;
  right: 0;
  z-index: 6;
  z-index: var(--elevation-menu);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  gap: 2px;
  gap: var(--space-smallest);
}

.ld5hWlraYD8- {
  position: relative;
}

.yi316XKxcHc- {
  --inline-label-height: calc(
    var(--typography--fontSize-small) * 1.5 + calc(var(--space-smaller) * 1.25) *
      2
  );

  display: -ms-flexbox;

  display: flex;
  z-index: 0;
  z-index: var(--elevation-default);
  max-height: calc((
    12px * 1.5 + (4px * 1.25) *
      2
  ) * 2);
  max-height: calc(calc(
    12px * 1.5 + calc(4px * 1.25) *
      2
  ) * 2);
  max-height: calc(var(--inline-label-height) * 2);
  overflow: hidden;
  white-space: nowrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  gap: var(--space-smaller);
}

.OHjlxTgwQMM- {
  -webkit-mask-image: linear-gradient(
    to left,
    transparent,
    transparent 24px,
    rgba(0, 0, 0, 1) 48px,
    rgba(0, 0, 0, 1)
  );
  -webkit-mask-image: linear-gradient(
    to left,
    transparent,
    transparent var(--space-large),
    rgba(0, 0, 0, 1) var(--space-largest),
    rgba(0, 0, 0, 1)
  );
          mask-image: linear-gradient(
    to left,
    transparent,
    transparent 24px,
    rgba(0, 0, 0, 1) 48px,
    rgba(0, 0, 0, 1)
  );
          mask-image: linear-gradient(
    to left,
    transparent,
    transparent var(--space-large),
    rgba(0, 0, 0, 1) var(--space-largest),
    rgba(0, 0, 0, 1)
  );
}

.uUuTxKoLb5k- {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
}

.M01SZy5EYFg- {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

._0L5DuoQQ0N0- {
  padding: calc(4px * 1.5) calc(8px * 1.25);
  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);
  border-radius: 16px;
  border-radius: var(--radius-large);
}

._0L5DuoQQ0N0- span {
  line-height: 0.75rem;
}

.QKOUUH9-Fho- {
  padding: calc(8px * 1.25) 12px;
  padding: calc(var(--space-small) * 1.25) var(--space-slim);
  border-radius: 24px;
  border-radius: var(--radius-larger);
}

.QKOUUH9-Fho- span {
  line-height: 1rem;
}

.GdJFaAMVrfU- {
  padding: 12px calc(16px);
  padding: var(--space-slim) calc(var(--space-base));
  border-radius: 24px;
  border-radius: var(--radius-larger);
}

.GdJFaAMVrfU- span {
  line-height: 1rem;
}

._1KuDugNaT-o- {
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
  background-color: hsl(195, 12%, 94%);
  background-color: var(--color-inactive--surface);
}

.bHju-S5Uytc- {
  color: hsl(6, 100%, 24%);
  color: var(--color-critical--onSurface);
  background-color: hsl(7, 63%, 95%);
  background-color: var(--color-critical--surface);
}

.hk1-OlPzFpM- {
  color: hsl(31, 90%, 37%);
  color: var(--color-orange--dark);
  background-color: hsl(31, 74%, 93%);
  background-color: var(--color-orange--lightest);
}

.ekQbbiBSxKk-,
.YBvJuPW-YEI- {
  color: hsl(107, 64%, 16%);
  color: var(--color-success--onSurface);
  background-color: hsl(109, 28%, 92%);
  background-color: var(--color-success--surface);
}

._5X5w6s0pPdw-,
.lju-nyF9vX0- {
  color: hsl(197, 90%, 12%);
  color: var(--color-inactive--onSurface);
  background-color: hsl(195, 12%, 94%);
  background-color: var(--color-inactive--surface);
}

.nMlCD9k-Meg-,
.HVMpHULM2PU- {
  color: hsl(198, 35%, 21%);
  color: var(--color-task--onSurface);
  background-color: hsl(195, 12%, 94%);
  background-color: var(--color-task--surface);
}

.hOJmavXturw-,
.kfXKagw-wdE- {
  color: hsl(51, 64%, 24%);
  color: var(--color-warning--onSurface);
  background-color: hsl(52, 64%, 89%);
  background-color: var(--color-warning--surface);
}

.ZrdNg5b18oY- {
  color: hsl(79, 85%, 21%);
  color: var(--color-lime--dark);
  background-color: hsl(79, 49%, 90%);
  background-color: var(--color-lime--lightest);
}

.df-Q7pKd2iI-,
.WE3Qy5JUsN4- {
  color: hsl(206, 61%, 23%);
  color: var(--color-invoice--onSurface);
  background-color: hsl(207, 87%, 94%);
  background-color: var(--color-invoice--surface);
}

.-Wiy2k-i7tQ-,
.NoDP1qZvkds- {
  color: hsl(348, 40%, 27%);
  color: var(--color-quote--onSurface);
  background-color: hsl(347, 33%, 95%);
  background-color: var(--color-quote--surface);
}

.gc8t5abqWH4- {
  color: hsl(190, 78%, 25%);
  color: var(--color-teal--dark);
  background-color: hsl(190, 63%, 92%);
  background-color: var(--color-teal--lightest);
}

.SeLhnnpqK70-,
.L9FK1YwwCB8- {
  color: hsl(107, 65%, 24%);
  color: var(--color-job--onSurface);
  background-color: hsl(109, 28%, 92%);
  background-color: var(--color-job--surface);
}

.PZdC-xYFPok- {
  color: hsl(200, 13%, 87%);
  color: var(--color-text--reverse--secondary);
  background-color: hsl(197, 90%, 12%);
  background-color: var(--color-surface--reverse);
}

._3JD9CXbxRQ8-,
.R-kgbH6qPZU- {
  color: hsl(207, 61%, 34%);
  color: var(--color-informative--onSurface);
  background-color: hsl(207, 87%, 94%);
  background-color: var(--color-informative--surface);
}

._6juDApQlcS0-,
.MGcsvmjHlow- {
  color: hsl(31, 100%, 18%);
  color: var(--color-request--onSurface);
  background-color: hsl(31, 74%, 93%);
  background-color: var(--color-request--surface);
}

.kXYd0fpUuek- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 calc(-1 * 2px);
  margin: 0 calc(-1 * var(--space-smallest));
  padding: 0 2px;
  padding: 0 var(--space-smallest);
  border: none;
  border-radius: 4px;
  border-radius: var(--radius-small);
  background-color: transparent;
  transition: all 200ms ease-out;
  transition: all var(--timing-base) ease-out;
}

.kXYd0fpUuek-:focus,
.kXYd0fpUuek-:focus-visible {
  outline: transparent;
}

.kXYd0fpUuek-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.kryUPRHDUcs- {
  cursor: pointer;
}

._7-6mnR33fOk- {
  width: 18px;
  height: 24px;
}

._7-6mnR33fOk- path {
  fill: hsl(198, 35%, 21%);
  fill: var(--color-interactive--subtle);
  transition: opacity 200ms ease;
  transition: opacity var(--timing-base) ease;
}

._7-6mnR33fOk- path.GBbFLBGQDvI- {
  opacity: 0.4;
}

._7-6mnR33fOk- path.ADTGMg72Zw4-,
._7-6mnR33fOk-:hover path {
  opacity: 1;
}

._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
  opacity: 0.6;
}

.krkUjDI-P7E- {
  position: absolute;
  top: 100%;
  left: 0;
  max-width: var(--popover--width);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  margin-top: 4px;
  margin-top: var(--space-smaller);
  padding: 8px;
  padding: var(--space-small);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  background: rgba(255, 255, 255, 1);
  background: var(--color-surface);
  -ms-flex-align: start;
      align-items: flex-start;
}

.d4hPt6o50kw- {
  display: -ms-flexbox;
  display: flex;
  min-width: 168px;
  min-height: 40px;
  box-sizing: border-box;
  padding: 8px;
  padding: var(--space-small);
  border-radius: 4px;
  border-radius: var(--radius-small);
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-normal);
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  font-weight: 500;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 4px;
  gap: var(--space-smaller);
}

.d4hPt6o50kw-:hover,
.d4hPt6o50kw-:focus {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.d4hPt6o50kw-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  outline: transparent;
}

.e1ztw2-YxtM- {
  position: fixed;
  top: 0;
  top: var(--actions-menu-y, 0);
  left: 0;
  left: var(--actions-menu-x, 0);
  z-index: 6;
  z-index: var(--elevation-menu);
  min-width: 150px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  padding: 4px;
  padding: var(--space-smaller);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.uMoOb93Pf1Q- {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(6 - 1);
  z-index: calc(var(--elevation-menu) - 1);
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
}

.BJxca-StHxg- {
  /* Offset the button's padding so the height of the header bar doesn't change */
  margin: calc(8px * -1) 0;
  margin: calc(var(--space-small) * -1) 0;
}

.a-KvXvaVQks- {
  --overflow-fade--offset: var(--space-smaller);
  --overflow-fade--negative-offset: calc(var(--overflow-fade--offset) * -1);

  -ms-flex-item-align: center;

      align-self: center;
  position: relative;
  min-width: 0;
}

.faGQ-G8kLN8-,
.TBUIm7AHO68- {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -ms-flex-align: center;
      align-items: center;
}

.faGQ-G8kLN8- {
  gap: 8px;
  gap: var(--space-small);
}

.TBUIm7AHO68- {
  margin: var(--overflow-fade--negative-offset);
  padding: var(--overflow-fade--offset);
  overflow-x: auto;
  overflow-y: visible;
}

.FMXUosxE5aQ- {
  visibility: hidden;
}

.kxQNzyS1RsY-::before,
.AXW-X8-zsI8-::after {
  content: "";
  position: absolute;
  top: 0;
  width: 24px;
  width: var(--space-large);
  height: 100%;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: linear-gradient(
    var(--data-list-overflow-shadow-angle, to right),
    var(--color-surface) 0%,
    rgba(var(--color-white--rgb), 0) 100%
  );
  pointer-events: none;
}

.kxQNzyS1RsY-::before {
  left: var(--overflow-fade--negative-offset);
}

.AXW-X8-zsI8-::after {
  --data-list-overflow-shadow-angle: to left;
  right: var(--overflow-fade--negative-offset);
}

.u5YTRL-PlTI- {
  --offset: 1px;
  --sticky-header-transition-properties: var(--timing-base) ease-in-out;

  position: sticky;
  top: calc(1px * -1);
  top: calc(var(--offset) * -1);
  z-index: 1;
  z-index: var(--elevation-base);
  padding-top: 1px;
  padding-top: var(--offset);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

/**
 * Draw a border that gets covered by the column headers border when it shows up.
 *
 * Mostly to prevent us from writing some complex JS to remove the border when
 * the column headers show up.
 */

.u5YTRL-PlTI-::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: 0;
  height: 0;
  background-color: hsl(200, 13%, 87%);
  background-color: var(--color-border);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  transition:
    height var(--sticky-header-transition-properties) 100ms,
    width var(--sticky-header-transition-properties);
  transition:
    height var(--sticky-header-transition-properties) var(--timing-quick),
    width var(--sticky-header-transition-properties);
}

.rylbmDbzCts-::before {
  width: 100%;
  height: 2px;
  height: var(--border-thick);
  transition:
    height var(--sticky-header-transition-properties),
    width var(--sticky-header-transition-properties) 100ms;
  transition:
    height var(--sticky-header-transition-properties),
    width var(--sticky-header-transition-properties) var(--timing-quick);
}

.S2Bu0Rv4w-E- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.N8dyu-defmc- {
  --transition-properties: var(--timing-base) ease-in-out;
  --button-offset: calc(var(--space-largest) - var(--space-smaller));

  position: absolute;
  top: 50%;
  right: calc(48px - 4px);
  right: var(--button-offset);
  visibility: hidden;
  width: 0;
  padding: 4px 0;
  padding: var(--space-smaller) 0;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  opacity: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition:
    opacity 200ms ease-in-out,
    width 200ms ease-in-out,
    visibility 200ms ease-in-out;
  transition:
    opacity var(--transition-properties),
    width var(--transition-properties),
    visibility var(--transition-properties);
}

@media not (min-width: 768px) {

.N8dyu-defmc- {
    overflow: hidden;
}
  }

@media not (--medium-screens-and-up) {

.N8dyu-defmc- {
    overflow: hidden;
}
  }

.UhMQC1SZUns- {
  visibility: visible;
  width: calc(100% - var(--button-offset));
  overflow: visible;
  opacity: 1;
}

@media (min-width: 768px) {

.N8dyu-defmc-,
.UhMQC1SZUns- {
    position: static;
    visibility: visible;
    width: auto;
    padding: 0;
    background-color: transparent;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition: none;
}
  }

@media (--medium-screens-and-up) {

.N8dyu-defmc-,
.UhMQC1SZUns- {
    position: static;
    visibility: visible;
    width: auto;
    padding: 0;
    background-color: transparent;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    transition: none;
}
  }

.zQPIm20aF50- {
  display: block;
}

@media (min-width: 768px) {

.zQPIm20aF50- {
    display: none;
}
  }

@media (--medium-screens-and-up) {

.zQPIm20aF50- {
    display: none;
}
  }

/*
 * No Filters Styling
 *
 * When there are no filters, the search input is always visible.
 * ------------------------------------------------------------------------- */

.oOqZupWkemo- .N8dyu-defmc- {
  position: static;
  visibility: visible;
  width: auto;
  opacity: 1;
  transition: none;
}

@media (min-width: 768px) {

.oOqZupWkemo- .N8dyu-defmc- {
    max-width: 30%;
}
  }

@media (--medium-screens-and-up) {

.oOqZupWkemo- .N8dyu-defmc- {
    max-width: 30%;
}
  }

.oOqZupWkemo- .zQPIm20aF50- {
  display: none;
}

.R0MWvfTO9vg- {
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  padding: 16px;
  padding: var(--space-base);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  row-gap: 16px;
  row-gap: var(--space-base);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
}

.aJIHa8Q-WbY- {
  position: relative;
  -webkit-transform: translateY(calc(48px * -1));
  -webkit-transform: translateY(calc(var(--space-largest) * -1));
          transform: translateY(calc(48px * -1));
          transform: translateY(calc(var(--space-largest) * -1));
}

.lLYWNAYcURY-,
.qA8J2KI6khc- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 8px;
  padding: var(--space-small);
}

.qA8J2KI6khc- {
  opacity: 0;
  -webkit-animation: WKPuBJINNCg- 200ms ease 200ms forwards;
  -webkit-animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
          animation: WKPuBJINNCg- 200ms ease 200ms forwards;
          animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
}

@-webkit-keyframes WKPuBJINNCg- {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes WKPuBJINNCg- {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.zfAZTjk0VNE- {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 44px;
  padding: 8px;
  padding: var(--space-small);
  border: none;
  border-radius: 0;
  border-radius: 8px;
  border-radius: var(--radius-base);
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  text-align: left;
  background: none;
  cursor: pointer;
  transition: background 200ms ease;
  transition: background var(--timing-base) ease;
  -webkit-appearance: none;
          appearance: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 8px;
  gap: var(--space-small);
}

.iiHzJY7IVi0- {
  box-sizing: border-box;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.zfAZTjk0VNE-:hover,
.zfAZTjk0VNE-:focus {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.zfAZTjk0VNE-:focus,
.zfAZTjk0VNE-:focus-visible {
  outline: none;
}

.zfAZTjk0VNE-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.R0mZNYJjNCg- {
  font-weight: 500;
}

.CwWlXTKCPUg- {
  visibility: hidden;
}

._3IHK46TSBOI- {
  position: relative;
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  overflow: hidden;
}

._8CMtSx4qamA- {
  overflow: auto;
}

.bNYpzdn5rPc- {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.bNYpzdn5rPc- thead tr th {
  padding: 16px;
  padding: var(--space-base);
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
  white-space: nowrap;
}

.bNYpzdn5rPc- thead tr th :first-child {
  display: -ms-flexbox;
  display: flex;
}

.bNYpzdn5rPc- tbody tr {
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
}

.bNYpzdn5rPc- tbody tr:last-child {
  border-bottom: none;
}

.bNYpzdn5rPc- tbody tr td {
  padding: 16px;
  padding: var(--space-base);
}

.bNYpzdn5rPc- tfoot {
  position: sticky;
  z-index: 1;
  width: 100%;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  border-top: 2px solid hsl(200, 13%, 87%);
  border-top: var(--border-thick) solid var(--color-border);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  bottom: 0;
}

.bNYpzdn5rPc- tfoot tr th {
  padding: 16px;
  padding: var(--space-base);
}

.lKXqbcsnCFs- thead tr th:first-child,
.lKXqbcsnCFs- tbody tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  height: calc(48px + 4px);
  height: calc(var(--space-largest) + var(--space-smaller));
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.lKXqbcsnCFs- tbody tr td.i-x8vss2hcI- {
  display: table-cell;
  position: static;
}

.lKXqbcsnCFs- th:first-child::after,
.lKXqbcsnCFs- td:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: calc(-1 * 8px);
  right: calc(-1 * var(--space-small));
  width: 8px;
  width: var(--space-small);
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background: linear-gradient(
    90deg,
    rgba(var(--color-black--rgb), 0.1) 0%,
    rgba(var(--color-black--rgb), 0) 80%
  );
}

.eWffzdKfJH0- {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.aGF6t8l8iUk-:first-child:hover {
  background: hsl(53, 21%, 93%);
  background: var(--color-surface--hover);
  cursor: pointer;
}

.W0kYDUxPkqI-:hover {
  background: hsl(53, 21%, 93%);
  background: var(--color-surface--hover);
  cursor: pointer;
}

.vWFyXrAaFtQ-:hover,
.vWFyXrAaFtQ-:hover :first-child {
  background: var(--color-surface--element);
  cursor: pointer;
}

._8L7icG7E530- {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-direction: column;
      flex-direction: column;
  top: 48px;
  top: var(--space-largest);
  right: 0;
  bottom: 48px;
  bottom: var(--space-largest);
  left: 0;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

._5TLZRabskzI- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: calc(4px + 48px);
  min-height: calc(var(--space-smaller) + var(--space-largest));
  padding: 8px 16px;
  padding: var(--space-small) var(--space-base);
  border-top: 1px solid hsl(200, 13%, 87%);
  border-top: var(--border-base) solid var(--color-border);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  gap: var(--space-small);
}

.k8VFFgHUPZ4- {
  -ms-flex: 9999;
      flex: 9999;
  white-space: nowrap;
}

.SfaHBP7KC3Y- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 16px;
  gap: var(--space-base);
  -ms-flex: 1;
      flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.E4zFf5oEm-Y- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 8px;
  gap: var(--space-small);
  min-width: calc(3 * 48px + 8px);
  min-width: calc(3 * var(--space-largest) + var(--space-small));
}

.N4LhT5occ94- {
  min-width: calc(64px + 4px);
  min-width: calc(var(--space-extravagant) + var(--space-smaller));
}

.HQPsyRjssL0- {
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  gap: var(--space-large);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

@media (max-width: 489px) {

.HQPsyRjssL0- {
    gap: 16px;
    gap: var(--space-base);
}
  }

@media (--small-screens-and-below) {

.HQPsyRjssL0- {
    gap: 16px;
    gap: var(--space-base);
}
  }

.wMM6V80Rt-w- {
  padding: 16px;
  padding: var(--space-base);
  border-top: 2px solid hsl(200, 13%, 87%);
  border-top: var(--border-thick) solid var(--color-border);
}

.HAoSIniVNvI- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-weight: bold;
}

.HAoSIniVNvI- * {
  text-align: left;
}

.mNGvTIKaQIA-,
.mNGvTIKaQIA- * {
  font-weight: normal;
  text-align: right;
}

.HAoSIniVNvI-:not(:last-child) {
  padding-bottom: 8px;
  padding-bottom: var(--space-small);
}

.NrRExUGE6GY- {
  padding-right: 8px;
  padding-right: var(--space-small);
}
.NrRExUGE6GY- path {
  fill: hsl(198, 35%, 21%);
  fill: var(--color-interactive--subtle);
  opacity: 0.4;
  transition: opacity 200ms ease;
  transition: opacity var(--timing-base) ease;
}
.NrRExUGE6GY- path.e3aVa36Y7W8- {
  opacity: 0.4;
}
.NrRExUGE6GY- path.lDKd982Sr-w-,
.NrRExUGE6GY-:hover path {
  opacity: 1;
}
.NrRExUGE6GY-:hover path.e3aVa36Y7W8- {
  opacity: 0.6;
}


/* stylelint-disable */
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}
.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  -ms-flex-align: center;
      align-items: center;
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-names {
  margin-bottom: -8px;
}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.-Nzs5104Tmw- .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.-Nzs5104Tmw- .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.-Nzs5104Tmw- .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.-Nzs5104Tmw- .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}
.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}
/* stylelint-enable */
.OmFI-Bfdzgw- {
  display: inline-block;
}
.HWDFy10kcYA- {
  display: block;
  width: 100%;
}
.Ma55F5Y-XhE-.react-datepicker {
  --datepicker-cell-size: calc(var(--space-base) * 2.375);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  border-color: hsl(200, 13%, 87%);
  border-color: var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-family: var(--typography--fontFamily-normal);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}
.Ma55F5Y-XhE-._58kEbTu-IAA- {
  box-shadow: none;
}
.react-datepicker__input-container,
.react-datepicker-wrapper {
  max-width: 100%;
}
.OmFI-Bfdzgw- .react-datepicker-popper {
  z-index: 6;
  z-index: var(--elevation-datepicker);
}
.Ma55F5Y-XhE- .react-datepicker__header {
  padding: 0;
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
  background: rgba(255, 255, 255, 1);
  background: var(--color-surface);
}
.Epg-Ub8Dn9A- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.Ma55F5Y-XhE- .react-datepicker__day {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--datepicker-cell-size);
  height: var(--datepicker-cell-size);
  margin: 0;
  border-radius: 8px;
  border-radius: var(--radius-base);
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  line-height: inherit;
  background: rgba(255, 255, 255, 1);
  background: var(--color-surface);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.Ma55F5Y-XhE- .react-datepicker__day--highlighted {
  background: hsl(51, 17%, 85%);
  background: var(--color-surface--active);
}
.Ma55F5Y-XhE- .react-datepicker__day--outside-month {
  border-radius: 0;
  color: hsl(198, 35%, 21%);
  color: var(--color-text);
  background: hsl(51, 17%, 85%);
  background: var(--color-interactive--background);
}
.Ma55F5Y-XhE- .react-datepicker__day--disabled {
  color: hsl(0, 0%, 72%);
  color: var(--color-disabled);
  cursor: default;
}
.Ma55F5Y-XhE- .react-datepicker__month {
  margin: 0;
}
.Ma55F5Y-XhE- .react-datepicker__day--selected {
  color: rgba(255, 255, 255, 1);
  color: var(--color-text--reverse);
  background: hsl(107, 58%, 33%);
  background: var(--color-interactive);
}
.Ma55F5Y-XhE- .react-datepicker__day-names {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 2px 0 0;
  padding: var(--space-smallest) 0 0;
  color: hsl(198, 35%, 21%);
  color: var(--color-text);
  font-size: 12px;
  font-size: var(--typography--fontSize-small);
  text-transform: uppercase;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.Ma55F5Y-XhE- .react-datepicker__day-name {
  width: auto;
  color: hsl(198, 35%, 21%);
  color: var(--color-text);
  -ms-flex: 1;
      flex: 1;
}
.Ma55F5Y-XhE- .react-datepicker__day:hover,
.Ma55F5Y-XhE- .react-datepicker__day:focus {
  background: hsl(53, 21%, 93%);
  background: var(--color-surface--hover);
}
.Ma55F5Y-XhE- .react-datepicker__day--outside-month:hover,
.Ma55F5Y-XhE- .react-datepicker__day--outside-month:focus {
  background: hsl(49, 7%, 70%);
  background: var(--color-interactive--background--hover);
}
.Ma55F5Y-XhE- .react-datepicker__day:focus {
  position: relative;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  outline: none;
}
.Ma55F5Y-XhE- .react-datepicker__day--selected:hover,
.Ma55F5Y-XhE- .react-datepicker__day--selected:focus {
  background: hsl(107, 65%, 24%);
  background: var(--color-interactive--hover);
}
.Ma55F5Y-XhE- .react-datepicker__day--disabled:hover,
.Ma55F5Y-XhE- .react-datepicker__day--disabled:focus {
  box-shadow: none;
  background: transparent;
}
.Ma55F5Y-XhE-
  .react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,
.Ma55F5Y-XhE-
  .react-datepicker__day--disabled.react-datepicker__day--outside-month:focus {
  box-shadow: none;
  background: hsl(0, 0%, 93%);
  background: var(--color-disabled--secondary);
}
.Wx3NP8La95k- {
  margin-top: 1px;
  margin-top: var(--space-minuscule);
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
}

.BkruJ2-bRWg- {
  margin: 0;
}

.tpCvfS7kyDQ- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 0;
  padding: var(--space-small) 0;
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
}

.tpCvfS7kyDQ-:first-child {
  padding-top: 0;
}

.tpCvfS7kyDQ-:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.tpCvfS7kyDQ- dd {
  min-width: calc(16px * 7.5);
  min-width: calc(var(--base-unit) * 7.5);
  box-sizing: border-box;
  padding-right: 8px;
  padding-right: var(--space-small);
  -webkit-margin-start: 0;
          margin-left: 0;
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
}

.tpCvfS7kyDQ- dt {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
}

.VMuRkKeqAs8- {
  -webkit-transform-origin: 50% 47.5% 0;
          transform-origin: 50% 47.5% 0;
  transition: -webkit-transform 100ms;
  transition: -webkit-transform var(--timing-quick);
  transition: transform 100ms;
  transition: transform var(--timing-quick);
  transition: transform 100ms, -webkit-transform 100ms;
  transition: transform var(--timing-quick), -webkit-transform var(--timing-quick);
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.fNHz-uKoICo-[open] .VMuRkKeqAs8- {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

._8BfGPs1d3OI- {
  padding: 4px 0 2px 0;
  padding: var(--space-smaller) 0 var(--space-smallest) 0;
  border: none;
  border-radius: 4px;
  border-radius: var(--radius-small);
  list-style: none;
  cursor: pointer;
  outline-color: transparent;
  transition:
    background-color 200ms ease-out,
    box-shadow 200ms;
  transition:
    background-color var(--timing-base) ease-out,
    box-shadow var(--timing-base);
}

._8BfGPs1d3OI-::-webkit-details-marker {
  display: none;
}

._8BfGPs1d3OI-:hover,
._8BfGPs1d3OI-:focus-visible {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

._8BfGPs1d3OI-:focus,
._8BfGPs1d3OI-:active {
  border: none;
  outline: transparent;
}

._8BfGPs1d3OI-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

._8BfGPs1d3OI- * {
  pointer-events: none;
}

.lPbWm-JxIOc- {
  -ms-flex-align: baseline;
      align-items: baseline;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.qCHHx-9sUDU- {
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  gap: var(--space-small);
}

.v4nYwpvvlh8- {
  display: block;
  padding: 8px 0;
  padding: var(--space-small) 0;
}

.fNHz-uKoICo-[open] > .v4nYwpvvlh8- {
  -webkit-animation: R-IWZjEaJeM- 200ms;
  -webkit-animation: R-IWZjEaJeM- var(--timing-base);
  animation: R-IWZjEaJeM- 200ms;
  animation: R-IWZjEaJeM- var(--timing-base);
}

@-webkit-keyframes R-IWZjEaJeM- {
  0% {
    margin-top: calc(8px * -1);
    margin-top: calc(var(--space-small) * -1);
    opacity: 0;
  }

  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

@keyframes R-IWZjEaJeM- {
  0% {
    margin-top: calc(8px * -1);
    margin-top: calc(var(--space-small) * -1);
    opacity: 0;
  }

  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

.XLgPB38fKeE- {
  --divider-color: var(--color-border);
  margin: 0;
  padding: 0;
  border: none;
}

.t44-9xW2xyI- {
  --divider-width: var(--border-base);
}

.DZLf49GmKvc- {
  --divider-width: var(--border-thick);
  opacity: 0.875;
}

.D9ovrKetww8- {
  --divider-width: var(--border-thicker);
  opacity: 0.625;
}

._8uEysWndSQc- {
  --divider-width: var(--border-thickest);
  opacity: 0.375;
}

.evwHY54TitY- {
  height: 1px;
  height: var(--space-minuscule);
  border-bottom: var(--divider-width) solid var(--divider-color);
}

.qT-G2Sn0Wm8- {
  width: 1px;
  width: var(--space-minuscule);
  height: auto;
  border-right: var(--divider-width) solid var(--divider-color);
}

.LNIwHwCs8gQ- {
  --drawer-width: 280px;
  --drawer--base-padding: var(--space-base);

  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  z-index: var(--elevation-modal);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  overflow: hidden;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);

  /* SPECIAL CASE:
  Drawer is primarily used in Jobber Online and is currently used in a layout
  that rearranges at 640px. For compatibility, this is hardcoded here
  rather than using the breakpoint custom properties.
  DO NOT COPY THIS - USE THE BREAKPOINTS DEFINED IN THE @jobber/design package!
  */
}

@media (min-width: 640px), print {

.LNIwHwCs8gQ- {
    position: relative;
    z-index: auto;
    width: var(--drawer-width);
    border: 1px solid hsl(200, 13%, 87%);
    border: var(--border-base) solid var(--color-border);
    border-bottom-left-radius: 8px;
    border-bottom-left-radius: var(--radius-base);
    border-top-left-radius: 8px;
    border-top-left-radius: var(--radius-base);
}
  }

@media (min-width: 1080px) {

.LNIwHwCs8gQ- {
    --drawer-width: 420px;
}
  }

@media (--large-screens-and-up) {

.LNIwHwCs8gQ- {
    --drawer-width: 420px;
}
  }

.iDSQR4mxUvM- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -ms-flex-direction: column;
      flex-direction: column;
}

.y9lAhWPltyg- {
  display: -ms-flexbox;
  display: flex;
}

.s830oNhRdZE- {
  display: -ms-flexbox;
  display: flex;
  padding: var(--drawer--base-padding) var(--drawer--base-padding) 0
    var(--drawer--base-padding);
  background-color: transparent;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  gap: var(--space-base);
}

.MZuJ7od4r-o- {
  margin-top: 8px;
  margin-top: var(--space-small);
}

/* Make sure the dismiss button doesn't get squished when title is longer */

.s830oNhRdZE- > button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.I4XEGwkvw74- {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow-y: auto;
}

.jZzp04L7Gao- {
  width: 100%;
}

/* Adjust `Content` components public padding to match the cards */

.jZzp04L7Gao- > * {
  --public-content--padding: var(--drawer--base-padding);
}

/* Remove the nested `Content` components public padding */

.jZzp04L7Gao- > * > * {
  --public-content--padding: 0;
}

._50Jq09W07gg- {
  display: grid;
  width: 100%;
  height: 100%;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
  grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
  grid-template-rows: 1fr;
}

.o-b2tWQIZvw- {
  display: -ms-flexbox;
  display: flex;
}

.NZtPT-dXFeQ- {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-item-align: center;
      align-self: center;
  padding-right: 16px;
  padding-right: var(--space-base);
  transition: opacity 200ms;
  transition: opacity var(--timing-base);
}

.tDW-yhISuqQ- {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  position: relative;
}

.Y-aeIDV1dL4- {
  position: absolute;
  top: 100%;
  width: 100%;
  margin-top: 2px;
  margin-top: var(--space-smallest);
  text-align: center;
}

.iXr88Nr7vpk- {
  opacity: 0.5;
}

.GSDyu-sASro- {
  opacity: 1;
}

.rVg6dYYBFN4- {
  --switch--width: 48px;
  --switch--pipSize: 16px;
  --switch--labelWidth: calc(var(--switch--pipSize) * 1.3);
  --switch--borderOffset: var(--border-thick);
}

.yyISARGmmJo-,
.yyISARGmmJo- * {
  box-sizing: border-box;
  transition: all 200ms;
  transition: all var(--timing-base);
}

.yyISARGmmJo- {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--switch--width);
  height: calc(var(--switch--width) / 2);
  padding: 0;
  border: 2px solid hsl(200, 13%, 87%);
  border: var(--border-thick) solid var(--color-border--interactive);
  border-radius: var(--switch--pipSize);
  overflow: hidden;
  line-height: normal;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  -ms-flex-align: center;
      align-items: center;
}

.yyISARGmmJo-:focus-visible {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  outline: none;
}

.yyISARGmmJo-:hover,
.yyISARGmmJo-:focus-visible {
  border-color: hsl(107, 58%, 33%);
  border-color: var(--color-interactive);
}

._40c6OIH33p8- {
  border-color: hsl(107, 58%, 33%);
  border-color: var(--color-interactive);
  background-color: hsl(107, 58%, 33%);
  background-color: var(--color-interactive);
}

.zA0Fmn8IIZI- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: calc(var(--switch--width) / -2);
  pointer-events: none;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-align: center;
      align-items: center;
}

._40c6OIH33p8- .zA0Fmn8IIZI- {
  margin-left: 0;
}

.HLUIVXs3n5w- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-width: var(--switch--labelWidth);
  margin-top: 1px;
  margin-top: var(--space-minuscule);
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  opacity: 0;
}

.HLUIVXs3n5w-:first-of-type {
  padding-left: 8px;
  padding-left: var(--space-small);
}

.HLUIVXs3n5w-:last-of-type {
  padding-right: 8px;
  padding-right: var(--space-small);
}

.PiwOCJz7Zto- {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: var(--switch--pipSize);
  height: var(--switch--pipSize);
  border: none;
  border-radius: 100%;
  border-radius: var(--radius-circle);
  background-color: hsl(198, 35%, 21%);
  background-color: var(--color-interactive--subtle);
  transition: all 100ms ease-out;
  transition: all var(--timing-quick) ease-out;
}

._40c6OIH33p8- .PiwOCJz7Zto- {
  border-color: hsl(107, 58%, 33%);
  border-color: var(--color-interactive);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.e-cSZjkHGw8- .PiwOCJz7Zto- {
  border-color: hsl(0, 0%, 93%);
  border-color: var(--color-disabled--secondary);
  background-color: hsl(0, 0%, 72%);
  background-color: var(--color-disabled);
}

.e-cSZjkHGw8- {
  border-color: hsl(0, 0%, 72%);
  border-color: var(--color-disabled);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  cursor: not-allowed;
}

._40c6OIH33p8-.e-cSZjkHGw8- {
  background-color: hsl(0, 0%, 72%);
  background-color: var(--color-disabled);
}

._40c6OIH33p8-.e-cSZjkHGw8- .PiwOCJz7Zto- {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.e-cSZjkHGw8-:hover {
  border-color: hsl(0, 0%, 72%);
  border-color: var(--color-disabled);
}

.ViFkIUcS6PM- {
  font-style: normal;
}

.y9T1gWK9SHY- {
  --file-card--background-color: var(--color-surface);
  --file-card--base-padding: var(--space-small);
}

._6qcLC0nLki0- {
  display: grid;
  grid-template-columns: auto -webkit-max-content;
  grid-template-columns: auto max-content;
  grid-gap: var(--file-card--base-padding);
  gap: var(--file-card--base-padding);
  -ms-flex-align: center;
      align-items: center;
  padding-right: 8px;
  padding-right: var(--space-small);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  background-color: var(--file-card--background-color);
}

.cSm0ukEQcOU-,
._6qcLC0nLki0- {
  position: relative;
}

.TEarBLxe1QY- {
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-gap: var(--file-card--base-padding);
  gap: var(--file-card--base-padding);
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
  border: none;
  text-align: left;
  background-color: transparent;
}

.rha7bX0NCtI- {
  width: 168px;
  height: 168px;
}

._7kv4ujgaxNk- {
  width: 56px;
  height: 56px;
}

.Km0E9H-xb-M- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  background-color: hsl(51, 17%, 85%);
  background-color: var(--color-interactive--background);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

._6qcLC0nLki0- .TEarBLxe1QY- {
  outline: none;
}

.cSm0ukEQcOU- .TEarBLxe1QY-:focus {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  border-radius: 8px;
  border-radius: var(--radius-base);
  outline: none;
}

.cSm0ukEQcOU- .Km0E9H-xb-M- {
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
}

._6qcLC0nLki0- .TEarBLxe1QY-:focus::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  border-radius: 8px;
  border-radius: var(--radius-base);
}

.d2l80-AKBiU- {
  z-index: 1;
  z-index: var(--elevation-base);
}

._6qcLC0nLki0- .Km0E9H-xb-M- {
  border-right: none;
  border-bottom-left-radius: 8px;
  border-bottom-left-radius: var(--radius-base);
  border-top-left-radius: 8px;
  border-top-left-radius: var(--radius-base);
}

.f7xR4ZcqlLo- {
  cursor: pointer;
}

.LxLX5kFFkfI- .Km0E9H-xb-M-::after,
._121nzRvOA-0- {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.32);
  background-color: var(--color-overlay);
  opacity: 0;
  transition: all 200ms;
  transition: all var(--timing-base);
}

.LxLX5kFFkfI-:hover .Km0E9H-xb-M-::after,
.LxLX5kFFkfI-:focus .Km0E9H-xb-M-::after,
._121nzRvOA-0- {
  opacity: 1;
}

._121nzRvOA-0- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  padding: var(--file-card--base-padding);
}

.cyiC2EalTkQ- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
}

.cyiC2EalTkQ- p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cSm0ukEQcOU- .d2l80-AKBiU- {
  position: absolute;
  top: 4px;
  top: var(--space-smaller);
  right: 4px;
  right: var(--space-smaller);
}

@media (min-width: 768px) {
  .qwQuqw4uODY- ~ .d2l80-AKBiU- {
    visibility: hidden;
  }

  .d2l80-AKBiU-:focus-within,
  .d2l80-AKBiU-:hover,
  .qwQuqw4uODY-:hover ~ .d2l80-AKBiU-,
  .qwQuqw4uODY-:focus ~ .d2l80-AKBiU- {
    visibility: visible;
  }
}

@media (--medium-screens-and-up) {
  .qwQuqw4uODY- ~ .d2l80-AKBiU- {
    visibility: hidden;
  }

  .d2l80-AKBiU-:focus-within,
  .d2l80-AKBiU-:hover,
  .qwQuqw4uODY-:hover ~ .d2l80-AKBiU-,
  .qwQuqw4uODY-:focus ~ .d2l80-AKBiU- {
    visibility: visible;
  }
}

.b9lhF-BkUnI- {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto -webkit-max-content;
  grid-template-rows: auto max-content;
  width: inherit;
  height: inherit;
  -ms-flex-align: center;
      align-items: center;
  justify-items: center;
}

.BJLJeUxloeQ-:not(.t5IzWH6-Sy0-) {
  -ms-flex-align: end;
      align-items: end;
}

.tj--cPRjQfI- {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.l2Vxo1qaR8U- .tj--cPRjQfI- {
  padding: 4px;
  padding: var(--space-smaller);
  font-size: 10px;
  font-size: var(--typography--fontSize-smaller);
}

.t5IzWH6-Sy0- .tj--cPRjQfI- {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px;
  padding: var(--space-small);
  font-size: 12px;
  font-size: var(--typography--fontSize-small);
}

.qOmZU-rbNf4- {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: zB1aNhsmmqY- 200ms ease;
          animation: zB1aNhsmmqY- 200ms ease;
}

._2bihNsPs7w4- {
  display: none;
}

@-webkit-keyframes zB1aNhsmmqY- {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes zB1aNhsmmqY- {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.p9AgTzIbTwY- {
  --progress-bar--height: 16px;
}

progress.p9AgTzIbTwY-[value] {
  width: 100%;
  height: var(--progress-bar--height);
  border: none;
  vertical-align: baseline;
  -webkit-appearance: none;
          appearance: none;
}

progress.p9AgTzIbTwY-[value],
progress.p9AgTzIbTwY-[value]::-webkit-progress-bar {
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: calc(var(--progress-bar--height) / 2);
}

progress.p9AgTzIbTwY-[value]::-webkit-progress-bar {
  background-color: hsl(51, 17%, 85%);
  background-color: var(--color-interactive--background);
}

progress.p9AgTzIbTwY-[value]::-webkit-progress-value {
  border-radius: calc(var(--progress-bar--height) / 2);
  background-color: hsl(107, 58%, 33%);
  background-color: var(--color-interactive);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-transition: all var(--timing-slow) ease-out;
  transition: all var(--timing-slow) ease-out;
}

progress.p9AgTzIbTwY-[value]::-moz-progress-bar {
  border-radius: calc(var(--progress-bar--height) / 2);
  background-color: hsl(107, 58%, 33%);
  background-color: var(--color-interactive);
  -moz-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -moz-transition: all var(--timing-slow) ease-out;
  transition: all var(--timing-slow) ease-out;
}

progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
  -webkit-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  -webkit-transition: all var(--timing-quick) ease-out;
  transition: all var(--timing-quick) ease-out;
}

.d4oS-DGtcKA- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  gap: 8px;
  gap: var(--space-small);
}

.dylWWgubHwM- {
  --progress-bar--height: 4px;
}

.z92YJQrscvI- {
  --progress-bar--height: 8px;
}

.DKfNM1to61A- {
  --progress-bar--height: 16px;
}

.S15iRxwj9UU- {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  aspect-ratio: var(--public-frame-numerator) / var(--public-frame-denominator);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.S15iRxwj9UU- img,
.S15iRxwj9UU- video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

._6UhvrmKZdns-,
.f0hnJ8v-iHE- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  gap: var(--space-small);
}

.f0hnJ8v-iHE- {
  gap: 16px;
  gap: var(--space-base);
}

.EvHA4-Q7O9g- {
  display: -ms-flexbox;
  display: flex;
}

.VWW-3mSlumg- {
  width: 56px;
  height: 56px;
}

.DNhegGxB75M- {
  width: 168px;
  height: 168px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
}

/**
 * This class is added to the root html element when opening a LightBox.
 * When the user tries to print the page, this prevents the LightBox content
 * from being duplicated multiple times.
 */
@media print {
html.atlantisLightBoxActive {
    overflow: hidden;
}

    html.atlantisLightBoxActive body {
      position: absolute;
      height: 100%;
      overflow: hidden;
    }
  }
.i9Tw1T65W-k- {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.6;
  -webkit-filter: saturate(67%);
          filter: saturate(67%);
}
.Q8amcRaTGf0-,
.W9FVb24yJrk- {
  position: absolute;
  top: 40%;
  z-index: 1;
  z-index: var(--elevation-base);
}
.Q8amcRaTGf0- {
  right: 24px;
  right: var(--space-large);
}
@media (min-width: 768px) {
.Q8amcRaTGf0- {
    right: 32px;
    right: var(--space-larger);
}
  }
@media (--medium-screens-and-up) {
.Q8amcRaTGf0- {
    right: 32px;
    right: var(--space-larger);
}
  }
.W9FVb24yJrk- {
  left: 24px;
  left: var(--space-large);
}
@media (min-width: 768px) {
.W9FVb24yJrk- {
    left: 32px;
    left: var(--space-larger);
}
  }
@media (--medium-screens-and-up) {
.W9FVb24yJrk- {
    left: 32px;
    left: var(--space-larger);
}
  }
.nsN0TPWsBXI- {
  opacity: 0;
  transition: opacity 200ms ease-in;
  transition: opacity var(--timing-base) ease-in;
}
.nsN0TPWsBXI-:hover,
  .nsN0TPWsBXI-:focus-within {
    opacity: 1;
  }
.dkLYp7AD2jE- {
  opacity: 1;
  transition: opacity 200ms ease-in;
  transition: opacity var(--timing-base) ease-in;
}
._5p2iAj4JfoE- {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  z-index: var(--elevation-modal);
  max-width: 100%;
  max-height: 100%;
  background-color: hsl(0, 0%, 72%);
  background-color: var(--color-base-grey--400);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.rMK4cKdOxFw- {
  display: grid;
  z-index: 1;
  z-index: var(--elevation-base);
  margin-bottom: 48px;
  margin-bottom: var(--space-largest);
  padding: 16px 16px 0;
  padding: var(--space-base) var(--space-base) 0;
  font-size: 16px;
  font-size: var(--typography--fontSize-large);
  -ms-flex-align: center;
      align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
}
._0m6vb11DgiA- {
  grid-column: 3;
  justify-self: end;
}
.kCc68gGuTgg- {
  grid-column: 2;
  justify-self: center;
}
.yYFVVScosfQ- {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.UskuwLHR6fg- {
  position: relative;
  height: 100%;
  max-width: 100%;
  margin: 0 16px 24px;
  margin: 0 var(--space-base) var(--space-large);
}
@media (min-width: 768px) {
.UskuwLHR6fg- {
    margin: 0 
      calc(48px + 16px + 24px)
      24px;
    margin: 0 /* nav button width + inner padding + outer margin */
      calc(var(--space-largest) + var(--space-base) + var(--space-large))
      var(--space-large);
}
  }
@media (--medium-screens-and-up) {
.UskuwLHR6fg- {
    margin: 0 
      calc(48px + 16px + 24px)
      24px;
    margin: 0 /* nav button width + inner padding + outer margin */
      calc(var(--space-largest) + var(--space-base) + var(--space-large))
      var(--space-large);
}
  }
.OGjhge-r-U4- {
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  z-index: var(--elevation-base);
  max-width: 600px;
  max-height: 90px;
  margin: 0 auto 32px;
  margin: 0 auto var(--space-larger);
  padding: 0 16px;
  padding: 0 var(--space-base);
  overflow-y: auto;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 8px;
  gap: var(--space-small);
}
.tZU2g-NYdIs- {
  text-align: center;
}
.GKIdLTmvcvQ- {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(30px);
  background-color: rgba(3, 43, 58, 0.25);
}
._3TfQLQEE3GQ- {
  --lightbox--box-sizing: content-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  z-index: var(--elevation-base);
  width: 100%;
  min-height: 92px;
  box-sizing: content-box;
  box-sizing: var(--lightbox--box-sizing);
  margin-bottom: 8px;
  margin-bottom: var(--space-small);
  padding-bottom: 8px;
  padding-bottom: var(--space-small);
  overflow-x: scroll;
  -ms-flex-pack: safe center;
      justify-content: safe center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  gap: var(--space-small);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@supports (scrollbar-color: #000 #000) {
._3TfQLQEE3GQ- {
    scrollbar-width: thin; /* Safari version 18.3: Bug causes this rule to undermine other scrollbar styling  */
    scrollbar-color: hsl(198, 35%, 21%) transparent;
    scrollbar-color: var(--color-interactive--subtle) transparent;
}
  }
@supports not (scrollbar-color: #000 #000) {
    ._3TfQLQEE3GQ-::-webkit-scrollbar {
      height: 8px;
    }

    ._3TfQLQEE3GQ-::-webkit-scrollbar-track {
      background: transparent;
    }

    ._3TfQLQEE3GQ-::-webkit-scrollbar-thumb {
      border-radius: 4px;
      border-radius: var(--radius-small);
      background: hsl(198, 35%, 21%);
      background: var(--color-interactive--subtle);
    }
  }
._3TfQLQEE3GQ- * {
  box-sizing: var(--lightbox--box-sizing);
}
.eBMzUOlcfQ4- {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border-radius: var(--radius-small);
  opacity: 0.8;
  opacity: var(--opacity-overlay);
  -o-object-fit: cover;
     object-fit: cover;
}
.eapm2zruLn8- {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  border-radius: var(--radius-small);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  transition:
    border 200ms ease-in,
    border-radius 100ms ease-in,
    -webkit-transform 100ms ease-in-out;
  transition:
    border var(--timing-base) ease-in,
    border-radius var(--timing-quick) ease-in,
    -webkit-transform var(--timing-quick) ease-in-out;
  transition:
    border 200ms ease-in,
    border-radius 100ms ease-in,
    transform 100ms ease-in-out;
  transition:
    border var(--timing-base) ease-in,
    border-radius var(--timing-quick) ease-in,
    transform var(--timing-quick) ease-in-out;
  transition:
    border 200ms ease-in,
    border-radius 100ms ease-in,
    transform 100ms ease-in-out,
    -webkit-transform 100ms ease-in-out;
  transition:
    border var(--timing-base) ease-in,
    border-radius var(--timing-quick) ease-in,
    transform var(--timing-quick) ease-in-out,
    -webkit-transform var(--timing-quick) ease-in-out;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.eapm2zruLn8-:hover {
    cursor: pointer;
  }
.eapm2zruLn8-.PeLn2u-QB0k- {
  margin: 0 4px;
  margin: 0 var(--space-smaller);
  padding: 2px;
  padding: var(--space-smallest);
  border: 2px solid rgba(255, 255, 255, 1);
  border: var(--border-thick) solid var(--color-surface);
  border-radius: 8px;
  border-radius: var(--radius-base);
  background-color: transparent;
  -webkit-transform: scale(1.125);
          transform: scale(1.125);
}
.eapm2zruLn8-.PeLn2u-QB0k- .eBMzUOlcfQ4- {
    opacity: 1;
    transition: opacity 200ms linear;
    transition: opacity var(--timing-base) linear;
  }
.eapm2zruLn8-:first-child,
.eapm2zruLn8-.PeLn2u-QB0k-:first-child {
  margin-left: 16px;
  margin-left: var(--space-base);
}
.eapm2zruLn8-:last-child,
.eapm2zruLn8-.PeLn2u-QB0k-:last-child {
  margin-right: 16px;
  margin-right: var(--space-base);
}

._0X4jj5NERa4- {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.d3vl57tdCWA- {
  gap: 16px;
  gap: var(--space-base);
}

@media (min-width: 768px) {
  .d3vl57tdCWA- {
    gap: 24px;
    gap: var(--space-large);
  }
}

@media (--medium-screens-and-up) {
  .d3vl57tdCWA- {
    gap: 24px;
    gap: var(--space-large);
  }
}

.V-24AGDyie4- {
  -ms-flex-align: center;
      align-items: center;
}

.H0zdYNTapmM- {
  -ms-flex-align: start;
      align-items: start;
}

.O5VtcGWRV3M- {
  -ms-flex-align: end;
      align-items: end;
}

.wVv5gaWrouI- {
  -ms-flex-align: stretch;
      align-items: stretch;
}

.U0IgyTjmtnU- {
  grid-column: initial;
  grid-column-end: span var(--gridCell--size-xs);
}@media (min-width: 490px) {.U0IgyTjmtnU- {
    grid-column-end: span var(--gridCell--size-sm);
}
  }@media (--small-screens-and-up) {.U0IgyTjmtnU- {
    grid-column-end: span var(--gridCell--size-sm);
}
  }@media (min-width: 768px) {.U0IgyTjmtnU- {
    grid-column-end: span var(--gridCell--size-md);
}
  }@media (--medium-screens-and-up) {.U0IgyTjmtnU- {
    grid-column-end: span var(--gridCell--size-md);
}
  }@media (min-width: 1080px) {.U0IgyTjmtnU- {
    grid-column-end: span var(--gridCell--size-lg);
}
  }@media (--large-screens-and-up) {.U0IgyTjmtnU- {
    grid-column-end: span var(--gridCell--size-lg);
}
  }@media (min-width: 1440px) {.U0IgyTjmtnU- {
    grid-column-end: span var(--gridCell--size-xl);
}
  }@media (--extra-large-screens-and-up) {.U0IgyTjmtnU- {
    grid-column-end: span var(--gridCell--size-xl);
}
  }

.CMahTsC0SPE- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.CMahTsC0SPE- > *:not(:last-child) {
  margin-right: 8px;
  margin-right: var(--space-small);
}

.VOVr4KEFeVk- {
  position: relative;
}

.HzGL7-Sfok4- {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  margin: 0 8px;
  margin: 0 var(--space-small);
  -ms-flex-align: center;
      align-items: center;
}

.Cflv-yL6aVQ- {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.Cflv-yL6aVQ-::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  border-radius: var(--radius-circle);
  background-color: hsl(198, 96%, 9%);
  background-color: var(--color-blue--dark);
  opacity: 0.3;
  mix-blend-mode: multiply;
}

.fSDkYM-382I- {
  font-size: 0;
  line-height: 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.fSDkYM-382I-:focus,
.fSDkYM-382I-:focus-within {
  border-color: hsl(198, 12%, 57%);
  border-color: var(--color-focus);
  outline: none;
}

.yT6m1v71VK8- {
  padding: 16px;
  padding: var(--space-base);
  border: 1px dashed hsl(200, 13%, 87%);
  border: var(--border-base) dashed var(--color-border--interactive);
  border-radius: 8px;
  border-radius: var(--radius-base);
  text-align: center;
  transition:
    border-color 100ms ease-out,
    background-color 200ms ease-out;
  transition:
    border-color var(--timing-quick) ease-out,
    background-color var(--timing-base) ease-out;
}

.yT6m1v71VK8-.fCb0O1wAjR0- {
  border-color: hsl(198, 12%, 57%);
  border-color: var(--color-focus);
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.yT6m1v71VK8-.Cm5wIem0XQI- {
  border-color: hsl(6, 64%, 51%);
  border-color: var(--color-critical);
}

.wyjYhAlF1qA- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.sAxF04DcAi4- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
}

.RwhScbXCXw0- > *:not(:last-child) {
  margin-bottom: -1px !important;
}

.xxMbKnv30VQ- {
  display: -ms-flexbox;
  display: flex;
}

.xxMbKnv30VQ- > *:not(:last-child) {
  margin-bottom: auto;
  margin-right: -1px;
}

/* Border corners are rounded on the outside edges of the group  */

.l87dJm2JnlA- {
  --public-field--top-left-radius: 0;
  --public-field--top-right-radius: 0;
  --public-field--bottom-left-radius: 0;
  --public-field--bottom-right-radius: 0;
}

.RwhScbXCXw0- > :first-child:not(.xxMbKnv30VQ-) {
  --public-field--top-left-radius: var(--radius-base);
  --public-field--top-right-radius: var(--radius-base);
}

.RwhScbXCXw0- > :last-child:not(.xxMbKnv30VQ-) {
  --public-field--bottom-left-radius: var(--radius-base);
  --public-field--bottom-right-radius: var(--radius-base);
}

/* First Horizontal Input Group */

.xxMbKnv30VQ-:first-child > :first-child {
  --public-field--top-left-radius: var(--radius-base);
}

.xxMbKnv30VQ-:first-child > :last-child {
  --public-field--top-right-radius: var(--radius-base);
}

/* Last Horizontal Input Group */

.xxMbKnv30VQ-:last-child > :first-child {
  --public-field--bottom-left-radius: var(--radius-base);
}

.xxMbKnv30VQ-:last-child > :last-child {
  --public-field--bottom-right-radius: var(--radius-base);
}

/*****************************************************************************
   * In Atlantis, these `--public-field` properties are used in other components such
   * as InputGroup, therefore they must stay on :root
   * (but here we move them to .wrapper just to contain them for the time being)
   **/
:root {
  --public-field--top-left-radius: var(--radius-base);
  --public-field--top-right-radius: var(--radius-base);
  --public-field--bottom-left-radius: var(--radius-base);
  --public-field--bottom-right-radius: var(--radius-base);
}
.yoAxHoRfBh0- {
  width: 100%;
}
._2THRT-1hUFg- {
  display: inline-block;
  width: auto;
}
.BFLLXHwls7k- {
  --field--placeholder-color: var(--color-base-blue--600);
  --field--value-color: var(--color-heading);
  --field--border-color: var(--color-border--interactive);

  --postfix-right: var(--space-base);

  --field--placeholder-offset: 50%;
  --field--placeholder-transform: -50%;

  --field--textAlign: left;

  --field--height: var(--space-largest);

  --field--padding-top: calc(var(--space-base) - var(--space-smallest));
  --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
  --field--padding-left: var(--space-base);
  --field--padding-right: var(--space-base);

  --field--value-lineHeight: calc(var(--base-unit) * 1.25);

  --field--background-color: var(--color-surface);

  --field--base-elevation: var(--elevation-base);
  --field--label-elevation: calc(var(--field--base-elevation) + 1);
  --field--postfix-elevation: calc(var(--field--base-elevation) - 1);
  --field--postfix-action-elevation: calc(var(--field--base-elevation) + 2);

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--field--border-color);
  border-radius: 8px;
  border-radius: var(--radius-base);
  border-top-right-radius: 8px;
  border-top-right-radius: var(--public-field--top-right-radius);
  border-bottom-right-radius: 8px;
  border-bottom-right-radius: var(--public-field--bottom-right-radius);
  border-bottom-left-radius: 8px;
  border-bottom-left-radius: var(--public-field--bottom-left-radius);
  border-top-left-radius: 8px;
  border-top-left-radius: var(--public-field--top-left-radius);
  color: hsl(197, 90%, 12%);
  color: var(--field--value-color);
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--field--background-color);
}
.BFLLXHwls7k- * {
  box-sizing: border-box;
}
.BFLLXHwls7k-:focus-within {
  position: relative;
  z-index: var(--field--base-elevation);
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}
.TN-Vt0n--vs- {
  display: -ms-flexbox;
  display: flex;
  height: var(--field--height);
  -ms-flex: 1;
      flex: 1;
}
.TDDlk-skU3c-,
.TDDlk-skU3c-:focus-within {
  --field--border-color: var(--color-critical);
  position: relative;
}
._7Slwc5wYHas- {
  --field--placeholder-color: var(--color-disabled);
  --field--value-color: var(--color-disabled);
  --field--background-color: var(--color-disabled--secondary);
  --field--border-color: var(--color-border);
}
/* override iOS default styling for disabled input */
._7Slwc5wYHas- :disabled {
  -webkit-text-fill-color: var(--field--value-color);
  opacity: 1;
}
.l-A9wrqF3o0- {
  margin-top: 4px;
  margin-top: var(--space-smaller);
}
.VqnwsVUZarY- {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  gap: var(--space-smaller);
  padding: 4px;
  padding: var(--space-smaller);
  padding-left: 0;
}
.QYqNvgYefjY- {
  --field--padding-left: calc(var(--space-base) - var(--space-smaller));
  --field--padding-right: calc(var(--space-base) - var(--space-smaller));
  --field--padding-top: var(--space-small);
  --field--padding-bottom: var(--space-small);
  --field--height: calc(var(--space-larger) + var(--space-smaller));
  --postfix-right: calc(var(--space-small) + var(--space-smaller));
}
.tU-M7nFJOxs- {
  --field--padding-left: var(--space-large);
  --field--padding-right: var(--space-large);
  --field--height: calc(var(--space-extravagant));
  --postfix-right: var(--space-large);
}
.uZ9UB1bR9O8- {
  --field--textAlign: center;
}
.FJI0aA3lUFE- {
  --field--textAlign: right;
}
/**
 * Input Wrapper
 **/
.xoyrLfJnWTc- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  /* Ensure input stays with the rest of the element stack */
  z-index: 0;
  z-index: var(--elevation-default);
}
._8PXaJfO9MhI- {
  position: relative;
  -ms-flex: 1;
      flex: 1;
}
/**
 * Input
 **/
.cvvb1XVqdvM- {
  position: relative;
  z-index: var(--field--base-elevation);
  width: 100%;
  padding-top: var(--field--padding-top);
  padding-bottom: var(--field--padding-bottom);
  padding-left: var(--field--padding-left);
  padding-right: var(--field--padding-right);
  border: none;
  border-radius: 8px;
  border-radius: var(--radius-base);
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: var(--field--value-lineHeight);
  text-align: var(--field--textAlign);
  background: transparent;
  -webkit-appearance: none;
          appearance: none;
}
.cvvb1XVqdvM-:focus {
  outline: none;
}
/* DO WE NEED TO SUPPORT AUTOFILL FOR INPUT NUMBER?? */
/* .input:-webkit-autofill,
.input:-webkit-autofill:hover,
.input:-webkit-autofill:focus,
.input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--color-surface) inset !important;
} */
/**
 * Label
 **/
.bMiwDjxGnGs- {
  position: absolute;
  top: var(--field--placeholder-offset);
  z-index: var(--field--label-elevation);
  width: 100%;
  padding-left: var(--field--padding-left);
  padding-right: var(--field--padding-right);
  overflow: hidden;
  color: var(--field--placeholder-color);
  line-height: var(--field--value-lineHeight);
  text-align: var(--field--textAlign);
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  -webkit-transform: translateY(var(--field--placeholder-transform));
          transform: translateY(var(--field--placeholder-transform));
}
/* When not hiding the label, animate the transition to the miniLabel */
.xoyrLfJnWTc-:not(.h-Ctyb3v8T0-) .bMiwDjxGnGs- {
  transition: all 100ms;
  transition: all var(--timing-quick);
}
/**
 * When input has value or is focused
 * and label has content
 * label becomes "miniLabel": small and above field value
 * unless inputWrapper is small
 */
.xoyrLfJnWTc-:not(.QYqNvgYefjY-):not(.h-Ctyb3v8T0-):has(
    .cvvb1XVqdvM-:not(:-ms-input-placeholder) + .bMiwDjxGnGs-:not(:empty)
  ) {
  --field--placeholder-color: var(--color-text--secondary);
  --field--placeholder-offset: var(--space-smallest);
  --field--placeholder-transform: 0;
  --field--padding-top: calc(var(--space-base) + var(--space-smaller));
  --field--padding-bottom: var(--space-small);
}
.inputWrapper:not(.small, .hideLabel):has(
    .input:not(:-ms-input-placeholder) + .label:not(:empty)
  ) {
  --field--placeholder-color: var(--color-text--secondary);
  --field--placeholder-offset: var(--space-smallest);
  --field--placeholder-transform: 0;
  --field--padding-top: calc(var(--space-base) + var(--space-smaller));
  --field--padding-bottom: var(--space-small);
}
.xoyrLfJnWTc-:not(.QYqNvgYefjY-):not(.h-Ctyb3v8T0-):has(
    .cvvb1XVqdvM-:not(:placeholder-shown) + .bMiwDjxGnGs-:not(:empty)
  ),
.xoyrLfJnWTc-:not(.QYqNvgYefjY-):not(.h-Ctyb3v8T0-):has(.cvvb1XVqdvM-:focus + .bMiwDjxGnGs-:not(:empty)) {
  --field--placeholder-color: var(--color-text--secondary);
  --field--placeholder-offset: var(--space-smallest);
  --field--placeholder-transform: 0;
  --field--padding-top: calc(var(--space-base) + var(--space-smaller));
  --field--padding-bottom: var(--space-small);
}
.xoyrLfJnWTc-._7Slwc5wYHas- label {
  --field--placeholder-color: var(--color-text-disabled);
}
.cvvb1XVqdvM-:not(:-ms-input-placeholder) + .bMiwDjxGnGs-:not(:empty) {
  font-size: 12px;
  font-size: var(--typography--fontSize-small);
}
.input:not(:-ms-input-placeholder) + .label:not(:empty) {
  font-size: 12px;
  font-size: var(--typography--fontSize-small);
}
.cvvb1XVqdvM-:not(:placeholder-shown) + .bMiwDjxGnGs-:not(:empty),
.cvvb1XVqdvM-:focus + .bMiwDjxGnGs-:not(:empty) {
  font-size: 12px;
  font-size: var(--typography--fontSize-small);
}
.h-Ctyb3v8T0- .cvvb1XVqdvM-:not(:-ms-input-placeholder) + .bMiwDjxGnGs-:not(:empty) {
  visibility: hidden;
}
.hideLabel .input:not(:-ms-input-placeholder) + .label:not(:empty) {
  visibility: hidden;
}
.h-Ctyb3v8T0- .cvvb1XVqdvM-:not(:placeholder-shown) + .bMiwDjxGnGs-:not(:empty),
.h-Ctyb3v8T0- .cvvb1XVqdvM-:focus + .bMiwDjxGnGs-:not(:empty) {
  visibility: hidden;
}
/* Size small inputs don't show a "miniLabel" */
.xoyrLfJnWTc-.QYqNvgYefjY- .cvvb1XVqdvM-:not(:-ms-input-placeholder) + .bMiwDjxGnGs-:not(:empty) {
  display: none;
}
.inputWrapper.small .input:not(:-ms-input-placeholder) + .label:not(:empty) {
  display: none;
}
.xoyrLfJnWTc-.QYqNvgYefjY- .cvvb1XVqdvM-:not(:placeholder-shown) + .bMiwDjxGnGs-:not(:empty),
.xoyrLfJnWTc-.QYqNvgYefjY- .cvvb1XVqdvM-:focus + .bMiwDjxGnGs-:not(:empty) {
  display: none;
}
/* Size Large inputs adjust top padding on minilabel  */
.xoyrLfJnWTc-.tU-M7nFJOxs-:not(.h-Ctyb3v8T0-)
  .cvvb1XVqdvM-:not(:-ms-input-placeholder)
  + .bMiwDjxGnGs-:not(:empty) {
  --field--padding-top: calc(var(--space-large) + var(--space-smaller));
}
.inputWrapper.large:not(.hideLabel)
  .input:not(:-ms-input-placeholder)
  + .label:not(:empty) {
  --field--padding-top: calc(var(--space-large) + var(--space-smaller));
}
.xoyrLfJnWTc-.tU-M7nFJOxs-:not(.h-Ctyb3v8T0-)
  .cvvb1XVqdvM-:not(:placeholder-shown)
  + .bMiwDjxGnGs-:not(:empty),
.xoyrLfJnWTc-.tU-M7nFJOxs-:not(.h-Ctyb3v8T0-) .cvvb1XVqdvM-:focus + .bMiwDjxGnGs-:not(:empty) {
  --field--padding-top: calc(var(--space-large) + var(--space-smaller));
}
.xoyrLfJnWTc-.tU-M7nFJOxs- .cvvb1XVqdvM-:not(:-ms-input-placeholder) + .bMiwDjxGnGs-:not(:empty) .bMiwDjxGnGs- {
  padding-top: 8px;
  padding-top: var(--space-small);
}
.inputWrapper.large .input:not(:-ms-input-placeholder) + .label:not(:empty) .label {
  padding-top: 8px;
  padding-top: var(--space-small);
}
.xoyrLfJnWTc-.tU-M7nFJOxs- .cvvb1XVqdvM-:not(:placeholder-shown) + .bMiwDjxGnGs-:not(:empty) .bMiwDjxGnGs-,
.xoyrLfJnWTc-.tU-M7nFJOxs- .cvvb1XVqdvM-:focus + .bMiwDjxGnGs-:not(:empty) .bMiwDjxGnGs- {
  padding-top: 8px;
  padding-top: var(--space-small);
}

._78-Lxj78xPg- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  z-index: var(--elevation-base);
  height: var(--field--height);
  padding-top: var(--field--padding-top);
  padding-bottom: var(--field--padding-bottom);
  padding-left: var(--field--padding-left);
  padding-right: var(--field--padding-right);
  color: hsl(0, 0%, 72%);
  color: var(--color-grey);
  font-family: inherit;
  font-size: inherit;
  line-height: var(--field--value-lineHeight);
  pointer-events: none;
}

.GoiXVXaU1Qs- {
  visibility: hidden;
  opacity: 0;
}

input.oOrjwubmsVA- {
  padding-left: calc(var(--field--padding-left) + 4px);
  padding-left: calc(var(--field--padding-left) + var(--space-smaller));
}

._8oxipSwiMJQ- {
  color: hsl(107, 58%, 33%);
  color: var(--color-interactive);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.rJffaV10x20- {
  width: 100%;
  padding: 0;
  border: none;
  text-align: left;
  background-color: transparent;
  -webkit-appearance: none;
          appearance: none;
}

.rJffaV10x20- > * {
  transition: background-color 200ms;
  transition: background-color var(--timing-base);
}

.LeWPz4r-I1o- > * {
  padding: 16px;
  padding: var(--space-base);
}

._6vjT92J6tm0- {
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 8px;
  padding: var(--space-small);
}

._6vjT92J6tm0- > * {
  padding: 8px;
  padding: var(--space-small);
}

.rwfzPbhL5qI- {
  cursor: pointer;
}

.rwfzPbhL5qI-:hover,
.rwfzPbhL5qI-:focus {
  outline: none;
}

.h6M4H38O32Y- > * {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--background);
}

.rwfzPbhL5qI-:hover > *,
.rwfzPbhL5qI-:focus > * {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.rQFprs7TrMI- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 24px;
  width: var(--space-large);
  height: 24px;
  height: var(--space-large);
  box-sizing: content-box;
}

.mU08HF2afDM- {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-width: 0;
  -ms-flex-item-align: center;
      align-self: center;
}

._8hKgCYORSNQ- {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  text-align: right;
}

.h6M4H38O32Y-:hover > *,
.h6M4H38O32Y-:focus > * {
  background-color: hsl(49, 7%, 70%);
  background-color: var(--color-interactive--background--hover);
}

/* TODO: Move truncate in typography */

.Sz9JkKmEIm8- {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.htH4y2JBFNQ- {
  position: sticky;
  top: 0;
  padding: 8px 16px;
  padding: var(--space-small) var(--space-base);
  border-bottom: 1px solid hsl(197, 90%, 12%);
  border-bottom: var(--border-base) solid var(--color-border--section);
}

.sFlecO8-wnY- {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dbZy6dviEis-:not(:last-child) {
  border-bottom: 1px solid hsl(200, 13%, 87%);
  border-bottom: var(--border-base) solid var(--color-border);
}

.vz43PAcPYt0- {
  position: relative;
}

.vz43PAcPYt0-:not(:last-child) .sFlecO8-wnY- {
  padding-bottom: 24px;
  padding-bottom: var(--space-large);
}

.bR1N0mdMeZU- {
  position: relative;
  width: 100%;
}

.bR1N0mdMeZU- * {
  box-sizing: border-box;
}

._7naerR7479Q- {
  --field--height: var(--space-largest);

  --field--padding-top: calc(var(--space-base) - var(--space-smallest));
  --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
  --field--padding-left: var(--space-base);
  --field--padding-right: var(--space-base);

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 48px;
  height: var(--field--height);
  padding-top: calc(16px - 2px);
  padding-top: var(--field--padding-top);
  padding-bottom: calc(16px - 2px);
  padding-bottom: var(--field--padding-bottom);
  padding-left: 16px;
  padding-left: var(--field--padding-left);
  padding-right: 16px;
  padding-right: var(--field--padding-right);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
}

._7naerR7479Q- p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bR1N0mdMeZU-:hover,
.bR1N0mdMeZU-._7naerR7479Q- {
  cursor: pointer;
  caret-color: transparent;
}

._7naerR7479Q-:focus,
._7naerR7479Q-.SpV9TqBIR60- {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  outline: none;
}

.TdyW0RCheH4- {
  --field--padding-left: var(--space-slim);
  --field--padding-right: var(--space-slim);
  --field--height: calc(var(--space-larger) + var(--space-smaller));
}

.eBeKgF0JxEQ- {
  --field--padding-left: var(--space-large);
  --field--padding-right: var(--space-large);
  --field--height: calc(var(--space-extravagant));
}

.zossMHCpMPU- {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 6;
  z-index: var(--elevation-menu);
  width: 100%;
  max-height: calc(64px * 5);
  max-height: calc(var(--space-extravagant) * 5);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  margin: 0;
  padding: 0;
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 16px;
  border-radius: var(--radius-large);
  overflow: auto;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  -ms-flex-direction: column;
      flex-direction: column;
  scroll-behavior: smooth;
}

.zossMHCpMPU- li {
  list-style: none;
}

.poS49c-LqiU- {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px 16px;
  padding: var(--space-small) var(--space-base);
  cursor: pointer;
  transition: all 200ms;
  transition: all var(--timing-base);
}

.poS49c-LqiU-:focus,
.poS49c-LqiU-.NxmdtEQX0fQ- {
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
  outline-color: hsl(198, 12%, 57%);
  outline-color: var(--color-focus);
}

.BLYnKItuM3c- {
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  padding: var(--space-base);
}

@media (min-width: 768px) {

.BLYnKItuM3c- {
    padding: 24px;
    padding: var(--space-large);
}
  }

@media (--medium-screens-and-up) {

.BLYnKItuM3c- {
    padding: 24px;
    padding: var(--space-large);
}
  }

.n5WRRhMkoLs- {
  max-width: none;
}

.WziKEWW9nA8- {
  max-width: calc(16px * 80);
  max-width: calc(var(--base-unit) * 80);
}

.qgGzgDyS2NY- {
  max-width: calc(16px * 64);
  max-width: calc(var(--base-unit) * 64);
}

.lbmoDvdtQO4- h1 {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin-bottom: 16px;
  margin-bottom: var(--space-base);
}

.k9y5NuqTcks- {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  margin-bottom: var(--space-base);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  gap: var(--space-base);
  -ms-flex-align: center;
      align-items: center;
}

.k9y5NuqTcks- h1 {
  margin-bottom: 0;
}

.lbmoDvdtQO4- > ._7t53-bnzh98- {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.lbmoDvdtQO4-.SH0aNOLVhE8-,
.lbmoDvdtQO4-.Lc7Z0FsBa6w- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.lbmoDvdtQO4-.iF5IA1SYKoA- ._7t53-bnzh98- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98-,
.lbmoDvdtQO4-.SH0aNOLVhE8- ._7t53-bnzh98- {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98- {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.g-H7CKkX-LA- {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  margin-bottom: 8px;
  margin-bottom: var(--space-small);
}

.RSP7jHjP-mw- {
  margin-top: 8px;
  margin-top: var(--space-small);
  -ms-flex: 1;
      flex: 1;
}

.RSP7jHjP-mw- > div {
  width: 100%;
}

.lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- {
  margin-top: 0;
}

.lbmoDvdtQO4-.Lc7Z0FsBa6w- .g-H7CKkX-LA-,
.lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
  margin: 0;
  -ms-flex: 0 auto;
      flex: 0 auto;
}

.lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
  margin-left: 8px;
  margin-left: var(--space-small);
}

.lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- + .RSP7jHjP-mw- {
  margin-left: 8px;
  margin-left: var(--space-small);
}

.lbmoDvdtQO4- .EqsNMrZVL-8- {
  margin-bottom: 16px;
  margin-bottom: var(--space-base);
}

.rY8OtuArIi0- {
  --popover--padding: var(--space-base);
  --popover-content--base-padding: var(--space-base);
  --popover--width: 350px;
  --dismiss--button-padding: calc(var(--base-unit) / 4);
  --popover--position--offset: -7px;

  z-index: 1002;

  z-index: var(--elevation-tooltip);
  width: -webkit-max-content;
  width: max-content;
  max-width: 350px;
  max-width: var(--popover--width);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 8px;
  border-radius: var(--radius-base);
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  line-height: normal;
  background: rgba(255, 255, 255, 1);
  background: var(--color-surface);
}

.UI1AohefbSo- {
  display: -ms-flexbox;
  display: flex;
  position: "relative";
  padding: var(--popover--padding);
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.HyA0TM5soDM- {
  float: right;
  padding: var(--dismiss--button-padding);
  text-align: right;
}

.rY8OtuArIi0- > * {
  --public-content--padding: var(--popover-content--base-padding);
}

.uClo-5-xhAc- {
  visibility: hidden;
}

.uClo-5-xhAc-,
.uClo-5-xhAc-::before {
  position: absolute;
  width: 16px;
  width: var(--base-unit);
  height: 16px;
  height: var(--base-unit);
  background: inherit;
}

.uClo-5-xhAc-::before {
  content: "";
  visibility: visible;
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);
}

.rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc- {
  bottom: var(--popover--position--offset);
}

.rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc-::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.rY8OtuArIi0-[data-popper-placement^="bottom"] > .uClo-5-xhAc- {
  top: var(--popover--position--offset);
}

.rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc- {
  right: var(--popover--position--offset);
}

.rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc-::before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc- {
  left: var(--popover--position--offset);
}

.rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc-::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.KZfSK2vhTyI- {
  --radio--checked-thickness: 6px;
  --radio-diameter: 20px;
  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule) transparent;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w1Rr3bk2t5g- {
  /* Hide checkbox on UI but not screen readers and still allow focus state */
  position: absolute;
  left: -999vw;
}

.gN41T07x0l0- {
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  cursor: pointer;
  -ms-flex-align: start;
      align-items: flex-start;
}

.w1Rr3bk2t5g- + .gN41T07x0l0-::before {
  content: "";
  display: block;
  width: var(--radio-diameter);
  height: var(--radio-diameter);
  box-sizing: border-box;
  margin-right: 8px;
  margin-right: var(--space-small);
  border: 2px solid hsl(200, 13%, 87%);
  border: var(--border-thick) solid var(--color-border--interactive);
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  transition: all 100ms ease-out;
  transition: all var(--timing-quick) ease-out;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.w1Rr3bk2t5g-:hover + .gN41T07x0l0-::before {
  border-color: hsl(107, 58%, 33%);
  border-color: var(--color-interactive);
}

.w1Rr3bk2t5g-:checked + .gN41T07x0l0-::before {
  border-color: hsl(107, 58%, 33%);
  border-color: var(--color-interactive);
  border-width: var(--radio--checked-thickness);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
}

.w1Rr3bk2t5g-:focus-visible:checked + .gN41T07x0l0-:before {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.w1Rr3bk2t5g-[disabled] + .gN41T07x0l0- {
  color: hsl(0, 0%, 72%);
  color: var(--color-disabled);
  cursor: not-allowed;
}

.w1Rr3bk2t5g-[disabled] + .gN41T07x0l0-::before {
  border-color: hsl(0, 0%, 93%);
  border-color: var(--color-disabled--secondary);
}

.w1Rr3bk2t5g-[disabled]:checked + .gN41T07x0l0-::before {
  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)
    var(--color-disabled);
  border-color: hsl(0, 0%, 72%);
  border-color: var(--color-disabled);
}

.Ke2WKKuvmRo-,
.JZOA-psW-FI- {
  margin-top: calc(4px * -1);
  margin-top: calc(var(--space-smaller) * -1);
  margin-bottom: 8px;
  margin-bottom: var(--space-small);
  padding-left: calc(var(--radio-diameter) + 8px);
  padding-left: calc(var(--radio-diameter) + var(--space-small));
}

.w1Rr3bk2t5g-[disabled] + .gN41T07x0l0- + .Ke2WKKuvmRo- > p {
  color: hsl(0, 0%, 72%);
  color: var(--color-disabled);
}

.-R-TvZ9aU9g- {
  display: grid;
  width: 100%;
  padding: 4px;
  padding: var(--space-smaller);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 16px;
  border-radius: var(--radius-large);
  grid-template-columns: repeat(7, 1fr);
  row-gap: 4px;
  grid-row-gap: 4px;
  grid-row-gap: var(--space-smaller);
  row-gap: var(--space-smaller);
  -webkit-column-gap: 4px;
  -webkit-column-gap: var(--space-smaller);
     -moz-column-gap: 4px;
     -moz-column-gap: var(--space-smaller);
          column-gap: 4px;
          grid-column-gap: 4px;
          grid-column-gap: var(--space-smaller);
          column-gap: var(--space-smaller);
}

.HgFD6w2VXzo- {
  position: relative;
}

/* kept present but hidden for accessibility */

.XGjk9DHJAmw- {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
}

.zulupkPyEs8- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 4px;
  padding: var(--space-smaller);
  border-radius: 16px;
  border-radius: var(--radius-large);
  text-align: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: rgba(255, 255, 255, 1);
  background: var(--color-surface);
  transition: 200ms;
  transition: var(--timing-base);
}

@supports (aspect-ratio: 1/1) {
  .zulupkPyEs8- {
    /*
     * disabling property-no-unknown here as this is a real property
     * that stylelint just doesn't know about. We may be able to remove
     * this when we update our stylelint to not care about IE11.
     */
    /* stylelint-disable-next-line property-no-unknown */
    aspect-ratio: 1/1;
  }
}

.zulupkPyEs8-:hover {
  background: hsl(53, 21%, 93%);
  background: var(--color-surface--hover);
}

.XGjk9DHJAmw-:focus + .zulupkPyEs8- {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
  background: hsl(53, 21%, 93%);
  background: var(--color-surface--hover);
}

.XGjk9DHJAmw-:checked + .zulupkPyEs8- {
  color: rgba(255, 255, 255, 1);
  color: var(--color-text--reverse);
  background: hsl(107, 58%, 33%);
  background: var(--color-interactive);
}

.XGjk9DHJAmw-:disabled + .zulupkPyEs8- {
  color: hsl(0, 0%, 72%);
  color: var(--color-disabled);
  background: hsl(0, 0%, 93%);
  background: var(--color-disabled--secondary);
  cursor: default;
}

.XGjk9DHJAmw-:enabled + .zulupkPyEs8- {
  cursor: pointer;
}

.XGjk9DHJAmw-:checked:focus + .zulupkPyEs8- {
  background: hsl(107, 65%, 24%);
  background: var(--color-interactive--hover);
}

.XGjk9DHJAmw-:checked + .zulupkPyEs8-:hover {
  background: hsl(107, 65%, 24%);
  background: var(--color-interactive--hover);
}

.XGjk9DHJAmw-:disabled:checked + .zulupkPyEs8- {
  color: hsl(0, 0%, 93%);
  color: var(--color-disabled--secondary);
  background: hsl(0, 0%, 72%);
  background: var(--color-disabled);
}

.cr0irYOHA5k- div[role="radiogroup"] {
  -ms-flex-direction: row;
      flex-direction: row;
}

.cr0irYOHA5k- label {
  margin-right: 16px;
  margin-right: var(--space-base);
}

.Qup9qglgfQ8- {
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-columns: var(--space-largest) 1fr;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  grid-gap: 8px;
  grid-gap: var(--space-small);
  gap: var(--space-small);
  margin-bottom: calc(-1 * 1px);
  margin-bottom: calc(-1 * var(--border-base));
}

.FxW4kmZLd44- div:nth-of-type(1) :last-child {
  border-top-right-radius: 16px;
  border-top-right-radius: var(--radius-large);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 16px;
  border-top-left-radius: var(--radius-large);
}

.FxW4kmZLd44- div:nth-of-type(2) :last-child {
  border-radius: 0;
}

.FxW4kmZLd44- div:nth-of-type(3) :last-child {
  border-radius: 0;
}

.FxW4kmZLd44- div:nth-of-type(4) :last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 16px;
  border-bottom-right-radius: var(--radius-large);
  border-bottom-left-radius: 16px;
  border-bottom-left-radius: var(--radius-large);
  border-top-left-radius: 0;
}

._4d0IFF7M5S0- {
  display: grid;
  width: 100%;
  padding: 4px;
  padding: var(--space-smaller);
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border);
  border-radius: 16px;
  border-radius: var(--radius-large);
  grid-template-areas:
    ". . . . . . ."
    ". . . . . . ."
    ". . . . . . ."
    ". . . . . . ."
    ". . . lastday lastday lastday lastday";
  row-gap: 4px;
  grid-row-gap: 4px;
  grid-row-gap: var(--space-smaller);
  row-gap: var(--space-smaller);
  -webkit-column-gap: 4px;
  -webkit-column-gap: var(--space-smaller);
     -moz-column-gap: 4px;
     -moz-column-gap: var(--space-smaller);
          column-gap: 4px;
          grid-column-gap: 4px;
          grid-column-gap: var(--space-smaller);
          column-gap: var(--space-smaller);
}

._4d0IFF7M5S0- :last-child {
  grid-area: lastday;
}

._4d0IFF7M5S0- div:nth-child(n + 1):nth-last-child(-n + 1) label {
  height: 100%;
}

@supports (aspect-ratio: unset) {
  ._4d0IFF7M5S0- div:nth-child(n + 1):nth-last-child(-n + 1) label {
    /*
    * disabling property-no-unknown here as this is a real property
    * that stylelint just doesn't know about. We may be able to remove
    * this when we update our stylelint to not care about IE11.
    */
    /* stylelint-disable-next-line property-no-unknown */
    aspect-ratio: unset;
  }
}

.v2xMxsPFwcM- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
  gap: var(--space-base);
}

.cfDwOgEkPHQ- {
  width: 100%;
}

.BQqkfvwFjbQ- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--public-responsive-switcher-space);
}

.BQqkfvwFjbQ- > * {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
      flex-basis: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
}

.BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2),
.BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2) ~ * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3),
.BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3) ~ * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
.BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
.BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
.BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
.BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
.BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
.BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
.BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.FDDKTZkTdfM- {
  --segmentedControl--size: 40px;

  display: grid;
  grid-template-columns: repeat(var(--segmentedControl--option-count), 1fr);
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  min-height: 40px;
  min-height: var(--segmentedControl--size);
  box-sizing: border-box;
  border: 1px solid hsl(200, 13%, 87%);
  border: var(--border-base) solid var(--color-border--interactive);
  border-radius: 8px;
  border-radius: var(--radius-base);
  background-color: hsl(51, 17%, 85%);
  background-color: var(--color-interactive--background);
}

.V41prM1xcKI- {
  --segmentedControl--size: 32px;
}

.DbXvfxdDF-c- {
  --segmentedControl--size: 48px;
}

.FDDKTZkTdfM- input[type="radio"] {
  position: absolute;
  left: -999vw;
  cursor: pointer;
}

.FDDKTZkTdfM- label {
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  padding: 0 12px;
  padding: 0 var(--space-slim);
  overflow: hidden;
  font-size: 14px;
  font-size: var(--typography--fontSize-base);
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.FDDKTZkTdfM- span {
  position: absolute;
  left: 0;
  width: calc(100% / var(--segmentedControl--option-count));
  height: 100%;
  border-radius: 8px;
  border-radius: var(--radius-base);
  outline: 1px solid hsl(200, 13%, 87%);
  outline: var(--border-base) solid var(--color-border--interactive);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  transition: 200ms left ease;
  transition: var(--timing-base) left ease;
}

.FDDKTZkTdfM- input[type="radio"]:focus-visible ~ span {
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
  box-shadow: var(--shadow-focus);
}

.FDDKTZkTdfM- input[type="radio"]:nth-of-type(1):checked ~ span {
  left: 0;
}

.FDDKTZkTdfM- input[type="radio"]:nth-of-type(2):checked ~ span {
  left: calc(100% / var(--segmentedControl--option-count));
}

.FDDKTZkTdfM- input[type="radio"]:nth-of-type(3):checked ~ span {
  left: calc(100% / var(--segmentedControl--option-count) * 2);
}

.FDDKTZkTdfM- input[type="radio"]:nth-of-type(4):checked ~ span {
  left: calc(100% / var(--segmentedControl--option-count) * 3);
}

.FDDKTZkTdfM- input[type="radio"]:nth-of-type(5):checked ~ span {
  left: calc(100% / var(--segmentedControl--option-count) * 4);
}

.cCwRgRAz4qk- {
  --sideDrawer--base-padding: var(--space-base);
  --sideDrawer--background: var(--color-surface);

  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  z-index: var(--elevation-modal);
  width: 100%;
  height: 100%;
  max-width: 420px;
}

.cCwRgRAz4qk-.ONUfsWMLKdo- {
  position: static;
  width: 100%;
  height: 100%;
}

.XipkpXgyzyg-,
.cCwRgRAz4qk-,
.LuqC0RF-R1U-,
.vArEcEUxGxQ-,
._4HzuRZKD9u8- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.XipkpXgyzyg- {
  height: 100%;
  background-color: var(--sideDrawer--background);
}

.v5Db-FCF2kU- {
  --sideDrawer--background: var(--color-surface--background--subtle);
}

.LuqC0RF-R1U-,
._4HzuRZKD9u8- {
  position: sticky;
  z-index: 1;
  z-index: var(--elevation-base);
  padding: var(--sideDrawer--base-padding);
  background-color: var(--sideDrawer--background);
  transition:
    box-shadow 200ms ease-in-out,
    -webkit-filter 200ms ease-in-out;
  transition:
    box-shadow var(--timing-base) ease-in-out,
    -webkit-filter var(--timing-base) ease-in-out;
  transition:
    box-shadow 200ms ease-in-out,
    filter 200ms ease-in-out;
  transition:
    box-shadow var(--timing-base) ease-in-out,
    filter var(--timing-base) ease-in-out;
  transition:
    box-shadow 200ms ease-in-out,
    filter 200ms ease-in-out,
    -webkit-filter 200ms ease-in-out;
  transition:
    box-shadow var(--timing-base) ease-in-out,
    filter var(--timing-base) ease-in-out,
    -webkit-filter var(--timing-base) ease-in-out;
}

.LuqC0RF-R1U- {
  top: 0;
  gap: 16px;
  gap: var(--space-base);
}

.LuqC0RF-R1U- [data-side-drawer-slot^="back-"]:not(:empty) {
    margin-left: calc(8px * -1);
    margin-left: calc(var(--space-small) * -1);
    margin-right: 8px;
    margin-right: var(--space-small);
  }

.Eti1JL3rghE- {
  margin-top: 8px;
  margin-top: var(--space-small);
}

.PtbV1GtWwzY- {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-base);
}

._4HzuRZKD9u8-.PtbV1GtWwzY- {
  box-shadow:
    0px 1px 4px 0px
      rgba(0, 0, 0, 0.1),
    0px -2px 12px 0px rgba(0, 0, 0, 0.05);
  box-shadow:
    0px var(--space-minuscule) var(--space-smaller) 0px
      rgba(var(--color-black--rgb), 0.1),
    0px -2px 12px 0px rgba(var(--color-black--rgb), 0.05);
}

.LuqC0RF-R1U-:has([data-side-drawer-slot^="title-"]:empty) {
  padding-bottom: 4px;
  padding-bottom: var(--space-smaller);
  background-color: transparent;
}

.LuqC0RF-R1U-.PtbV1GtWwzY-:has([data-side-drawer-slot^="title-"]:empty) {
    box-shadow: none;
    -webkit-filter: drop-shadow(
      0 0 4px rgba(0, 0, 0, 0.25)
    );
    -webkit-filter: drop-shadow(
      0 0 var(--space-smaller) rgba(var(--color-black--rgb), 0.25)
    );
            filter: drop-shadow(
      0 0 4px rgba(0, 0, 0, 0.25)
    );
            filter: drop-shadow(
      0 0 var(--space-smaller) rgba(var(--color-black--rgb), 0.25)
    );

    /**
     * Force the 2 built-in buttons to have a background color when the header
     * is not present so the drop shadow is applied to the whole button and not
     * just the icon.
     */
  }

.LuqC0RF-R1U-.PtbV1GtWwzY-:has([data-side-drawer-slot^="title-"]:empty) button[aria-label="Close"],
    .LuqC0RF-R1U-.PtbV1GtWwzY-:has([data-side-drawer-slot^="title-"]:empty) button[aria-label="Back"] {
      background-color: rgba(255, 255, 255, 1);
      background-color: var(--color-surface);
    }

.YCdqkhcLHfI- {
  display: -ms-flexbox;
  display: flex;
}

._4HzuRZKD9u8- {
  bottom: 0;
}

.ZH2Mp84HhX8-:empty {
  display: none;
}

.Ro-pE7hx0wY- {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  z-index: var(--elevation-modal);
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
          appearance: none;
}

.vArEcEUxGxQ- {
  -ms-flex: 1;
      flex: 1;
  overflow-y: auto;
}

/* Adjust `Content` components public padding to match the drawer */

.vArEcEUxGxQ- > * {
  --public-content--padding: var(--sideDrawer--base-padding);
}

/* Remove the nested `Content` components public padding */

.vArEcEUxGxQ- > * > * {
  --public-content--padding: 0;
}

.gSN5nWDwGm4- .vArEcEUxGxQ- {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

.gSN5nWDwGm4- .tMeBAjf4vEA- {
    -ms-flex-order: 1;
        order: 1;
  }

.gSN5nWDwGm4- .-lPSZVGIIAs- {
    -ms-flex-order: -1;
        order: -1;
  }

.XOqA4Hw6S6g- {
  --transition: var(--timing-base) ease-in-out;

  width: 0;
  opacity: 0;
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
  transition:
    width 200ms ease-in-out,
    opacity 200ms ease-in-out,
    -webkit-transform 200ms ease-in-out;
  transition:
    width var(--transition),
    opacity var(--transition),
    -webkit-transform var(--transition);
  transition:
    width 200ms ease-in-out,
    transform 200ms ease-in-out,
    opacity 200ms ease-in-out;
  transition:
    width var(--transition),
    transform var(--transition),
    opacity var(--transition);
  transition:
    width 200ms ease-in-out,
    transform 200ms ease-in-out,
    opacity 200ms ease-in-out,
    -webkit-transform 200ms ease-in-out;
  transition:
    width var(--transition),
    transform var(--transition),
    opacity var(--transition),
    -webkit-transform var(--transition);
}

.XOqA4Hw6S6g-.b4VHPS-RG34- {
    width: 40px;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

.Hx--3IsyLgs- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--public-sidekick-space);
  width: var(--public-sidekick-width);
}

.bevb052oaa4- > :first-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.v17EfPAcJZI- > :first-child {
  -ms-flex-preferred-size: var(--public-sidekick-min-width);
      flex-basis: var(--public-sidekick-min-width);
}

.bevb052oaa4- > :last-child {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 999;
      flex-grow: 999;
  min-width: var(--public-sidekick-side-width);
}

._3hUKFPIws6o- > :last-child {
  -ms-flex-preferred-size: var(--public-sidekick-min-width);
      flex-basis: var(--public-sidekick-min-width);
}

._22dEgb17I90- > :first-child {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 999;
      flex-grow: 999;
  min-width: var(--public-sidekick-side-width);
}

._22dEgb17I90- > :last-child {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

._3yK4CuMFyqw-,
.lY-7fyPMF6Y-,
.Ti0avsNfvTw-,
._9dXm70WomU8- {
  -ms-flex-direction: column;
      flex-direction: column;
}

._3yK4CuMFyqw- > *,
.lY-7fyPMF6Y- > *,
.Ti0avsNfvTw- > *,
._9dXm70WomU8- > * {
  width: 100%;
}

@media (min-width: 490px) {
  ._3yK4CuMFyqw- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  ._3yK4CuMFyqw- > * {
    width: auto;
  }
}

@media (--small-screens-and-up) {
  ._3yK4CuMFyqw- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  ._3yK4CuMFyqw- > * {
    width: auto;
  }
}

@media (min-width: 768px) {
  .lY-7fyPMF6Y- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .lY-7fyPMF6Y- > * {
    width: auto;
  }
}

@media (--medium-screens-and-up) {
  .lY-7fyPMF6Y- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .lY-7fyPMF6Y- > * {
    width: auto;
  }
}

@media (min-width: 1080px) {
  .Ti0avsNfvTw- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .Ti0avsNfvTw- > * {
    width: auto;
  }
}

@media (--large-screens-and-up) {
  .Ti0avsNfvTw- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .Ti0avsNfvTw- > * {
    width: auto;
  }
}

@media (min-width: 1440px) {
  ._9dXm70WomU8- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  ._9dXm70WomU8- > * {
    width: auto;
  }
}

@media (--extra-large-screens-and-up) {
  ._9dXm70WomU8- {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  ._9dXm70WomU8- > * {
    width: auto;
  }
}

.Hx--3IsyLgs-.dN25lKXiqB0- {
  -ms-flex-direction: column;
      flex-direction: column;
}

.Hx--3IsyLgs-.dN25lKXiqB0- > * {
  width: 100%;
}

.WiSIdMrztSU- {
  --statusLabel-icon-diameter: 8px;

  display: inline-block;
  width: 8px;
  width: var(--statusLabel-icon-diameter);
  height: 8px;
  height: var(--statusLabel-icon-diameter);
  border-radius: 50%;
  background-color: hsl(107, 58%, 33%);
  background-color: var(--color-success);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.OADGAhZt8dY- {
  --labelBackgroundColor: var(--color-success--surface);
  --labelTextColor: var(--color-success--onSurface);

  display: -ms-flexbox;

  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.375rem 0.625rem 0.375rem 0.5rem;
  border-radius: 0.75rem;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.375rem;
  background-color: hsl(109, 28%, 92%);
  background-color: var(--labelBackgroundColor);
}

.gQdAtJ0BiSk- {
  --labelBackgroundColor: var(--color-success--surface);
  --labelTextColor: var(--color-success--onSurface);
}

._1vqcSM0FTig- {
  --labelBackgroundColor: var(--color-warning--surface);
  --labelTextColor: var(--color-warning--onSurface);
}

.maK19lcw4T8- {
  --labelBackgroundColor: var(--color-critical--surface);
  --labelTextColor: var(--color-critical--onSurface);
}

.n-xRjfGbWgM- {
  --labelBackgroundColor: var(--color-inactive--surface);
  --labelTextColor: var(--color-inactive--onSurface);
}

.d6Y1CRe9qac- {
  --labelBackgroundColor: var(--color-informative--surface);
  --labelTextColor: var(--color-informative--onSurface);
}

/* Reset the <Text> line height so we can reliably get 24px tall */

.OADGAhZt8dY- p {
  color: var(--labelTextColor);
  line-height: 1;
}

.PqXUSR-3s4M- {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.RmE4LVHqe60- {
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.125rem;
}

._7bHFxCX3jv4- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: var(--public-stack-width);
}

.MoTsKGfy3zs- {
  -ms-flex-align: start;
      align-items: flex-start;
}

.oXb2OHKGH4k- {
  -ms-flex-align: center;
      align-items: center;
}

.Clyb5sed46w- {
  -ms-flex-align: end;
      align-items: flex-end;
}

._7bHFxCX3jv4-._8ttf1JCju08- > * {
  margin-top: 0;
  margin-bottom: 0;
}

._7bHFxCX3jv4-.nzG883u-wZc- * {
  margin-top: 0;
  margin-bottom: 0;
}

._7bHFxCX3jv4-.nzG883u-wZc- * + * {
  -webkit-margin-before: var(--public-stack-space);
          margin-top: var(--public-stack-space);
}

._7bHFxCX3jv4-._8ttf1JCju08- > * + * {
  -webkit-margin-before: var(--public-stack-space);
          margin-top: var(--public-stack-space);
}

._7bHFxCX3jv4-:only-child {
  height: 100%;
}

/**

Split After Block.

If there is a way to loop in the future of use a css custom property, we can use that instead of the nth-child duplication method.

**/

._7bHFxCX3jv4-.Y-Mt8C2tNsI- > :nth-child(1) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.atxW7JGTiYI- > :nth-child(2) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.QuY15WlcoVo- > :nth-child(3) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.Vb-dwL9R1oQ- > :nth-child(4) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.IjFGwSc9hoQ- > :nth-child(5) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.xUe57aXJOOk- > :nth-child(6) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.pSWCwyHJBsk- > :nth-child(7) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.GAlopfCh8a8- > :nth-child(8) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.WMC8WPjJ8TA- > :nth-child(9) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.PxqAnvgqC24- > :nth-child(10) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.fEFj-rRg7pw- > :nth-child(11) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.eN-ykUdJrAU- > :nth-child(12) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.Jic7p-x-iKg- > :nth-child(13) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.PaC-tFnXMh8- > :nth-child(14) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7bHFxCX3jv4-.isuG1fzSWMs- > :nth-child(15) {
  -webkit-margin-after: auto;
          margin-bottom: auto;
}

._7PagpWEko2U- {
  --border-color: var(--color-border);
  --header-border-color: var(--color-border--section);
  --horizontal-inset: var(--space-base);
  position: relative;
  width: 100%;
  border-collapse: collapse;
}

._7PagpWEko2U-::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 1px var(--border-color);
  border: solid var(--border-base) var(--border-color);
  border-radius: 8px;
  border-radius: var(--radius-base);
  pointer-events: none;
}

._9OHT36DJGCo-:not(:last-child) {
  border-bottom: solid 1px var(--border-color);
  border-bottom: solid var(--border-base) var(--border-color);
}

.YPDzOWGHgkk- ._9OHT36DJGCo- {
  border-bottom: solid 1px var(--header-border-color);
  border-bottom: solid var(--border-base) var(--header-border-color);
  font-weight: bold;
  text-transform: uppercase;
}

.cv4Izfe0MWI- ._9OHT36DJGCo- {
  border-top: solid 4px var(--border-color);
  border-top: solid var(--border-thicker) var(--border-color);
}

.EJeK329S0z0- {
  padding: var(--horizontal-inset) calc(var(--horizontal-inset) / 2);
  text-align: left;
}

.WUrWSkqXHM4- {
  text-align: left;
}

.Zt8BVgeQWjA- {
  text-align: center;
}

.D-xShQGl-Us- {
  text-align: right;
}

.kX0wxCTtfyc- {
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
}

.EJeK329S0z0-:first-child {
  padding-left: var(--horizontal-inset);
}

.EJeK329S0z0-:last-child {
  padding-right: var(--horizontal-inset);
}

:root {
  --public-tab--inset: var(--space-base);
}

.cHJe2HsBNic- {
  --tab--height: 40px;
  --tab--vertical-inset: var(--space-base);

  display: block;
  width: 100%;
}

.eQt1Jis30lo- {
  position: relative;
  padding-left: 16px;
  padding-left: var(--public-tab--inset);
  padding-right: 16px;
  padding-right: var(--public-tab--inset);
}

._6Vf7pQfyKKk-:after,
.jyevrJK7Bcg-:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  z-index: var(--elevation-base);
  width: 24px;
  width: var(--space-large);
}

._6Vf7pQfyKKk-:after {
  right: 16px;
  right: var(--public-tab--inset);
  box-shadow: inset -16px 0 16px -16px rgba(0, 0, 0, 0.25);
  box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
}

.jyevrJK7Bcg-:before {
  left: 16px;
  left: var(--public-tab--inset);
  box-shadow: inset 16px 0 16px -16px rgba(0, 0, 0, 0.25);
  box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
}

.LfIIg9bwrhQ- {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  margin-bottom: calc(-1 * 1px);
  margin-bottom: calc(-1 * var(--border-base));
  padding: 0;
  border-bottom: solid 1px hsl(200, 13%, 87%);
  border-bottom: solid var(--border-base) var(--color-border);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 24px;
  gap: var(--space-large);
}

ul.LfIIg9bwrhQ- {
  -webkit-padding-start: 0;
          padding-left: 0;
}

.LfIIg9bwrhQ- li {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  list-style: none;
  -ms-flex: 0 0 fit-content;
      flex: 0 0 fit-content;
}

.DEdzikxlAkw- {
  height: var(--tab--height);
  margin: 0;
  padding: 4px 8px;
  padding: var(--space-smaller) var(--space-small);
  border: none;
  border-radius: 8px 8px 0 0;
  border-radius: var(--radius-base) var(--radius-base) 0 0;
  outline: none;
  color: hsl(197, 15%, 43%);
  color: var(--color-text--secondary);
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--color-surface);
  cursor: pointer;
  transition: all 200ms ease;
  transition: all var(--timing-base) ease;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.DEdzikxlAkw-:focus-visible {
  outline: transparent;
  background-color: hsl(53, 21%, 93%);
  background-color: var(--color-surface--hover);
}

.DEdzikxlAkw-.VDB94VYoyB0-,
.DEdzikxlAkw-:not(.VDB94VYoyB0-):hover,
.DEdzikxlAkw-:not(.VDB94VYoyB0-):focus {
  color: hsl(197, 90%, 12%);
  color: var(--color-heading);
}

.VDB94VYoyB0-::after {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  height: var(--space-smaller);
  background-color: hsl(107, 58%, 33%);
  background-color: var(--color-interactive);
}

.htdKg6As4bY- {
  padding-top: var(--tab--vertical-inset);
  padding-bottom: var(--tab--vertical-inset);
  padding-left: 16px;
  padding-left: var(--public-tab--inset);
  padding-right: 16px;
  padding-right: var(--public-tab--inset);
}

.jC1GzRIJp74- {
  display: grid;
  grid-gap: var(--public-tile-space);
  width: var(--public-tiles-width);
  -ms-flex-align: var(--public-tiles-align);
      align-items: var(--public-tiles-align);
}

@supports (width: min(var(--public-tile-min-size), 100%)) {
  .jC1GzRIJp74- {
    grid-template-columns: repeat(
      auto-fill,
      minmax(min(var(--public-tile-min-size), 100%), 1fr)
    );
  }
}

._0Tvq24WjeX8- {
  position: relative;
  z-index: 1003;
  z-index: var(--elevation-toast);
}

.GznHKPkdb1s- {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  right: 0;
  bottom: 24px;
  bottom: var(--space-large);
  left: 0;
  z-index: 1003;
  z-index: var(--elevation-toast);
  width: 100%;
  box-sizing: border-box;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 24px;
  padding: 0 var(--space-large);
  color: rgba(255, 255, 255, 1);
  color: var(--color-text--reverse);
  font-size: 16px;
  font-size: var(--typography--fontSize-large);
  pointer-events: none;
}

.W8zgWZqmIlk- {
  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  box-shadow: var(--shadow-high);
  overflow: hidden;
  pointer-events: all;
}

.W8zgWZqmIlk- + .W8zgWZqmIlk- {
  margin-top: 16px;
  margin-top: var(--space-base);
}

.ol3srk7PviM- {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  gap: var(--space-small);
  -ms-flex-align: center;
      align-items: center;
  padding: 4px 4px 4px;
  padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
  padding-left: calc(8px + 4px);
  padding-left: calc(var(--space-small) + var(--space-smaller));
  border-radius: 8px;
  border-radius: var(--radius-base);
  background: hsl(197, 90%, 12%);
  background: var(--color-surface--reverse);
}

/* Use of !important to make the button icon visible in
   the reverse color scheme of Toast */

.ibhpdUt9YLo- * path {
  fill: hsl(197, 15%, 43%) !important;
  fill: var(--color-text--secondary) !important;
}

.ibhpdUt9YLo-:hover * path {
  fill: hsl(197, 15%, 43%) !important;
  fill: var(--color-greyBlue) !important;
}
:root {
  --sideBarWidth: 200px;
}

@media screen and (min-width: 1024px) {
  :root {
    --sideBarWidth: 235px;
  }
}

body {
  margin: 0;
  font-family: var(--typography--fontFamily-normal);
}

h1 {
  font-size: var(--typography--fontSize-jumbo);
  font-weight: 800;
}

h1 {
  font-family: var(--typography--fontFamily-display);
}

h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

h2 {
  font-size: var(--typography--fontSize-largest);
}

h3 {
  font-size: var(--typography--fontSize-larger);
}

h4 {
  font-size: var(--typography--fontSize-large);
}

h5 {
  font-size: var(--typography--fontSize-base);
}

h6 {
  font-size: var(--typography--fontSize-small);
  text-transform: uppercase;
}


a {
  margin: calc(-1 * var(--space-smallest));
  padding: var(--space-smallest);
  border-radius: var(--radius-small);
  color: var(--color-interactive);
  transition: all var(--timing-quick) ease-out;
}

a:hover,
a:focus {
  outline: transparent;
  color: var(--color-interactive--hover);
  background-color: var(--color-surface--hover);
}

a:focus-visible {
  box-shadow: var(--shadow-focus);
}

a:visited {
  color: var(--color-interactive--hover);
}

blockquote {
  background-color: var(--color-surface--background--subtle);
  margin: 0;
  padding: var(--space-base) var(--space-large);
  border-radius: var(--radius-base);
}

custom-elements,
section[role="tabpanel"] {
  & table {
    min-width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch;
    margin: var(--space-large) 0;
    font-size: var(--typography--fontSize-base);
    line-height: 24px;
    padding: 0;
    border-collapse: collapse;
    box-shadow: var(--shadow-low);
    border-radius: var(--radius-base);
    overflow: hidden;
  }

  & thead {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--typography--fontSize-base);
    line-height: 24px;
    text-align: start;
    background-color: var(--color-surface--background);
  }

  & tr {
    border-top: none;
    margin: 0;
    padding: 0;
  }

  & tr th {
    text-align: inherit;
    font-weight: bold;
    color: var(--color-text);
    border: none;
    margin: 0;
    padding: var(--space-base);
  }

  & tr td {
    border: none;
    color: var(--color-text);
    margin: 0;
    padding: var(--space-base);
  }

}

pre,
code {
  background-color: var(--color-surface--background);
  border-radius: var(--radius-small);
  padding: var(--space-smallest);
  margin: 0;
}

pre code {
  padding: var(--space-small);
  display: block;
}

code.root-code[class*="language-"] {
  color: var(--color-request);
}

pre.root-pre[class*="language-"] {
  padding: var(--space-larger);
}

pre.root-pre code.root-code {
  background: var(--color-surface--background);
  color: var(--color-text);
}

pre.root-pre {
  background: var(--color-surface--background);
  padding: var(--space-large);
}

section[role="tabpanel"]>div>h1:first-of-type {
  display: none;
}

iframe {
  width: 100%;
}

.headerBlock {
  background-image: url("/img_collage.jpg");
  background-size: cover;
  padding: var(--space-large);
  width: 100%;
  height: 100%;
  text-shadow: 0px 4px 16px rgba(var(--color-black--rgb), 0.6);
  min-height: 30vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
  .headerBlock {
    padding: var(--space-extravagant);
  }
}

.headerBlock:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--color-surface);
  mask-image: url("/distress_paper-rip.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  width: 100%;
  height: 2vw;
}

.headerBlock > * {
  width: 100%;
  max-width: 1024px;
}

.contentCardWrapper {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-template-rows: auto;
  gap: var(--space-base);
  isolation: isolate;
}

@media screen and (min-width: 1024px) {
  .contentCardWrapper {
    gap: var(--space-larger);
  }
}

.stickySectionHeader {
  position: sticky;
  top: 0;
  z-index: 1;
}

.baseView-sideRail {
  width: var(--sideBarWidth);
  padding: 90px var(--space-large);
  display: none;
  flex-direction: column;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow-y: auto;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .baseView-sideRail {
    display: flex;
  }
}._navMenuContainer_ixs6a_1 {
  --hoverOffset: var(--space-smallest);
  --negativeHoverOffset: calc(-1 * var(--hoverOffset));
  --subItemInset: calc(var(--space-small) + var(--space-smaller));
  --navItemHeight: 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: var(--sideBarWidth);
  box-sizing: border-box;

  @media screen and (min-width: 768px) {
    padding: var(--space-large) 0 0 0;
    height: 100dvh;
  }
}

._navMenuContainer_ixs6a_1>* {
  padding-left: var(--space-base);
  padding-right: var(--space-base);
  padding-bottom: var(--space-base);
}

._navMenuHeader_ixs6a_24 {
  display: flex;
  flex-direction: column;
  gap: var(--space-large);
}

._navMenu_ixs6a_1 {
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  gap: var(--space-large);
  overflow-y: auto;
  scrollbar-gutter: stable;
}

._navMenu_ixs6a_1 li {
  margin-bottom: var(--space-smaller);
}

._navMenuItem_ixs6a_43 {
  align-items: center;
  display: flex;
  min-height: var(--navItemHeight);
  overflow-wrap: anywhere;
  transition: all var(--timing-base) ease-out;
  user-select: none;
}

._navMenuContainer_ixs6a_1 ._selected_ixs6a_52 {
  background-color: var(--color-surface);
  border-radius: var(--radius-small);
}


._navMenuLink_ixs6a_58 {
  color: var(--color-text);
  outline: transparent;
  text-decoration: none;
  padding: 0 var(--space-smallest);

  &:visited {
    color: var(--color-text);
  }

  &:hover,
  &:focus-visible {
    background-color: var(--color-surface--background--hover);
    color: var(--color-text);
  }
}

._navMenuSubItem_ixs6a_75 {
  padding-left: var(--subItemInset);
}

._navMenuSubTitle_ixs6a_79 {
  min-height: 24px;
  padding: var(--space-smaller) 0 var(--space-small) 0;
  align-items: end;
}

._disclosureNavItem_ixs6a_85 {
  display: flex;
  gap: var(--space-smaller);
  border-radius: var(--radius-small);
  transition: all var(--timing-base) ease-out;
  margin-left: var(--negativeHoverOffset);
  margin-right: var(--negativeHoverOffset);
  margin-bottom: var(--space-smaller);
  padding-left: var(--hoverOffset);
  min-height: var(--navItemHeight);
  align-items: stretch;
  justify-content: space-between;
  background-color: var(--color-surface--background);
}

._disclosureNavItem_ixs6a_85 a {
  background-color: transparent;
  display: flex;
  display: inline-flex;
  align-self: stretch;
  width: 100%;
  align-items: center;
  outline: transparent;
  text-decoration: none;
  flex-grow: 1;
  min-height: var(--navItemHeight);
  outline: transparent;
}

._disclosureNavItem_ixs6a_85:hover {
  background-color: var(--color-surface--background--hover);
}

._disclosureNavItem_ixs6a_85 a:focus-visible {
  box-shadow: var(--shadow-focus);
  background-color: var(--color-surface--background--hover);
}

._disclosureNavItem_ixs6a_85 button {
  border-radius: var(--radius-small);
  mix-blend-mode: multiply;
}

:root[data-theme="dark"] ._disclosureNavItem_ixs6a_85 button {
  mix-blend-mode: screen;
}

a._navFooterLink_ixs6a_132 {
  margin: 0;
  margin-top: auto;
  font-size: var(--typography--fontSize-small);
  color: var(--color-text--secondary);
}

._desktopNavContainer_ixs6a_139 {
  display: none;

  @media screen and (min-width: 768px) {
    display: block;
  }
}

._navMenuHeaderLogo_ixs6a_147 {
  display: none;

  @media screen and (min-width: 768px) {
    display: block;
  }
}._drawer_q40s8_1 {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--color-surface--background);
  z-index: var(--elevation-modal);
  display: flex;
  flex-direction: column;
  animation: _slideIn_q40s8_1 200ms ease-out;
}

@media screen and (min-width: 768px) {
  ._drawer_q40s8_1 {
    display: none;
  }
}

._drawerClosing_q40s8_20 {
  animation: _slideOut_q40s8_1 200ms ease-out;
}

._header_q40s8_24 {
  padding: var(--space-base);
}

._content_q40s8_28 {
  flex: 1;
  overflow-y: hidden;
}

@keyframes _slideIn_q40s8_1 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes _slideOut_q40s8_1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
._searchBoxResults_1iox4_1 {
    width: 100%;
    height: 600px;
    max-height: calc(100vh - 240px);
    overflow-y: scroll;
    padding: var(--space-smallest);
    box-sizing: border-box;
}._searchButton_hzil7_1 {
  display: flex;
  align-items: center;
  border: var(--border-base) solid var(--color-border--interactive);
  border-radius: var(--radius-base);
  padding: var(--space-small);
  background: var(--color-surface);
  outline: transparent;
  cursor: pointer;
  transition: all var(--timing-base) ease-out;

  &:focus-visible {
      box-shadow: var(--shadow-focus);
      background-color: var(--color-surface--background--hover);
  }
}

._searchButton_hzil7_1:hover {
  background: var(--color-surface--background--hover);
  border: var(--border-base) solid var(--color-interactive--subtle--hover);
}

._searchButtonText_hzil7_23 {
  margin: 0 var(--space-small);
  display: none;
  flex: 1;
  text-align: start;
  @media screen and (min-width: 768px) {
    display: block;
  }
}

._searchKeyIndicator_hzil7_33 {
  background: var(--color-surface--background);
  width: 20px;
  height: 20px;
  font-size: var(--typography--fontSize-large);
  color: var(--color-text);
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-small);
  box-shadow: var(--shadow-low);
  @media screen and (min-width: 768px) {
    display: flex;
  }
}:root {
  --swatchSize: 64px;
}

._swatch_9p27o_5 {
  position: relative;
  width: var(--swatchSize);
  height: var(--swatchSize);
  box-shadow:
    0px 0px 0px 2px var(--color-surface),
    0px 0px 0px 3px var(--color-border);
  box-sizing: border-box;
  border-radius: var(--radius-base);
}

._pre_9p27o_16 {
  margin: 0 0 var(--space-smaller);
  padding: var(--space-smallest) var(--space-small);
  border-radius: var(--radius-base);
  font-size: var(--typography--fontSize-small);
  background: var(--color-surface--background);
}
@container container-items (min-width:0px) {
    ._item_ulv7o_2>* {
        --color-border: var(--color-critical);
        --border-base: var(--border-thick);
    }

    ._itemDotted_ulv7o_7>* {
        --color-border: var(--color-task);
        border-style: dotted;
        --border-base: var(--border-thicker);
    }

    ._itemUpsideDown_ulv7o_13>* {
        --color-border: var(--color-critical);
        --border-base: var(--border-thicker);
    }
}

@container container-items (max-width: 600px) {
    ._item_ulv7o_2>* {
        --color-border: var(--color-success);
        --border-base: var(--border-thicker);
    }
}

@container container-items (max-width: 650px) {
    ._itemDotted_ulv7o_7>* {
        --color-border: var(--color-visit);
        border-style: dotted;
        --border-base: var(--border-thicker);
    }
}

@container container-items (max-width: 700px) {
    ._itemUpsideDown_ulv7o_13>* {
        --color-border: var(--color-event);
        --border-base: var(--border-thick);
    }
}@media (max-width: 1285px) {
    ._actions_33u0d_2>div> :first-child {
        width: 100%;
    }

    ._actions_33u0d_2>div> :nth-child(2) {
        flex-grow: 1;
    }

    ._actions_33u0d_2>div> :nth-child(3) {
        flex-grow: 1;
    }
}
  ._container_z6qy0_2 {
    display: flex;
    align-items: flex-start;
    background: var(--color-informative--surface);
    height: 100%;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    padding-top: var(--space-largest);
  }

  @media screen and (min-width: 1024px) {
    ._container_z6qy0_2 {
        align-items: center;
        background: var(--color-informative--onSurface);
        background: linear-gradient(to bottom, var(--color-informative--onSurface) 0%, var(--color-surface) 40% );
    
        /* The Wavy part */
        mask: radial-gradient(64px at 50% 90px, #000 99%, #0000 101%) calc(50% - 100px) 0 / 200px 100%, 
              radial-gradient(64px at 50% -40px, #0000 99%, #000 101%) 50% 50px / 200px 100% repeat-x;
  }

  ._content_z6qy0_24 {
    width: 500px;
    display: flex;
    gap: var(--space-base);
    flex-direction: column;
    padding: var(--space-largest);
  }

  @keyframes _swim_z6qy0_1
  {
    0% { 
      display: block; 
      margin-right: -100%; 
    }
    100% { 
      margin-right: 150%; 
    }
  }

  @keyframes _bounce_z6qy0_1 {
    0%, 50%, 100% {
      transform: translateY(0);
    }
    25% {
      transform: translateY(-5px);
    }
    75% {
      transform: translateY(-3px);
    }
  }

  ._fish_z6qy0_55 {
    display: none;
  }
  
  @media screen and (min-width: 1024px) {
  ._fish_z6qy0_55 {
    display: block;
      margin-top: -200px;
      margin-right: -100%;
      position: absolute;	
      animation: _swim_z6qy0_1 30s linear infinite, _bounce_z6qy0_1 2s infinite;
      font-size: var(--typography--fontSize-jumbo);
  }
}
  

}@container example (min-width: 600px) {
    ._item_1o13p_2 {
        background-color: var(--color-surface--background);
        padding: var(--space-large);
        padding-right: var(--space-largest);
        border-radius: var(--radius-base);
    }

    ._item_1o13p_2>* {
        padding: var(--space-small);
    }
}

@container first (min-width: 0px) {
    ._item_1o13p_2 {
        background-color: var(--color-surface--background);
        padding: var(--space-large);
        padding-right: var(--space-largest);
        border-radius: var(--radius-base);
    }

    ._item_1o13p_2>* {
        padding: var(--space-small);
    }
}

@container second (min-width: 0px) {
    ._item_1o13p_2 {
        background-color: var(--color-success);
        padding: var(--space-large);
        padding-right: var(--space-largest);
        border-radius: var(--radius-base);
    }

    ._item_1o13p_2>* {
        padding: var(--space-small);
    }
}._container_1n6uv_1 {
    pointer-events: none;
    position: absolute;
    top: 0;
    opacity: 0;
}

._container_1n6uv_1:focus-within {
    pointer-events: auto;
    z-index: var(--elevation-modal);
    margin-top: var(--space-base);
    padding: var(--space-smaller);
    opacity: 1;
}/**
 * prism.js Funky theme
 * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/
 * @author Lea Verou
 */

pre {
  --color-code--yellow: var(--color-base-yellow--600);
  --color-code--lime: var(--color-base-lime--600);
  --color-code--pink: var(--color-base-pink--600);
  --color-code--orange: var(--color-base-orange--600);
  --color-code--teal: var(--color-base-teal--600);
}

:root[data-theme="dark"] pre {
  --color-code--yellow: var(--color-base-yellow--300);
  --color-code--lime: var(--color-base-lime--300);
  --color-code--pink: var(--color-base-pink--300);
  --color-code--orange: var(--color-base-orange--300);
  --color-code--teal: var(--color-base-teal--300);
}

code[class*="language-"],
pre[class*="language-"] {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;

  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
  padding: 0.4em 0.8em;
  margin: 0.5em 0;
  overflow: auto;
  background-size: 1em 1em;
}

code[class*="language-"] {
  color: var(--color-text);
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: 0.2em;
  border-radius: 0.3em;
  box-shadow: none;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #aaa;
}

.token.punctuation {
  color: #999;
}

.token.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
  color: var(--color-code--teal);
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin {
  color: var(--color-code--yellow);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.token.variable,
.token.inserted {
  color: var(--color-code--lime);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: var(--color-code--pink);
}

.token.regex,
.token.important {
  color: var(--color-code--orange);
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.token.deleted {
  color: var(--color-critical);
}

/* Plugin styles: Diff Highlight */
pre.diff-highlight.diff-highlight > code .token.deleted:not(.prefix),
pre > code.diff-highlight.diff-highlight .token.deleted:not(.prefix) {
  background-color: rgba(255, 0, 0, 0.3);
  display: inline;
}

pre.diff-highlight.diff-highlight > code .token.inserted:not(.prefix),
pre > code.diff-highlight.diff-highlight .token.inserted:not(.prefix) {
  background-color: rgba(0, 255, 128, 0.3);
  display: inline;
}
._codeWrapper_1m725_1 {
  position: relative;
  max-width: 100%;
  padding: var(--space-small);
  border: var(--border-base) solid var(--color-border);
  border-radius: var(--radius-base);
  background: var(--color-surface--background);
  overflow-x: hidden;
}

._codeWrapper_1m725_1,
._codeWrapper_1m725_1 code {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}

._codeWrapper_1m725_1:focus {
  outline: none;
  box-shadow: var(--shadow-focus);
}