@media (prefers-contrast: more), (forced-colors: active) {
}.druids_border {
  border: 1px solid var(--ui-border) !important;
}
.druids_border--none {
  border: none !important;
}
.druids_border--left {
  border-left: 1px solid var(--ui-border) !important;
}
.druids_border--left-none {
  border-left: none !important;
}
.druids_border--right {
  border-right: 1px solid var(--ui-border) !important;
}
.druids_border--right-none {
  border-right: none !important;
}
.druids_border--top {
  border-top: 1px solid var(--ui-border) !important;
}
.druids_border--top-none {
  border-top: none !important;
}
.druids_border--bottom {
  border-bottom: 1px solid var(--ui-border) !important;
}
.druids_border--bottom-none {
  border-bottom: none !important;
}

.druids_lockup--left {
  --_ui-lockup--tl: 0;
  --_ui-lockup--bl: 0;
}
.druids_lockup--right {
  --_ui-lockup--tr: 0;
  --_ui-lockup--br: 0;
}
.druids_lockup--top {
  --_ui-lockup--tl: 0;
  --_ui-lockup--tr: 0;
}
.druids_lockup--bottom {
  --_ui-lockup--bl: 0;
  --_ui-lockup--br: 0;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_margin--xs {
  margin: 4px !important;
}
.druids_margin--sm {
  margin: 8px !important;
}
.druids_margin--md {
  margin: 16px !important;
}
.druids_margin--lg {
  margin: 24px !important;
}
.druids_margin--xl {
  margin: 32px !important;
}
.druids_margin--xxl {
  margin: 48px !important;
}
.druids_margin--auto {
  margin: auto !important;
}
.druids_margin--none {
  margin: 0px !important;
}
.druids_margin--left-xxs {
  margin-left: 2px !important;
}
.druids_margin--left-xs {
  margin-left: 4px !important;
}
.druids_margin--left-sm {
  margin-left: 8px !important;
}
.druids_margin--left-md {
  margin-left: 16px !important;
}
.druids_margin--left-lg {
  margin-left: 24px !important;
}
.druids_margin--left-xl {
  margin-left: 32px !important;
}
.druids_margin--left-xxl {
  margin-left: 48px !important;
}
.druids_margin--left-auto {
  margin-left: auto !important;
}
.druids_margin--left-none {
  margin-left: 0px !important;
}
.druids_margin--right-xxs {
  margin-right: 2px !important;
}
.druids_margin--right-xs {
  margin-right: 4px !important;
}
.druids_margin--right-sm {
  margin-right: 8px !important;
}
.druids_margin--right-md {
  margin-right: 16px !important;
}
.druids_margin--right-lg {
  margin-right: 24px !important;
}
.druids_margin--right-xl {
  margin-right: 32px !important;
}
.druids_margin--right-xxl {
  margin-right: 48px !important;
}
.druids_margin--right-auto {
  margin-right: auto !important;
}
.druids_margin--right-none {
  margin-right: 0px !important;
}
.druids_margin--top-xxs {
  margin-top: 2px !important;
}
.druids_margin--top-xs {
  margin-top: 4px !important;
}
.druids_margin--top-sm {
  margin-top: 8px !important;
}
.druids_margin--top-md {
  margin-top: 16px !important;
}
.druids_margin--top-lg {
  margin-top: 24px !important;
}
.druids_margin--top-xl {
  margin-top: 32px !important;
}
.druids_margin--top-xxl {
  margin-top: 48px !important;
}
.druids_margin--top-auto {
  margin-top: auto !important;
}
.druids_margin--top-none {
  margin-top: 0px !important;
}
.druids_margin--bottom-xxs {
  margin-bottom: 2px !important;
}
.druids_margin--bottom-xs {
  margin-bottom: 4px !important;
}
.druids_margin--bottom-sm {
  margin-bottom: 8px !important;
}
.druids_margin--bottom-md {
  margin-bottom: 16px !important;
}
.druids_margin--bottom-lg {
  margin-bottom: 24px !important;
}
.druids_margin--bottom-xl {
  margin-bottom: 32px !important;
}
.druids_margin--bottom-xxl {
  margin-bottom: 48px !important;
}
.druids_margin--bottom-auto {
  margin-bottom: auto !important;
}
.druids_margin--bottom-none {
  margin-bottom: 0px !important;
}
.druids_padding--xs {
  padding: 4px !important;
}
.druids_padding--sm {
  padding: 8px !important;
}
.druids_padding--md {
  padding: 16px !important;
}
.druids_padding--lg {
  padding: 24px !important;
}
.druids_padding--xl {
  padding: 32px !important;
}
.druids_padding--xxl {
  padding: 48px !important;
}
.druids_padding--none {
  padding: 0px !important;
}
.druids_padding--left-xxs {
  padding-left: 2px !important;
}
.druids_padding--left-xs {
  padding-left: 4px !important;
}
.druids_padding--left-sm {
  padding-left: 8px !important;
}
.druids_padding--left-md {
  padding-left: 16px !important;
}
.druids_padding--left-lg {
  padding-left: 24px !important;
}
.druids_padding--left-xl {
  padding-left: 32px !important;
}
.druids_padding--left-xxl {
  padding-left: 48px !important;
}
.druids_padding--left-none {
  padding-left: 0px !important;
}
.druids_padding--right-xxs {
  padding-right: 2px !important;
}
.druids_padding--right-xs {
  padding-right: 4px !important;
}
.druids_padding--right-sm {
  padding-right: 8px !important;
}
.druids_padding--right-md {
  padding-right: 16px !important;
}
.druids_padding--right-lg {
  padding-right: 24px !important;
}
.druids_padding--right-xl {
  padding-right: 32px !important;
}
.druids_padding--right-xxl {
  padding-right: 48px !important;
}
.druids_padding--right-none {
  padding-right: 0px !important;
}
.druids_padding--top-xxs {
  padding-top: 2px !important;
}
.druids_padding--top-xs {
  padding-top: 4px !important;
}
.druids_padding--top-sm {
  padding-top: 8px !important;
}
.druids_padding--top-md {
  padding-top: 16px !important;
}
.druids_padding--top-lg {
  padding-top: 24px !important;
}
.druids_padding--top-xl {
  padding-top: 32px !important;
}
.druids_padding--top-xxl {
  padding-top: 48px !important;
}
.druids_padding--top-none {
  padding-top: 0px !important;
}
.druids_padding--bottom-xxs {
  padding-bottom: 2px !important;
}
.druids_padding--bottom-xs {
  padding-bottom: 4px !important;
}
.druids_padding--bottom-sm {
  padding-bottom: 8px !important;
}
.druids_padding--bottom-md {
  padding-bottom: 16px !important;
}
.druids_padding--bottom-lg {
  padding-bottom: 24px !important;
}
.druids_padding--bottom-xl {
  padding-bottom: 32px !important;
}
.druids_padding--bottom-xxl {
  padding-bottom: 48px !important;
}
.druids_padding--bottom-none {
  padding-bottom: 0px !important;
}

.druids_misc_image {
  max-width: 100%;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_icons_icon {
  fill: var(--icon-fill-override, currentColor);
  flex-shrink: 0;
  flex-grow: 0;
  --_icon-size: 1em;
  --_icon-adjustment: var(--ui-icon-adjustment, 0.05em);
  height: var(--_icon-size);
  width: var(--_icon-size);
  --_icon-cap: 0.714em;
}
@supports (height: 1cap) {
  .druids_icons_icon {
    /* stylelint-disable-next-line unit-disallowed-list -- With a fallback present. */
    --_icon-cap: 1cap;
  }
}
*:where(.druids_icons_icon) {
  vertical-align: calc(0.5 * var(--_icon-cap) - 0.5 * var(--_icon-size) + var(--_icon-adjustment));
}
.druids_icons_icon--has-inline-centering {
  vertical-align: middle;
  margin-top: calc(1ex - var(--_icon-cap) - var(--_icon-adjustment));
}
.druids_icons_icon--xxs {
  --_icon-size: 10px;
}
.druids_icons_icon--xxs.druids_icons_icon--is-scaled-down {
  --_icon-size: 8px;
}
.druids_icons_icon--xs {
  --_icon-size: 14px;
}
.druids_icons_icon--xs.druids_icons_icon--is-scaled-down {
  --_icon-size: 12px;
}
.druids_icons_icon--sm {
  --_icon-size: 14px;
}
.druids_icons_icon--sm.druids_icons_icon--is-scaled-down {
  --_icon-size: 12px;
}
.druids_icons_icon--md {
  --_icon-size: 16px;
}
.druids_icons_icon--md.druids_icons_icon--is-scaled-down {
  --_icon-size: 14px;
}
.druids_icons_icon--lg {
  --_icon-size: 18px;
}
.druids_icons_icon--lg.druids_icons_icon--is-scaled-down {
  --_icon-size: 16px;
}
.druids_icons_icon--xl {
  --_icon-size: 22px;
}
.druids_icons_icon--xl.druids_icons_icon--is-scaled-down {
  --_icon-size: 18px;
}
.druids_icons_icon--xxl {
  --_icon-size: 28px;
}
.druids_icons_icon--xxl.druids_icons_icon--is-scaled-down {
  --_icon-size: 24px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_link {
  --link-hover: var(--LIGHT, #0b0f8b) var(--DARK, #7ab5ea);
  --link-active: var(--LIGHT, #080b65) var(--DARK, #a4cef7);
  text-decoration: var(--ui-text-decoration-line);
  text-decoration-color: var(--ui-text-decoration-color);
  cursor: pointer;
  --_link-default-color: var(--ui-interaction-text);
}
html:not(.js-focus-visible) .druids_nav_link:focus {
  outline: none;
}
html.js-focus-visible .druids_nav_link:focus:not(.focus-visible) {
  outline: none;
}
.druids_nav_link:focus.focus-visible {
  border-radius: var(--ui-border-radius, 4px);
  --_focus-ring-default-color: var(--LIGHT, #0953bf) var(--DARK, #579fdd);
  outline-offset: -2px;
  outline-width: 3px;
  outline-color: var(--_focus-ring-default-color);
  outline-style: solid;
  box-shadow: inset 0 0 0 3px var(--ui-background);
}
.druids_nav_link--is-full-width {
  width: 100%;
  min-width: auto;
}
.druids_nav_link--default {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: var(--ui-is-quiet, var(--ui-text-secondary)) var(--ui-not-quiet, var(--_link-default-color));
  line-height: normal;
  display: inline-block;
}
.druids_nav_link--default:hover {
  color: var(--link-hover);
}
.druids_nav_link--default:hover .druids_nav_link__icon {
  color: var(--link-hover);
}
.druids_nav_link--default:active {
  color: var(--link-active);
}
.druids_nav_link--default:active .druids_nav_link__icon {
  color: var(--link-active);
}
.druids_nav_link:hover,
.druids_nav_link:focus.focus-visible,
.druids_nav_link:active,
.druids_nav_link--is-never-quiet {
  --ui-is-quiet:  /*!*/;
  --ui-not-quiet: initial;
}
.druids_nav_link--is-inline[class] {
  display: inline;
}
.druids_nav_link--plain {
  color: unset !important;
}
.druids_nav_link--color-on-hover {
  color: unset;
}
.druids_nav_link--color-on-hover:hover {
  color: var(--_link-default-color) !important;
}
.druids_nav_link--color-on-hover:hover .druids_nav_link__icon {
  color: var(--_link-default-color) !important;
}
.druids_nav_link--color-on-hover:active {
  color: var(--link-hover) !important;
}
.druids_nav_link--color-on-hover:active .druids_nav_link__icon {
  color: var(--link-hover) !important;
}
.druids_nav_link--xxs {
  font-size: 8px;
  font-size: var(--ui-header-font-size, 8px);
}
.druids_nav_link--xs {
  font-size: 11px;
  font-size: var(--ui-header-font-size, 11px);
}
.druids_nav_link--sm {
  font-size: 12px;
  font-size: var(--ui-header-font-size, 12px);
}
.druids_nav_link--md {
  font-size: 13px;
  font-size: var(--ui-header-font-size, var(--ui-base-font-size, 13px));
}
.druids_nav_link--lg {
  font-size: 15px;
  font-size: var(--ui-header-font-size, 15px);
}
.druids_nav_link--xl {
  font-size: 18px;
  font-size: var(--ui-header-font-size, 18px);
}
.druids_nav_link--xxl {
  font-size: 23px;
  font-size: var(--ui-header-font-size, 23px);
}
.druids_nav_link__icon {
  color: inherit;
  vertical-align: middle;
  margin-left: 0.2em;
  margin-top: -0.2em;
}

/* stylelint-disable selector-disallowed-list -- This is our “reset” file. */
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: normal;
  src: url(/src/668fa41f/NotoSans-Regular-webfont-668fa41f4ecaf0c7ea97a76059ca0fc9.woff2) format('woff2'), url(/src/42ae48a9/NotoSans-Regular-webfont-42ae48a94d685849704eda73eb183304.woff) format('woff'), url(/src/c7df5694/NotoSans-Regular-webfont-c7df56949cb452bf28f739283c048b00.ttf) format('truetype');
}
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: normal;
  src: url(/src/93a90960/NotoSans-SemiBold-webfont-93a909601fc1dfa86adc742fa8d929bc.woff2) format('woff2'), url(/src/37211cea/NotoSans-SemiBold-webfont-37211cea6835acfdb1134e28766e10ac.woff) format('woff'), url(/src/30a3cd14/NotoSans-SemiBold-webfont-30a3cd143b62fc07c06dc0ee797a5c60.ttf) format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: normal;
  src: url(/src/ed37599f/NotoSans-Bold-webfont-ed37599f330779774b3c0527ba64577f.woff2) format('woff2'), url(/src/2d4a02a9/NotoSans-Bold-webfont-2d4a02a9455c08478ecb679140015291.woff) format('woff'), url(/src/97777586/NotoSans-Bold-webfont-97777586e40bc04fb217822eb98b328e.ttf) format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: normal;
  src: url(/src/4ab367fa/NotoSans-Light-webfont-4ab367fa50b8efb5372909b72facce20.woff2) format('woff2'), url(/src/87a4e7e5/NotoSans-Light-webfont-87a4e7e5d95334637fa2ef0f895e8bd3.woff) format('woff'), url(/src/5a4c1b01/NotoSans-Light-webfont-5a4c1b01f7d7480685d48500592a2b0a.ttf) format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: normal;
  src: url(/src/06b1c08d/NotoSans-Italic-webfont-06b1c08d4f5e02b4a9aae57056fa2001.woff2) format('woff2'), url(/src/7baa3ae8/NotoSans-Italic-webfont-7baa3ae8083afb8589bcf4f59f02adcf.woff) format('woff'), url(/src/efbf55e7/NotoSans-Italic-webfont-efbf55e7b0cdba76cb63c4c07924ab0c.ttf) format('truetype');
  font-style: italic;
}
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: normal;
  src: url(/src/6810d873/NotoSans-SemiBoldItalic-webfont-6810d873beb788d18d0369bef50e5259.woff2) format('woff2'), url(/src/07e40359/NotoSans-SemiBoldItalic-webfont-07e40359317cb9f6807f7ce24169289c.woff) format('woff'), url(/src/7947c3e6/NotoSans-SemiBoldItalic-webfont-7947c3e675998724bb94979db5ca3492.ttf) format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: normal;
  src: url(/src/378098f9/NotoSans-BoldItalic-webfont-378098f9c64251b46b66badab27ed0a8.woff2) format('woff2'), url(/src/d902869c/NotoSans-BoldItalic-webfont-d902869c111c40d2c69b9b785982d04f.woff) format('woff'), url(/src/be1d585d/NotoSans-BoldItalic-webfont-be1d585d909bc8604680475b66304366.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'NotoSans';
  font-style: normal;
  font-weight: normal;
  src: url(/src/aa1b485c/NotoSans-LightItalic-webfont-aa1b485c6500f84392d5af9de2bd3e3d.woff2) format('woff2'), url(/src/784a0289/NotoSans-LightItalic-webfont-784a0289e80e64b99413cb24c0be0b02.woff) format('woff'), url(/src/97dc2700/NotoSans-LightItalic-webfont-97dc270096b5ad88c29a572bd3e9167a.ttf) format('truetype');
  font-weight: 300;
  font-style: italic;
}
/*
    Do not edit directly, this file is generated from:

    - https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400..700;1,400..700&display=swap

    This is a copy done manually on the 23rd of April 2025. We are copying Google Fonts to have random side effects impacting our codebase.

    The copy is done in the context of VRT, for example, via something like this, run inside a .vrt-case.tsx file:

    ```
    React.useEffect(() => {
        fetch(
            'https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400..700;1,400..700&display=swap',
        )
            .then((response) => response.text())
            .then((data) => console.log(data));
    }, []);
    ```

    We need to get it from the VRT context, as otherwise google fonts will return fonts without hinting if we will get them from macOS.
*/
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/87293a71/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEluUlYIw-87293a7142e2e0c36efc8270495c2705.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/c84704b4/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEn-UlYIw-c84704b455b769543cfa912b276552e0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/562e6a42/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEmOUlYIw-562e6a42ad5bd39958e4276044e26704.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/565f1771/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtElOUlYIw-565f1771846f70b9619620ec242394be.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/b68beff2/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEleUlYIw-b68beff2c6bad7a4a7c9fdaea5af4e2e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/1690e5e4/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEm-Ul-1690e5e49b97807b3f8b8aab7d1077a7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/62dfee28/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0mf0h-62dfee28c1ddf0c64662d17a12245c17.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/2fcc7d51/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0mf0h-2fcc7d518ce313f9897d1d0f4f98bdf6.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/c1cbe061/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0mf0h-c1cbe06131aaf86d7c99d1856f68d016.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/173a53e8/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0mf0h-173a53e8d58ecf60f66edc10bb01a567.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/e11c0787/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0mf0h-e11c0787b3289ee7d431b4ed7416a3af.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/src/df9ebf17/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ-df9ebf17f051cd57a3ea1ad6b1f8c9ae.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body,
.druids-theme-root {
  --ui-background: var(--LIGHT, #ffffff) var(--DARK, #1d1c1f);
  --ui-background-secondary: var(--LIGHT, #f9fafb) var(--DARK, #222126);
  --ui-background-tertiary: var(--LIGHT, #e2e5ed) var(--DARK, #3b393d);
  --ui-background-elevated: var(--LIGHT, var(--ui-background)) var(--DARK, var(--ui-background-secondary));
  --ui-background-shade: var(--LIGHT, #464b59) var(--DARK, #3b393d);
  --ui-background-shade-faded: var(--LIGHT, rgba(55, 59, 70, 0.9)) var(--DARK, rgba(101, 98, 106, 0.9));
  --ui-border: var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, #6a7287)) var(--DARK, var(--CONTRAST_DEFAULT, #3b393d) var(--CONTRAST_HIGH, #a19fa3));
  --ui-border-elevated: var(--LIGHT, var(--CONTRAST_DEFAULT, transparent) var(--CONTRAST_HIGH, #9da4b9)) var(--DARK, var(--CONTRAST_DEFAULT, #272626) var(--CONTRAST_HIGH, #726e77));
  --ui-placeholder: var(--LIGHT, rgba(226, 229, 237, 0.5)) var(--DARK, rgba(44, 43, 43, 0.75));
  --ui-ai-background-primary: var(--LIGHT, #f0f2ff) var(--DARK, #080a1a);
  --ui-ai-background-secondary: var(--LIGHT, #d9deff) var(--DARK, #1d2140);
  --ui-text: var(--LIGHT, var(--CONTRAST_DEFAULT, rgba(28, 43, 52, 0.98)) var(--CONTRAST_HIGH, #000)) var(--DARK, var(--CONTRAST_DEFAULT, rgba(255, 255, 255, 0.76)) var(--CONTRAST_HIGH, #FFF));
  --ui-text-secondary: var(--LIGHT, var(--CONTRAST_DEFAULT, rgba(28, 43, 52, 0.68)) var(--CONTRAST_HIGH, #373b46)) var(--DARK, var(--CONTRAST_DEFAULT, rgba(255, 255, 255, 0.51)) var(--CONTRAST_HIGH, #e6e4e7));
  --ui-text-tertiary: var(--LIGHT, var(--CONTRAST_DEFAULT, rgba(28, 43, 52, 0.5)) var(--CONTRAST_HIGH, #6a7287)) var(--DARK, var(--CONTRAST_DEFAULT, rgba(255, 255, 255, 0.38)) var(--CONTRAST_HIGH, #a19fa3));
  --ui-text-disabled: var(--LIGHT, var(--CONTRAST_DEFAULT, rgba(28, 43, 52, 0.35)) var(--CONTRAST_HIGH, #585f70)) var(--DARK, var(--CONTRAST_DEFAULT, rgba(255, 255, 255, 0.24)) var(--CONTRAST_HIGH, #d4d1d6));
  --ui-text-knockout: #ffffff;
  --ui-text-on-border: var(--LIGHT, var(--CONTRAST_DEFAULT, rgba(28, 43, 52, 0.68)) var(--CONTRAST_HIGH, #FFF)) var(--DARK, var(--CONTRAST_DEFAULT, rgba(255, 255, 255, 0.51)) var(--CONTRAST_HIGH, #000));
  --ui-icon: var(--LIGHT, var(--CONTRAST_DEFAULT, rgba(28, 43, 52, 0.66)) var(--CONTRAST_HIGH, #080b0d)) var(--DARK, var(--CONTRAST_DEFAULT, rgba(255, 255, 255, 0.48)) var(--CONTRAST_HIGH, #FFF));
  --ui-icon-secondary: var(--LIGHT, var(--CONTRAST_DEFAULT, rgba(28, 43, 52, 0.46)) var(--CONTRAST_HIGH, #000)) var(--DARK, var(--CONTRAST_DEFAULT, rgba(255, 255, 255, 0.34)) var(--CONTRAST_HIGH, #FFF));
  --ui-ai-primary: #5e6dd6;
  --ui-interaction-primary: var(--LIGHT, var(--CONTRAST_DEFAULT, #006bc2) var(--CONTRAST_HIGH, #0953bf)) var(--DARK, var(--CONTRAST_DEFAULT, #3d8bd0) var(--CONTRAST_HIGH, #2471bf));
  --ui-interaction-primary-contrast: var(--LIGHT, var(--CONTRAST_DEFAULT, #0953bf) var(--CONTRAST_HIGH, #0b0f8b)) var(--DARK, #579fdd);
  --ui-interaction-secondary: var(--LIGHT, var(--CONTRAST_DEFAULT, #eaf6fc) var(--CONTRAST_HIGH, #d4ecf9)) var(--DARK, var(--CONTRAST_DEFAULT, #091222) var(--CONTRAST_HIGH, #0e1d36));
  --ui-interaction-secondary-contrast: var(--LIGHT, var(--CONTRAST_DEFAULT, #d4ecf9) var(--CONTRAST_HIGH, #c2e5f8)) var(--DARK, var(--CONTRAST_DEFAULT, #0e1d36) var(--CONTRAST_HIGH, #09245b));
  --ui-interaction-callout: var(--LIGHT, #ff0099) var(--DARK, #e50089);
  --ui-interaction-callout-contrast: var(--LIGHT, #fff2fa) var(--DARK, #33001e);
  --ui-status-danger: var(--LIGHT, var(--CONTRAST_DEFAULT, #eb364b) var(--CONTRAST_HIGH, #922c35)) var(--DARK, var(--CONTRAST_DEFAULT, #d33043) var(--CONTRAST_HIGH, #a62536));
  --ui-status-danger-contrast: var(--LIGHT, #bc2b3c) var(--DARK, #eb364b);
  --ui-status-danger-soft: var(--LIGHT, #fdebed) var(--DARK, #2f0a0f);
  --ui-status-warning: var(--LIGHT, var(--CONTRAST_DEFAULT, #f99d02) var(--CONTRAST_HIGH, #de5f0c)) var(--DARK, var(--CONTRAST_DEFAULT, #cc9022) var(--CONTRAST_HIGH, #b27e1e));
  --ui-status-warning-contrast: var(--LIGHT, #c15800) var(--DARK, #e5a226);
  --ui-status-warning-soft: var(--LIGHT, #fff6e3) var(--DARK, #332408);
  --ui-status-success: var(--LIGHT, var(--CONTRAST_DEFAULT, #41c464) var(--CONTRAST_HIGH, #2a7e41)) var(--DARK, var(--CONTRAST_DEFAULT, #349c50) var(--CONTRAST_HIGH, #297a3e));
  --ui-status-success-contrast: var(--LIGHT, #2a7e41) var(--DARK, #52b76d);
  --ui-status-success-soft: var(--LIGHT, #ecf9ef) var(--DARK, #0d2714);
  --ui-status-other: var(--LIGHT, var(--CONTRAST_DEFAULT, #828ba4) var(--CONTRAST_HIGH, #585f70)) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, #3b393d));
  --ui-status-other-contrast: var(--LIGHT, #585f70) var(--DARK, #858387);
  --ui-status-other-soft: var(--LIGHT, #eff1f5) var(--DARK, #2c2b2b);
  --ui-status-in-progress: var(--LIGHT, var(--CONTRAST_DEFAULT, #9364cd) var(--CONTRAST_HIGH, #632ca6)) var(--DARK, var(--CONTRAST_DEFAULT, #67309e) var(--CONTRAST_HIGH, #7c3eb9));
  --ui-status-in-progress-contrast: var(--LIGHT, #632ca6) var(--DARK, #7c3eb9);
  --ui-status-in-progress-soft: var(--LIGHT, #f2ecfc) var(--DARK, #22053e);
  --ui-dataviz-blue: var(--LIGHT, #3598ec) var(--DARK, #6b9cc8);
  --ui-dataviz-graph-axis: var(--ui-text);
  --ui-dataviz-graph-axis-text-underlay: var(--LIGHT, rgba(255, 255, 255, 0.85)) var(--DARK, rgba(29, 28, 31, 0.85));
  --ui-dataviz-graph-disabled-series: var(--LIGHT, #c2c8dd) var(--DARK, #2c2b2b);
  --ui-brand: var(--LIGHT, #632ca6) var(--DARK, #561d8c);
  --ui-brand-contrast: var(--LIGHT, #451481) var(--DARK, #67309e);
  --ui-shadow-strength: var(--LIGHT, var(--CONTRAST_DEFAULT, rgba(36, 41, 49, 0.25)) var(--CONTRAST_HIGH, rgba(36, 41, 49, 0.5))) var(--DARK, var(--CONTRAST_DEFAULT, rgba(9, 9, 11, 0.88)) var(--CONTRAST_HIGH, #09090b));
  --ui-important: var(--LIGHT, #facc00) var(--DARK, #ebcf61);
  --ui-important-contrast: var(--LIGHT, #cc9419) var(--DARK, #e9d68e);
  --ui-code-background: var(--LIGHT, rgba(88, 95, 112, 0.05)) var(--DARK, rgba(255, 255, 255, 0.05));
  --ui-code-selection-background: var(--LIGHT, #E2E5ED) var(--DARK, #3B393D);
  --ui-code-text: var(--LIGHT, #1C2B34) var(--DARK, #E6E6E6);
  --ui-code-delimiter: var(--LIGHT, #D97E00) var(--DARK, #FEC866);
  --ui-code-boolean: var(--LIGHT, #6B37AB) var(--DARK, #C48CFF);
  --ui-code-function: var(--LIGHT, #2C63DB) var(--DARK, #5BCEFF);
  --ui-code-string: var(--LIGHT, #038043) var(--DARK, #43D698);
  --ui-code-keyword: var(--LIGHT, #E01B73) var(--DARK, #FF80B6);
  --ui-code-operator: var(--LIGHT, #008645) var(--DARK, #41EBA4);
  --ui-code-comment: var(--LIGHT, #6A7287) var(--DARK, #8F969A);
}
body,
.light-mode {
  --LIGHT: initial;
  --DARK:  /*!*/;
}
.dark-mode {
  --DARK: initial;
  --LIGHT:  /*!*/;
}
body {
  --CONTRAST_HIGH:  /*!*/;
  --CONTRAST_DEFAULT: initial;
  --DIFFERENTIATE_ON:  /*!*/;
  --DIFFERENTIATE_OFF: initial;
}
@media (prefers-contrast: more), (forced-colors: active) {
  body,
  .druids-contrast--system {
    --CONTRAST_HIGH: initial;
    --CONTRAST_DEFAULT:  /*!*/;
    --DIFFERENTIATE_ON: initial;
    --DIFFERENTIATE_OFF:  /*!*/;
  }
}
.druids-contrast--default {
  --CONTRAST_HIGH:  /*!*/;
  --CONTRAST_DEFAULT: initial;
  --DIFFERENTIATE_ON:  /*!*/;
  --DIFFERENTIATE_OFF: initial;
}
.druids-contrast--high {
  --CONTRAST_HIGH: initial;
  --CONTRAST_DEFAULT:  /*!*/;
  --DIFFERENTIATE_ON: initial;
  --DIFFERENTIATE_OFF:  /*!*/;
}
.druids-differentiate--inherit {
  --DIFFERENTIATE_ON: inherit;
  --DIFFERENTIATE_OFF: inherit;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  body,
  .druids-theme-root {
    --LIGHT: initial !important;
    --DARK:  /*!*/ !important;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  body,
  .druids-theme-root {
    --DARK: initial !important;
    --LIGHT:  /*!*/ !important;
  }
}
:where(.druids-theme-root) {
  color: var(--ui-text);
}
body,
.druids-theme-root {
  --ui-pattern-disabled: var(--LIGHT, repeating-linear-gradient(45deg,  rgba(55, 59, 70, 0.07) ,  rgba(55, 59, 70, 0.07)  2px,  rgba(255, 255, 255, 0.07)  2px, rgba(255, 255, 255, 0.07)  8px),  linear-gradient(to right,  rgba(255, 255, 255, 0.5) ,  rgba(255, 255, 255, 0.5) )) var(--DARK, repeating-linear-gradient(45deg,  rgba(212, 209, 214, 0.05) ,  rgba(212, 209, 214, 0.05)  2px,  rgba(34, 33, 38, 0.05)  2px,  rgba(34, 33, 38, 0.05)  8px),  linear-gradient(to right,  rgba(34, 33, 38, 0.65) ,  rgba(34, 33, 38, 0.65) ));
}
body,
.druids-theme-root {
  --ui-interaction-text: var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast));
}
body,
.druids-theme-root {
  --ui-disabled-border-style: var(--DIFFERENTIATE_OFF, solid) var(--DIFFERENTIATE_ON, dashed);
}
body,
.druids-theme-root {
  --ui-text-decoration-line: var(--DIFFERENTIATE_OFF, none) var(--DIFFERENTIATE_ON, underline);
}
body,
.druids-theme-root {
  --ui-text-decoration-color: var(--DIFFERENTIATE_OFF, currentColor) var(--DIFFERENTIATE_ON, color-mix(in srgb, currentColor 55%, transparent));
}
:root {
  --ui-text-decoration-thickness: clamp(1px, 0.5px + 0.075em, 2px);
  --dvh: 1vh;
  --100dvh: 100vh;
  --ui-is-quiet:  /*!*/;
  --ui-not-quiet: initial;
}
@supports (width: 1dvh) {
  :root {
    /* stylelint-disable-next-line unit-disallowed-list -- This is the only place dvh should be present. */
    --dvh: 1dvh;
    /* stylelint-disable-next-line unit-disallowed-list -- This is the only place dvh should be present. */
    --100dvh: 100dvh;
  }
}
html {
  box-sizing: border-box;
  position: relative;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body,
.druids-theme-root {
  --scrollbar-bg: var(--LIGHT, rgba(29, 28, 31, 0.05)) var(--DARK, rgba(255, 255, 255, 0.05));
}
body,
.druids-theme-root {
  --scrollbar-color: var(--LIGHT, rgba(29, 28, 31, 0.25)) var(--DARK, rgba(255, 255, 255, 0.25));
}
body,
.druids-theme-root {
  --scrollbar-color--hover: var(--LIGHT, rgba(29, 28, 31, 0.5)) var(--DARK, rgba(255, 255, 255, 0.5));
}
.dark-mode.has-custom-scrollbars,
.druids_force-custom-scrollbars {
  scrollbar-color: var(--scrollbar-color, rgba(255, 255, 255, 0.3)) transparent;
  /* thumb and track color */
  scrollbar-width: thin;
}
.dark-mode.has-custom-scrollbars::-webkit-scrollbar,
.druids_force-custom-scrollbars::-webkit-scrollbar,
.dark-mode.has-custom-scrollbars ::-webkit-scrollbar,
.druids_force-custom-scrollbars ::-webkit-scrollbar {
  width: var(--custom-scrollbars-width, 10px);
  height: var(--custom-scrollbars-width, 10px);
}
.dark-mode.has-custom-scrollbars::-webkit-scrollbar-track,
.druids_force-custom-scrollbars::-webkit-scrollbar-track,
.dark-mode.has-custom-scrollbars ::-webkit-scrollbar-track,
.druids_force-custom-scrollbars ::-webkit-scrollbar-track {
  background-color: transparent;
  border: solid var(--scrollbar-bg);
  border-width: 0 1px;
}
.dark-mode.has-custom-scrollbars::-webkit-scrollbar-track:horizontal,
.druids_force-custom-scrollbars::-webkit-scrollbar-track:horizontal,
.dark-mode.has-custom-scrollbars ::-webkit-scrollbar-track:horizontal,
.druids_force-custom-scrollbars ::-webkit-scrollbar-track:horizontal {
  border-width: 1px 0;
}
.dark-mode.has-custom-scrollbars::-webkit-scrollbar-track:hover,
.druids_force-custom-scrollbars::-webkit-scrollbar-track:hover,
.dark-mode.has-custom-scrollbars ::-webkit-scrollbar-track:hover,
.druids_force-custom-scrollbars ::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-bg);
}
.dark-mode.has-custom-scrollbars::-webkit-scrollbar-corner,
.druids_force-custom-scrollbars::-webkit-scrollbar-corner,
.dark-mode.has-custom-scrollbars ::-webkit-scrollbar-corner,
.druids_force-custom-scrollbars ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.dark-mode.has-custom-scrollbars::-webkit-scrollbar-thumb,
.druids_force-custom-scrollbars::-webkit-scrollbar-thumb,
.dark-mode.has-custom-scrollbars ::-webkit-scrollbar-thumb,
.druids_force-custom-scrollbars ::-webkit-scrollbar-thumb {
  min-height: 24px;
  border-radius: 9em;
  border: 3px solid transparent;
  background: linear-gradient(var(--scrollbar-color), var(--scrollbar-color));
  background-clip: content-box;
}
.dark-mode.has-custom-scrollbars::-webkit-scrollbar-thumb:hover,
.druids_force-custom-scrollbars::-webkit-scrollbar-thumb:hover,
.dark-mode.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover,
.druids_force-custom-scrollbars ::-webkit-scrollbar-thumb:hover,
.dark-mode.has-custom-scrollbars::-webkit-scrollbar-thumb:active,
.druids_force-custom-scrollbars::-webkit-scrollbar-thumb:active,
.dark-mode.has-custom-scrollbars ::-webkit-scrollbar-thumb:active,
.druids_force-custom-scrollbars ::-webkit-scrollbar-thumb:active {
  --scrollbar-color: var(--scrollbar-color--hover);
}
#a#b::-webkit-scrollbar,
.druids_force-custom-scrollbars {
  scrollbar-color: unset;
  scrollbar-width: unset;
}
body {
  margin: 0;
  background-color: var(--druids-env-background-color, var(--ui-background));
  color: var(--druids-env-color);
}
.druids_css_error,
[style*='druids_css_error'] {
  outline: 4px solid var(--ui-status-danger) !important;
  outline-offset: -2px !important;
}
*:where(.druids_css_error),
*:where([style*='druids_css_error']) {
  position: relative;
}
.druids_css_error::before,
[style*='druids_css_error']::before {
  content: 'See console!';
  position: absolute;
  inset: 0;
  z-index: 89;
  outline: inherit;
  background: var(--ui-status-danger-soft);
  color: var(--ui-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_form__local-colors {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
}
.druids_form_input__local-colors {
  --input-shadow-success-focus: var(--_override--input-shadow-success-focus, var(--LIGHT, rgba(65, 196, 100, 0.3)) var(--DARK, rgba(52, 156, 80, 0.8)));
  --input-background-success-focus: var(--_override--input-background-success-focus, var(--ui-status-success-soft));
  --input-border-success: var(--_override--input-border-success, var(--ui-status-success));
  --input-border-success-hover: var(--_override--input-border-success-hover, var(--ui-status-success-contrast));
  --input-border-success-focus: var(--_override--input-border-success-focus, var(--input-border-success-hover));
  --input-shadow-warning-focus: var(--_override--input-shadow-warning-focus, var(--LIGHT, rgba(249, 157, 2, 0.3)) var(--DARK, rgba(204, 144, 34, 0.8)));
  --input-background-warning-focus: var(--_override--input-background-warning-focus, var(--ui-status-warning-soft));
  --input-border-warning: var(--_override--input-border-warning, var(--ui-status-warning));
  --input-border-warning-hover: var(--_override--input-border-warning-hover, var(--ui-status-warning-contrast));
  --input-border-warning-focus: var(--_override--input-border-warning-focus, var(--input-border-warning-hover));
  --input-shadow-danger-focus: var(--_override--input-shadow-danger-focus, var(--LIGHT, rgba(235, 54, 75, 0.3)) var(--DARK, rgba(211, 48, 67, 0.8)));
  --input-background-danger-focus: var(--_override--input-background-danger-focus, var(--ui-status-danger-soft));
  --input-border-danger: var(--_override--input-border-danger, var(--ui-status-danger));
  --input-border-danger-hover: var(--_override--input-border-danger-hover, var(--ui-status-danger-contrast));
  --input-border-danger-focus: var(--_override--input-border-danger-focus, var(--input-border-danger-hover));
  --input-text-disabled: var(--_override--input-text-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-text-disabled))) var(--DARK, var(--CONTRAST_DEFAULT, #49474d) var(--CONTRAST_HIGH, var(--ui-text-disabled))));
  --input-soft-background: var(--_override--input-soft-background, var(--LIGHT, #eff1f5) var(--DARK, #272626));
  --input-soft-text: var(--_override--input-soft-text, var(--LIGHT, #242931) var(--DARK, #e6e4e7));
  --input-soft-text-placeholder: var(--_override--input-soft-text-placeholder, #828ba4);
}
.druids_typography_code__local-colors {
  --code-marker-background: var(--_override--code-marker-background, var(--LIGHT, #f2ecfc) var(--DARK, rgba(180, 143, 225, 0.1)));
  --code-marker-column-background: var(--_override--code-marker-column-background, var(--LIGHT, rgba(203, 177, 237, 0.5)) var(--DARK, rgba(180, 143, 225, 0.2)));
  --code-border: var(--_override--code-border, var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b));
  --code-marker-numbers: var(--_override--code-marker-numbers, var(--LIGHT, rgba(55, 59, 70, 0.5)) var(--DARK, rgba(255, 255, 255, 0.3)));
  --code-text-purple: var(--_override--code-text-purple, var(--LIGHT, #632ca6) var(--DARK, #a26dd8));
  --code-text-yellow: var(--_override--code-text-yellow, var(--LIGHT, #de5f0c) var(--DARK, #a68716));
  --code-text-green: var(--_override--code-text-green, var(--LIGHT, #2a7e41) var(--DARK, #40ab5e));
  --code-text-blue: var(--_override--code-text-blue, var(--LIGHT, #006bc2) var(--DARK, #3d8bd0));
  --code-text-pink: var(--_override--code-text-pink, var(--LIGHT, #d60f86) var(--DARK, #ff00c7));
  --selected-code-highlight-color: var(--LIGHT, rgba(55, 59, 70, 0.2)) var(--DARK, rgba(212, 209, 214, 0.2));
  --code-text: var(--_override--code-text, var(--ui-text));
  --code-background: var(--code-background-default, var(--ui-code-background));
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_typography_text {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  line-height: var(--ui-header-line-height, var(--ui-base-line-height, inherit));
  /* variants */
  font-weight: var(--ui-header-font-weight, inherit);
  /* weights */
  /* sizes */
  /* text alignment */
  /* text case */
}
.druids_typography_text--default {
  color: var(--ui-text);
}
.druids_typography_text--secondary[class] {
  color: var(--ui-text-secondary);
}
.druids_typography_text--tertiary[class] {
  color: var(--ui-text-tertiary);
}
.druids_typography_text--knockout[class] {
  color: var(--ui-text-knockout);
}
.druids_typography_text--success[class] {
  color: var(--ui-status-success-contrast);
}
.druids_typography_text--warning[class] {
  color: var(--ui-status-warning-contrast);
}
.druids_typography_text--danger[class] {
  color: var(--ui-status-danger-contrast);
}
.druids_typography_text--disabled[class] {
  color: var(--ui-text-disabled);
}
.druids_typography_text--normal {
  font-weight: 400;
}
.druids_typography_text--bold[class] {
  font-weight: 600;
}
.druids_typography_text--thin[class] {
  font-weight: 300;
}
.druids_typography_text--is-italic[class] {
  font-style: italic;
}
.druids_typography_text--is-monospace[class] {
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  letter-spacing: -0.01em;
}
.druids_typography_text--is-monospace.druids_typography_text--bold {
  font-weight: 700;
}
.druids_typography_text--has-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_typography_text--xxs {
  font-size: 8px;
  font-size: var(--ui-header-font-size, 8px);
}
.druids_typography_text--xs {
  font-size: 11px;
  font-size: var(--ui-header-font-size, 11px);
}
.druids_typography_text--sm {
  font-size: 12px;
  font-size: var(--ui-header-font-size, 12px);
}
.druids_typography_text--md {
  font-size: 13px;
  font-size: var(--ui-header-font-size, 13px);
}
.druids_typography_text--lg {
  font-size: 15px;
  font-size: var(--ui-header-font-size, 15px);
}
.druids_typography_text--xl {
  font-size: 18px;
  font-size: var(--ui-header-font-size, 18px);
}
.druids_typography_text--xxl {
  font-size: 23px;
  font-size: var(--ui-header-font-size, 23px);
}
.druids_typography_text--left {
  text-align: left;
}
.druids_typography_text--center {
  text-align: center;
}
.druids_typography_text--right {
  text-align: right;
}
.druids_typography_text--none {
  text-transform: none;
}
.druids_typography_text--lowercase {
  text-transform: lowercase;
}
.druids_typography_text--uppercase {
  text-transform: uppercase;
}
.druids_typography_text--capitalize {
  text-transform: capitalize;
}
.druids_typography_text--ow-normal {
  word-break: normal;
  overflow-wrap: normal;
}
.druids_typography_text--ow-break-word {
  overflow-wrap: break-word;
}
.druids_typography_text--ow-anywhere {
  word-break: break-word;
  overflow-wrap: anywhere;
}
.druids_typography_text--ws-normal {
  white-space: normal;
}
.druids_typography_text--ws-nowrap {
  white-space: nowrap;
}
.druids_typography_text--ws-pre {
  white-space: pre;
}
.druids_typography_text--ws-pre-wrap {
  white-space: pre-wrap;
}
.druids_typography_text--ws-pre-line {
  white-space: pre-line;
}
.druids_typography_text--ws-break-spaces {
  white-space: break-spaces;
}
.druids_typography_text--not-editorial-copy {
  --ui-base-font-size: initial;
  --ui-base-line-height: initial;
  --ui-header-font-size: initial;
  --ui-header-line-height: initial;
  --ui-header-font-weight: initial;
  --ui-header-letter-spacing: initial;
  --ui-header-text-transform: initial;
  --ui-custom-reduced-vertical-spacing: 1;
  --ui-custom-reduced-vertical-line-height: 1;
  --ui-vertical-spacing-modifier: 1;
  --ui-header-text-wrap: initial;
  --ui-header-size-h1: initial;
  --ui-header-lh-h1: initial;
  --ui-header-ls-h1: initial;
  --ui-header-tt-h1: initial;
  --ui-header-fw-h1: initial;
  --ui-header-size-h2: initial;
  --ui-header-lh-h2: initial;
  --ui-header-ls-h2: initial;
  --ui-header-tt-h2: initial;
  --ui-header-fw-h2: initial;
  --ui-header-size-h3: initial;
  --ui-header-lh-h3: initial;
  --ui-header-ls-h3: initial;
  --ui-header-tt-h3: initial;
  --ui-header-fw-h3: initial;
  --ui-header-size-h4: initial;
  --ui-header-lh-h4: initial;
  --ui-header-ls-h4: initial;
  --ui-header-tt-h4: initial;
  --ui-header-fw-h4: initial;
  --ui-header-size-h5: initial;
  --ui-header-lh-h5: initial;
  --ui-header-ls-h5: initial;
  --ui-header-tt-h5: initial;
  --ui-header-fw-h5: initial;
  --ui-header-size-h6: initial;
  --ui-header-lh-h6: initial;
  --ui-header-ls-h6: initial;
  --ui-header-tt-h6: initial;
  --ui-header-fw-h6: initial;
  --ui-hr-width: initial;
  --ui-max-width: initial;
  --ui-max-width-margin: initial;
}
.druids_typography_text--not-editorial-copy > * {
  --ui-custom-line-spacing: initial;
  --ui-custom-extra-padding: initial;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_group {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  --ui-group-elevation: initial !important;
  --ui-group-elevation--static: initial !important;
  --ui-group-elevation--primary: initial !important;
  --ui-group-elevation--focus: initial !important;
  --ui-group-elevation--hover: initial !important;
  --ui-group-elevation--validation: initial !important;
}
*:where(.druids_form_group:not(.druids_form_group--is-nested)) {
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
}
.druids_form_group--align-flex-start {
  align-items: flex-start;
}
.druids_form_group--align-flex-end {
  align-items: flex-end;
}
.druids_form_group--align-center {
  align-items: center;
}
.druids_form_group--align-stretch {
  align-items: stretch;
}
.druids_form_group--horizontal {
  flex-direction: row;
}
.druids_form_group--horizontal > *:not(:first-child) {
  --_ui-lockup--tl: 0;
  --_ui-lockup--bl: 0;
}
.druids_form_group--horizontal > *:not(:last-child) {
  --_ui-lockup--tr: 0;
  --_ui-lockup--br: 0;
}
.druids_form_group--horizontal:where(:not(.druids_form_group--no-margins)) > * + * {
  margin-left: -1px !important;
}
.druids_form_group--vertical {
  flex-direction: column;
}
.druids_form_group--vertical > *:not(:first-child) {
  --_ui-lockup--tl: 0;
  --_ui-lockup--tr: 0;
}
.druids_form_group--vertical > *:not(:last-child) {
  --_ui-lockup--bl: 0;
  --_ui-lockup--br: 0;
}
.druids_form_group--vertical > * {
  width: 100%;
  flex: 1;
}
.druids_form_group--vertical:where(:not(.druids_form_group--no-margins)) > * + * {
  margin-top: -1px !important;
}
.druids_form_group--is-full-width {
  width: 100%;
}
.druids_form_group--is-full-width .druids_form_input-text,
.druids_form_group--is-full-width .druids_form_text-area,
.druids_form_group--is-full-width .druids_form_input-plain-date__popover-handle {
  width: 100%;
}
.druids_form_group > * {
  --ui-group-elevation: 1;
  --ui-group-elevation--static: 1;
  --ui-group-elevation--primary: 2;
  --ui-group-elevation--focus: 3;
  --ui-group-elevation--hover: 4;
  --ui-group-elevation--validation: 5;
}
.druids_form_group > *:active,
.druids_form_group > *.focus-visible,
.druids_form_group > *:not(:hover) > .focus-visible,
.druids_form_group > *:not(:hover) > *:not(:focus):focus-within {
  --ui-group-elevation: var(--ui-group-elevation--focus);
  --ui-group-elevation--primary: var(--ui-group-elevation--focus);
}
.druids_form_group > *:has(> .focus-visible):not(:hover) {
  --ui-group-elevation: var(--ui-group-elevation--focus);
  --ui-group-elevation--primary: var(--ui-group-elevation--focus);
}
.druids_form_group > *:hover {
  --ui-group-elevation: var(--ui-group-elevation--hover);
  --ui-group-elevation--primary: var(--ui-group-elevation--hover);
}

.druids_layout_flex {
  display: flex;
}
.druids_layout_flex--is-inline[class] {
  display: inline-flex;
}
.druids_layout_flex--align-items-flex-start {
  align-items: flex-start;
}
.druids_layout_flex--align-items-center {
  align-items: center;
}
.druids_layout_flex--align-items-flex-end {
  align-items: flex-end;
}
.druids_layout_flex--align-items-stretch {
  align-items: stretch;
}
.druids_layout_flex--align-items-baseline {
  align-items: baseline;
}
.druids_layout_flex--is-full-width {
  width: 100%;
  min-width: auto;
}
.druids_layout_flex--is-full-height {
  height: 100%;
  min-height: auto;
}
.druids_layout_flex--direction-row {
  flex-direction: row;
}
.druids_layout_flex--direction-column {
  flex-direction: column;
}
.druids_layout_flex--direction-row-reverse {
  flex-direction: row-reverse;
}
.druids_layout_flex--direction-column-reverse {
  flex-direction: column-reverse;
}
.druids_layout_flex--justify-flex-start {
  justify-content: flex-start;
}
.druids_layout_flex--justify-center {
  justify-content: center;
}
.druids_layout_flex--justify-flex-end {
  justify-content: flex-end;
}
.druids_layout_flex--justify-space-between {
  justify-content: space-between;
}
.druids_layout_flex--justify-space-around {
  justify-content: space-around;
}
.druids_layout_flex--justify-space-evenly {
  justify-content: space-evenly;
}
.druids_layout_flex--wrap-nowrap {
  flex-wrap: nowrap;
}
.druids_layout_flex--wrap-wrap {
  flex-wrap: wrap;
}
.druids_layout_flex--wrap-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.druids_layout_flex--has-min-width {
  min-width: var(--flex-min-width);
}
.druids_layout_flex--has-max-width {
  max-width: var(--flex-max-width);
}
.druids_layout_flex--has-x-gap:not(.druids_layout_flex--direction-row-reverse) > * {
  margin-left: var(--flex-gap-x);
}
.druids_layout_flex--has-x-gap.druids_layout_flex--direction-row-reverse > * {
  margin-right: var(--flex-gap-x);
}
.druids_layout_flex--has-y-gap:not(.druids_layout_flex--direction-column-reverse) > * {
  margin-top: var(--flex-gap-y);
}
.druids_layout_flex--has-y-gap.druids_layout_flex--direction-column-reverse > * {
  margin-bottom: var(--flex-gap-y);
}
.druids_layout_flex--wrap-nowrap.druids_layout_flex--has-x-gap > *:first-child {
  --flex-gap-x: 0;
}
.druids_layout_flex--wrap-nowrap.druids_layout_flex--has-y-gap > *:first-child {
  --flex-gap-y: 0;
}
.druids_layout_flex:not(.druids_layout_flex--direction-row-reverse):not(.druids_layout_flex--wrap-nowrap).druids_layout_flex--has-x-gap {
  margin-left: calc(-1 * var(--flex-gap-x));
}
.druids_layout_flex--direction-row-reverse:not(.druids_layout_flex--wrap-nowrap).druids_layout_flex--has-x-gap {
  margin-right: calc(-1 * var(--flex-gap-x));
}
.druids_layout_flex:not(.druids_layout_flex--direction-column-reverse):not(.druids_layout_flex--wrap-nowrap).druids_layout_flex--has-y-gap {
  margin-top: calc(-1 * var(--flex-gap-y));
}
.druids_layout_flex--direction-column-reverse:not(.druids_layout_flex--wrap-nowrap).druids_layout_flex--has-y-gap {
  margin-bottom: calc(-1 * var(--flex-gap-y));
}
.druids_layout_flex:where(:not(.druids_layout_flex--has-legacy-gap)) {
  --flex-gap-x: 0;
  --flex-gap-y: 0;
  column-gap: var(--flex-gap-x);
  row-gap: var(--flex-gap-y);
}
*:where(.druids_layout_flex--has-stretched-items) > * {
  flex: 1;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_grid {
  --grid-template-areas: none;
  --grid-gap: 16px;
  --grid-columns-count: auto-fit;
  --grid-rows-count: auto-fit;
  --grid-min-width: 0;
  --grid-min-height: 0;
  --grid-width: 1fr;
  --grid-height: 1fr;
  --grid-template-columns: repeat(var(--grid-columns-count), minmax(var(--grid-min-width), var(--grid-width)));
  --grid-template-rows: repeat(var(--grid-rows-count), minmax(var(--grid-min-height), var(--grid-height)));
  --grid-auto-rows: auto;
  --grid-justify-items: initial;
  --grid-align-content: initial;
  --grid-align-items: initial;
  position: relative;
  grid-template-areas: var(--grid-template-areas);
  grid-template-columns: var(--grid-template-columns);
  grid-gap: var(--grid-gap);
  grid-auto-rows: var(--grid-auto-rows);
  justify-items: var(--grid-justify-items);
  justify-content: var(--grid-justify-content);
  align-content: var(--grid-align-content);
  align-items: var(--grid-align-items);
}
.druids_layout_grid[class] {
  display: grid;
}
.druids_layout_grid--is-dense {
  grid-auto-flow: dense;
}
.druids_layout_grid--is-inline[class] {
  display: inline-block;
  display: inline-grid;
}
.druids_layout_grid--is-full-width {
  width: 100%;
}
.druids_layout_grid--is-full-height {
  height: 100%;
}
.druids_layout_grid > * {
  min-width: var(--grid-min-width);
}
.druids_layout_grid--has-rows {
  grid-template-rows: var(--grid-template-rows);
}
.druids_layout_grid--has-min-height > * {
  min-height: var(--grid-min-height);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_action {
  transition: user-select 0s 0.1s linear;
  transition-behavior: allow-discrete;
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  --ui-border-radius: var(--_action-contrast-radius, inherit);
  --action-hover: initial;
  --action-hover-text-color: initial;
  --action-active: initial;
  --action-hover-underline: var(--ui-text-decoration-line);
  --action-contrast-outline: var(--form-border, var(--ui-border));
}
html:not(.js-focus-visible) .druids_form_action:focus {
  outline: none;
}
html.js-focus-visible .druids_form_action:focus:not(.focus-visible) {
  outline: none;
}
.druids_form_action:focus.focus-visible {
  border-radius: var(--ui-border-radius, 4px);
  --_focus-ring-default-color: var(--LIGHT, #0953bf) var(--DARK, #579fdd);
  outline-offset: -2px;
  outline-width: 3px;
  outline-color: var(--_focus-ring-default-color);
  outline-style: solid;
  box-shadow: inset 0 0 0 3px var(--ui-background);
}
.druids_form_action:not(:focus),
.druids_form_action:focus-visible {
  -webkit-user-select: text;
  user-select: text;
}
.druids_form_action:active {
  -webkit-user-select: none;
  user-select: none;
  transition-delay: 0s;
}
.druids_form_action:where(:not(.druids_form_action--should-inherit)) {
  color: inherit;
}
*:where(.druids_form_action--should-inherit) {
  color: inherit;
}
*:where(.druids_form_action) {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  max-width: 100%;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
}
*:where(.druids_form_action)::-moz-focus-inner {
  padding: 0;
  border: none;
}
*:where(.druids_form_action:not(.druids_form_action--is-disabled)) {
  z-index: var(--ui-group-elevation);
}
*:where(a[href].druids_form_action:not(.druids_form_action--underline-dotted):not(.druids_form_action--underline-solid)) {
  text-decoration: var(--ui-text-decoration-line);
  text-decoration-color: var(--ui-text-decoration-color);
}
*:where( button.druids_form_action:not(.druids_form_action--is-disabled):not(.druids_form_action--underline-dotted):not( .druids_form_action--underline-solid):not(.focus-visible):not(:hover)) {
  text-decoration: var(--ui-text-decoration-line);
  text-decoration-style: dotted;
  text-decoration-thickness: var(--ui-text-decoration-thickness);
  text-decoration-color: var(--ui-text-decoration-color);
}
*:where(.druids_form_action--is-basic) {
  display: inline-block;
  vertical-align: baseline;
}
*:where(.druids_form_action--should-inherit) {
  font: inherit;
}
.druids_form_action--is-disabled {
  cursor: not-allowed;
}
.druids_form_action--underline-solid {
  text-decoration: underline;
}
.druids_form_action:hover,
.druids_form_action:focus.focus-visible,
.druids_form_action:active,
.druids_form_action.druids_form_action--is-active {
  --action-hover-underline: underline;
  --ui-is-quiet:  /*!*/;
  --ui-not-quiet: initial;
}
.druids_form_action--underline-on-hover {
  text-decoration-line: var(--action-hover-underline);
}
.druids_form_action--underline-dotted {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
  text-decoration-thickness: var(--ui-text-decoration-thickness);
  text-underline-offset: calc(0.5px + 0.15em);
}
.druids_form_action--cursor-help {
  cursor: help;
}
.druids_form_action--default-hover {
  --action-hover: var(--ui-interaction-text);
  --action-active: var(--ui-interaction-primary-contrast);
}
.druids_form_action--default-hover-soft {
  --action-hover: var(--ui-interaction-secondary);
  --action-active: var(--ui-interaction-secondary-contrast);
}
.druids_form_action--success-hover {
  --action-hover: var(--ui-status-success);
  --action-active: var(--ui-status-success-contrast);
}
.druids_form_action--success-hover-soft {
  --action-hover: var(--ui-status-success-soft);
  --action-active: color-mix(in srgb, var(--ui-status-success-soft) 90%, var(--ui-status-success) 10%);
}
.druids_form_action--warning-hover {
  --action-hover: var(--ui-status-warning);
  --action-active: var(--ui-status-warning-contrast);
}
.druids_form_action--warning-hover-soft {
  --action-hover: var(--ui-status-warning-soft);
  --action-active: color-mix(in srgb, var(--ui-status-warning-soft) 90%, var(--ui-status-warning) 10%);
}
.druids_form_action--danger-hover {
  --action-hover: var(--ui-status-danger);
  --action-active: var(--ui-status-danger-contrast);
}
.druids_form_action--danger-hover-soft {
  --action-hover: var(--ui-status-danger-soft);
  --action-active: color-mix(in srgb, var(--ui-status-danger-soft) 90%, var(--ui-status-danger) 10%);
}
.druids_form_action--has-color-on-hover:hover,
.druids_form_action--has-color-on-hover:focus.focus-visible,
.druids_form_action--has-color-on-hover:active,
.druids_form_action--has-color-on-hover.druids_form_action--is-active {
  --action-hover-text-color: var(--action-hover);
}
.druids_form_action--has-color-on-hover:hover,
.druids_form_action--has-color-on-hover:focus.focus-visible {
  color: var(--action-hover);
}
.druids_form_action--has-color-on-hover:active,
.druids_form_action--has-color-on-hover.druids_form_action--is-active {
  color: var(--action-active);
}
.druids_form_action--has-background-on-hover:hover,
.druids_form_action--has-background-on-hover:focus.focus-visible,
.druids_form_action--has-background-on-hover:active,
.druids_form_action--has-background-on-hover.druids_form_action--is-active {
  color: var(--ui-text-knockout);
  --action-hover-text-color: var(--ui-text-knockout);
}
.druids_form_action--has-soft-background-on-hover:hover,
.druids_form_action--has-soft-background-on-hover:focus.focus-visible,
.druids_form_action--has-soft-background-on-hover:active,
.druids_form_action--has-soft-background-on-hover.druids_form_action--is-active {
  color: var(--ui-interaction-primary);
  --action-hover-text-color: var(--ui-interaction-primary);
}
.druids_form_action--has-soft-background-on-hover:hover.druids_form_action--success-hover-soft,
.druids_form_action--has-soft-background-on-hover:focus.focus-visible.druids_form_action--success-hover-soft,
.druids_form_action--has-soft-background-on-hover:active.druids_form_action--success-hover-soft,
.druids_form_action--has-soft-background-on-hover.druids_form_action--is-active.druids_form_action--success-hover-soft {
  color: var(--ui-status-success-contrast);
  --action-hover-text-color: var(--ui-status-success-contrast);
}
.druids_form_action--has-soft-background-on-hover:hover.druids_form_action--warning-hover-soft,
.druids_form_action--has-soft-background-on-hover:focus.focus-visible.druids_form_action--warning-hover-soft,
.druids_form_action--has-soft-background-on-hover:active.druids_form_action--warning-hover-soft,
.druids_form_action--has-soft-background-on-hover.druids_form_action--is-active.druids_form_action--warning-hover-soft {
  color: var(--ui-status-warning-contrast);
  --action-hover-text-color: var(--ui-status-warning-contrast);
}
.druids_form_action--has-soft-background-on-hover:hover.druids_form_action--danger-hover-soft,
.druids_form_action--has-soft-background-on-hover:focus.focus-visible.druids_form_action--danger-hover-soft,
.druids_form_action--has-soft-background-on-hover:active.druids_form_action--danger-hover-soft,
.druids_form_action--has-soft-background-on-hover.druids_form_action--is-active.druids_form_action--danger-hover-soft {
  color: var(--ui-status-danger-contrast);
  --action-hover-text-color: var(--ui-status-danger-contrast);
}
.druids_form_action--has-background-on-hover:hover,
.druids_form_action--has-soft-background-on-hover:hover,
.druids_form_action--has-background-on-hover:focus.focus-visible,
.druids_form_action--has-soft-background-on-hover:focus.focus-visible {
  background: var(--action-hover);
}
.druids_form_action--has-background-on-hover:active,
.druids_form_action--has-soft-background-on-hover:active,
.druids_form_action--has-background-on-hover.druids_form_action--is-active,
.druids_form_action--has-soft-background-on-hover.druids_form_action--is-active {
  background: var(--action-active);
}

.horizontal-separator_Vx5eYq_HorizontalSeparator{background:var(--ui-border);border:0;height:1px}@media (forced-colors:active){.horizontal-separator_Vx5eYq_HorizontalSeparator{border-top:1px solid;height:0}}
.keycap_oL24va_Keycap{--keycap_oL24va_keycap-background-shade:var(--LIGHT, #585f70 )var(--DARK, #726e77 );--keycap_oL24va_keycap-color:var(--ui-text);--keycap_oL24va_keycap-background:var(--ui-background);--keycap_oL24va_keycap-border-color:var(--ui-border);--keycap_oL24va_keycap-border-width:1px;--keycap_oL24va_keycap-padding-top:.05em;--keycap_oL24va_keycap-padding-bottom:.1em;--keycap_oL24va_keycap-padding-left:.35em;--keycap_oL24va_keycap-padding-right:.35em;white-space:nowrap;color:var(--keycap-custom-text-color,var(--keycap_oL24va_keycap-color));background:var(--keycap-custom-background-color,var(--keycap_oL24va_keycap-background));font-family: "Roboto Mono",Menlo,"Liberation Mono",Courier,monospace ;letter-spacing:-.01em;border:var(--keycap_oL24va_keycap-border-width)solid var(--keycap_oL24va_keycap-border-color);padding:var(--keycap_oL24va_keycap-padding-top)var(--keycap_oL24va_keycap-padding-right)var(--keycap_oL24va_keycap-padding-bottom)var(--keycap_oL24va_keycap-padding-left);line-height:inherit;box-shadow:none;border-radius: 4px ;text-transform:capitalize;display:inline-block}.keycap_oL24va_isCmdKey,.keycap_oL24va_isArrowKey{font-family: "NotoSans","Lucida Grande","Lucida Sans Unicode",sans-serif }.keycap_oL24va_Keycap--knockout{--keycap_oL24va_keycap-color:var(--ui-text-knockout);--keycap_oL24va_keycap-background:var(--keycap_oL24va_keycap-background-shade);--keycap_oL24va_keycap-border-width:0}.keycap_oL24va_Keycap--secondary,.keycap_oL24va_Keycap--secondary-knockout,.keycap_oL24va_Keycap--tertiary,.keycap_oL24va_Keycap--disabled{--keycap_oL24va_keycap-background:transparent;--keycap_oL24va_keycap-border-width:0;--keycap_oL24va_keycap-padding-left:0;--keycap_oL24va_keycap-padding-right:0}.keycap_oL24va_Keycap--secondary{--keycap_oL24va_keycap-color:var(--ui-text-secondary)}.keycap_oL24va_Keycap--tertiary{--keycap_oL24va_keycap-color:var(--ui-text-tertiary)}.keycap_oL24va_Keycap--secondary-knockout{--keycap_oL24va_keycap-color:var(--ui-text-knockout)}.keycap_oL24va_Keycap--disabled{--keycap_oL24va_keycap-color:var(--ui-text-disabled)}.keycap_oL24va_isBorderless{--keycap_oL24va_keycap-border-width:0}.keycap_oL24va_Keycap--xs{font-size: 11px }.keycap_oL24va_Keycap--sm{font-size: 12px }.keycap_oL24va_Keycap--md{font-size: 13px ;font-size:var(--ui-base-font-size, 13px )}.keycap_oL24va_Keycap--lg{font-size: 15px }
.keyboard-shortcut_baMUyq_Separator{padding:.05em .15em .1em}.keyboard-shortcut_baMUyq_DefaultColor{color:var(--keyboard-shortcut-custom-separator-color,var(--ui-text))}
@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}@media (forced-colors: active) {
}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.druids_dialogs_tooltip__tooltip[class] {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  text-align: center;
}
.druids_dialogs_tooltip__tooltip:not(.druids_dialogs_tooltip__tooltip--popover) {
  font-size: 12px;
  line-height: var(--ui-base-line-height, 1.5);
  color: var(--ui-text-knockout);
  border-radius: 4px;
  opacity: 0.95 !important;
  -webkit-font-smoothing: auto;
  background-color: var(--ui-background-shade);
}
@media (forced-colors: active) {
  .druids_dialogs_tooltip__tooltip:not(.druids_dialogs_tooltip__tooltip--popover) {
    opacity: 1 !important;
    outline: 4px solid;
    outline-offset: -2px;
  }
}
.druids_dialogs_tooltip__tooltip.druids_dialogs_tooltip__tooltip--popover {
  --popover-outline: var(--CONTRAST_DEFAULT, var(--ui-border-elevated)) var(--CONTRAST_HIGH, var(--ui-border));
  --popover-arrow-outline: var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, var(--ui-border-elevated)) var(--CONTRAST_HIGH, var(--ui-border)));
  --popover-background-color: var(--ui-background-elevated);
  --popover-arrow-color: linear-gradient(135deg, var(--ui-background-elevated) 50%, transparent 51%);
  border-radius: 0;
  font-size: 13px;
  color: var(--ui-text);
  background-color: var(--popover-background-color);
  box-shadow: 0 0 0 1px var(--popover-outline), 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
@media (forced-colors: active) {
  .druids_dialogs_tooltip__tooltip.druids_dialogs_tooltip__tooltip--popover {
    outline: 4px solid;
  }
}
.druids_dialogs_tooltip__tooltip.druids_dialogs_tooltip__tooltip--popover > .tippy-content {
  padding: 8px 16px;
}
.druids_dialogs_tooltip__tooltip[data-state='hidden'] {
  opacity: 0 !important;
}
.druids_dialogs_tooltip__tooltip > .tippy-content {
  padding: 4px 8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.druids_dialogs_tooltip__tooltip:where(:not(.druids_dialogs_tooltip__tooltip--popover)) > .tippy-arrow::before {
  --_arrow-color: var(--ui-background-shade);
}
@media (forced-colors: active) {
  .druids_dialogs_tooltip__tooltip:where(:not(.druids_dialogs_tooltip__tooltip--popover)) > .tippy-arrow::before {
    color: inherit;
    --_arrow-color: currentColor;
    forced-color-adjust: preserve-parent-color;
  }
}
[data-placement^='top'].druids_dialogs_tooltip__tooltip:where(:not(.druids_dialogs_tooltip__tooltip--popover)) > .tippy-arrow::before {
  border-top-color: var(--_arrow-color);
}
[data-placement^='bottom'].druids_dialogs_tooltip__tooltip:where(:not(.druids_dialogs_tooltip__tooltip--popover)) > .tippy-arrow::before {
  border-bottom-color: var(--_arrow-color);
}
[data-placement^='left'].druids_dialogs_tooltip__tooltip:where(:not(.druids_dialogs_tooltip__tooltip--popover)) > .tippy-arrow::before {
  border-left-color: var(--_arrow-color);
}
[data-placement^='right'].druids_dialogs_tooltip__tooltip:where(:not(.druids_dialogs_tooltip__tooltip--popover)) > .tippy-arrow::before {
  border-right-color: var(--_arrow-color);
}
.druids_dialogs_tooltip__tooltip--popover > .tippy-arrow,
.druids_dialogs_tooltip__tooltip--popover > .tippy-arrow::before {
  box-sizing: content-box;
  width: 12px;
  height: 12px;
}
.druids_dialogs_tooltip__tooltip--popover > .tippy-arrow[class][class]::before {
  position: static;
  display: block;
  transform-origin: initial;
  background: var(--popover-arrow-color);
  border: 1px solid;
  border-left-color: var(--popover-arrow-outline);
  border-top-color: var(--popover-arrow-outline);
  border-right-width: 0;
  border-bottom-width: 0;
}
@media (forced-colors: active) {
  .druids_dialogs_tooltip__tooltip--popover > .tippy-arrow[class][class]::before {
    forced-color-adjust: preserve-parent-color;
    background: linear-gradient(135deg, currentColor 50%, transparent 51%);
    border: none;
  }
}
[data-placement^='bottom'].druids_dialogs_tooltip__tooltip--popover > .tippy-arrow {
  top: -7px;
}
[data-placement^='bottom'].druids_dialogs_tooltip__tooltip--popover > .tippy-arrow::before {
  transform: rotate(45deg);
}
[data-placement^='top'].druids_dialogs_tooltip__tooltip--popover > .tippy-arrow {
  bottom: -6px;
}
[data-placement^='top'].druids_dialogs_tooltip__tooltip--popover > .tippy-arrow::before {
  transform: rotate(-135deg);
}
[data-placement^='right'].druids_dialogs_tooltip__tooltip--popover > .tippy-arrow {
  left: -7px;
}
[data-placement^='right'].druids_dialogs_tooltip__tooltip--popover > .tippy-arrow::before {
  transform: rotate(-45deg);
}
[data-placement^='left'].druids_dialogs_tooltip__tooltip--popover > .tippy-arrow {
  right: -6px;
}
[data-placement^='left'].druids_dialogs_tooltip__tooltip--popover > .tippy-arrow::before {
  transform: rotate(135deg);
}
.druids_dialogs_tooltip__tooltip--popover::before {
  content: '';
  position: absolute;
  --size: 10px;
}
[data-placement^='top'].druids_dialogs_tooltip__tooltip--popover::before {
  top: 100%;
  left: 0;
  right: 0;
  height: var(--size);
}
[data-placement^='bottom'].druids_dialogs_tooltip__tooltip--popover::before {
  bottom: 100%;
  left: 0;
  right: 0;
  height: var(--size);
}
[data-placement^='left'].druids_dialogs_tooltip__tooltip--popover::before {
  left: 100%;
  top: 0;
  bottom: 0;
  width: var(--size);
}
[data-placement^='right'].druids_dialogs_tooltip__tooltip--popover::before {
  right: 100%;
  top: 0;
  bottom: 0;
  width: var(--size);
}
.druids_dialogs_tooltip__cropped-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px - var(--custom-scrollbars-width, 0px));
}

.loading-indicator_TXQtFW_LoadingIndicator{--loading-indicator_TXQtFW_indicator-background:var(--LIGHT,#0000074a)var(--DARK,#fffeff3b);line-height:0;display:inline-block}.loading-indicator_TXQtFW_Rotating{contain:strict;width:1em;height:1em}.loading-indicator_TXQtFW_Rotating--xxs{width:10px;height:10px}.loading-indicator_TXQtFW_Rotating--xs,.loading-indicator_TXQtFW_Rotating--sm{width:14px;height:14px}.loading-indicator_TXQtFW_Rotating--md{width:16px;height:16px}.loading-indicator_TXQtFW_Rotating--lg{width:18px;height:18px}.loading-indicator_TXQtFW_Rotating--xl{width:22px;height:22px}.loading-indicator_TXQtFW_Rotating--xxl{width:28px;height:28px}.loading-indicator_TXQtFW_isAnimated{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:50%;animation:.75s linear infinite loading-indicator_TXQtFW_spin;transform:translateZ(0)}.loading-indicator_TXQtFW_hasDelay{animation:loading-indicator_TXQtFW_fadeIn .2s var(--loading-indicator-delay)both}.loading-indicator_TXQtFW_Svg{stroke:none;width:100%;height:100%}.loading-indicator_TXQtFW_Background{fill:var(--loading-indicator_TXQtFW_indicator-background)}.loading-indicator_TXQtFW_Foreground{fill:var(--ui-text)}.loading-indicator_TXQtFW_variant--ai .loading-indicator_TXQtFW_Background{fill:var(--ui-ai-primary);opacity:.3}.loading-indicator_TXQtFW_variant--ai .loading-indicator_TXQtFW_Foreground{fill:var(--ui-ai-primary)}.loading-indicator_TXQtFW_isKnockout .loading-indicator_TXQtFW_Background{fill:var(--ui-text-knockout);opacity:.5}.loading-indicator_TXQtFW_isKnockout .loading-indicator_TXQtFW_Foreground{fill:var(--ui-text-knockout);opacity:.8}@keyframes loading-indicator_TXQtFW_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-indicator_TXQtFW_fadeIn{0%{opacity:0}to{opacity:1}}
.mixins_CBY9vG_EditorialCopyReset{}.mixins_CBY9vG_HeaderReset{--ui-header-font-size:initial;--ui-header-line-height:initial;--ui-header-font-weight:initial;--ui-header-letter-spacing:initial;--ui-header-text-transform:initial;--ui-custom-reduced-vertical-spacing:1;--ui-custom-reduced-vertical-line-height:1;--ui-vertical-spacing-modifier:1;--ui-header-text-wrap:initial}.feature-status-label_BoiuQW_FeatureStatusLabel{--feature-status-label_BoiuQW_feature-status-label-text:var(--LIGHT,#a33bff)var(--DARK,#c159ff);color:var(--feature-status-label-text-override,var(--feature-status-label_BoiuQW_feature-status-label-text));white-space:nowrap;line-height:1;}.feature-status-label_BoiuQW_isKnockout{color:var(--feature-status-label-text-override,var(--ui-text-knockout))}.feature-status-label_BoiuQW_isDisabled{opacity:.5}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_button {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --button-default-background: var(--LIGHT, var(--form-background)) var(--DARK, #3b393d);
  --button-default-text-hover: var(--LIGHT, var(--ui-text)) var(--DARK, var(--ui-text-knockout));
  --button-primary-text-disabled: var(--LIGHT, var(--CONTRAST_DEFAULT, var(--ui-text-knockout)) var(--CONTRAST_HIGH, var(--ui-text-disabled))) var(--DARK, var(--CONTRAST_DEFAULT, var(--ui-text-disabled)) var(--CONTRAST_HIGH, var(--ui-text-disabled)));
  --button-primary-background-disabled: var(--LIGHT, #bde3f6) var(--DARK, #09245b);
  --button-success-background-contrast: var(--LIGHT, #39b15d) var(--DARK, #40ab5e);
  --button-success-background-disabled: var(--LIGHT, #c6edd0) var(--DARK, #133a1d);
  --button-warning-background-contrast: var(--LIGHT, #de5f0c) var(--DARK, #e8ae41);
  --button-warning-background-disabled: var(--LIGHT, #ffdf88) var(--DARK, #664811);
  --button-danger-background-disabled: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --button-default-text-naked-active: var(--LIGHT, #000) var(--DARK, #fff);
  --button-shade-text: rgba(255, 255, 255, 0.6);
  --button-soft-background: var(--LIGHT, #eff1f5) var(--DARK, #272626);
  --_button-background-warning-hover: var(--LIGHT, #f27c00) var(--DARK, #e5a226);
  --button-soft-success-background-hover: var(--LIGHT, #d9f3e0) var(--DARK, #133a1d);
  --button-soft-warning-background-hover: var(--LIGHT, #ffe6a2) var(--DARK, #664811);
  --button-soft-danger-background-hover: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --button-soft-default-background-active: var(--LIGHT, #71b8e7) var(--DARK, #2471bf);
  --button-soft-success-background-active: var(--LIGHT, #96dda2) var(--DARK, #1e592c);
  --button-soft-warning-background-active: var(--LIGHT, #fecf60) var(--DARK, #8b6217);
  --button-soft-danger-background-active: var(--LIGHT, #fc9da8) var(--DARK, #7c1d29);
  --button-inline-shortcut-default-background: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --button-inline-shortcut-primary-default-background: #09245b;
  --button-inline-shortcut-primary-success-background: #297a3e;
  --button-inline-shortcut-primary-warning-background: #b27e1e;
  --button-inline-shortcut-primary-danger-background: #a62536;
  --button-inline-shortcut-primary-featured-background: #09245b;
  --button-inline-shortcut-soft-default-background: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  --button-inline-shortcut-soft-success-background: var(--LIGHT, #d9f3e0) var(--DARK, #133a1d);
  --button-inline-shortcut-soft-warning-background: var(--LIGHT, #ffe6a2) var(--DARK, #664811);
  --button-inline-shortcut-soft-danger-background: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --link-hover: var(--LIGHT, #0b0f8b) var(--DARK, #7ab5ea);
  --link-active: var(--LIGHT, #080b65) var(--DARK, #a4cef7);
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  transition: user-select 0s 0.1s linear;
  transition-behavior: allow-discrete;
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  --_button-color-main: initial;
  --_button-color-contrast: initial;
  --_button-color-contrast-background: var(--_button-color-contrast);
  --_button-bg: var(--button-default-background);
  --_button-bg--hover: initial;
  --_button-bg--active: initial;
  --_button-bg--disabled: var(--button-primary-background-disabled);
  --_button-text: var(--_button-color-main);
  --_button-text--hover: var(--_button-color-contrast);
  --_button-text--active: var(--_button-text--hover);
  --_button-icon-color: currentColor;
  --_button-icon-color--override: initial;
  --_button-icon-color--hover: initial;
  --_button-icon-margin: 0.5em;
  --_button-border: currentColor;
  --_button-border--hover: initial;
  --_button-border-style: solid;
  --_button-border-disabled-color: initial;
  --_button-shadow--hover: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
  --_button-shadow--active: inset 0 0.1em 0.3em rgba(36, 41, 49, 0.44);
  --_button-text-decoration: none;
  --_button-text-decoration--hover: var(--_button-text-decoration);
  --_button-inline-shortcut-background: initial;
  --_button-inline-shortcut-color: initial;
  --_button-inline-shortcut-separator-color: var(--_button-inline-shortcut-color);
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  font-weight: normal;
  text-align: center;
  text-decoration: var(--_button-text-decoration);
  white-space: nowrap;
  cursor: pointer;
  background-color: var(--_button-bg--override, var(--ui-is-quiet, transparent) var(--ui-not-quiet, var(--_button-bg)));
  border: 1px var(--_button-border-style) var(--_button-border--override, var(--ui-is-quiet, transparent) var(--ui-not-quiet, var(--_button-border)));
  color: var(--_button-text--override, var(--ui-is-quiet, var(--ui-text-secondary)) var(--ui-not-quiet, var(--_button-text)));
}
html:not(.js-focus-visible) .druids_form_button:focus {
  outline: none;
}
html.js-focus-visible .druids_form_button:focus:not(.focus-visible) {
  outline: none;
}
.druids_form_button:focus.focus-visible {
  border-radius: var(--ui-border-radius, 4px);
  --_focus-ring-default-color: var(--LIGHT, #0953bf) var(--DARK, #579fdd);
  outline-offset: -2px;
  outline-width: 3px;
  outline-color: var(--_focus-ring-default-color);
  outline-style: solid;
  box-shadow: inset 0 0 0 3px var(--ui-background);
}
.druids_form_button:not(:focus),
.druids_form_button:focus-visible {
  -webkit-user-select: text;
  user-select: text;
}
.druids_form_button:active {
  -webkit-user-select: none;
  user-select: none;
  transition-delay: 0s;
}
.druids_form_button::-moz-focus-inner {
  padding: 0;
  border: none;
}
*:where(.druids_form_button:not(.druids_form_button--is-disabled)) {
  z-index: var(--ui-group-elevation);
}
*:where(.druids_form_button--is-primary:not(.druids_form_button--is-disabled)) {
  z-index: var(--ui-group-elevation--primary);
}
.druids_form_button--xs {
  --_height: 20px;
  height: 20px;
  line-height: 18px;
  --ui-border-radius: 4px;
  font-size: 11px !important;
  padding: 0 6px;
  padding: 0 calc((20px - 1em) / 1.5);
}
.druids_form_button--xs.druids_form_button--has-icon-only {
  padding: 0;
  width: 20px;
}
.druids_form_button--sm {
  --_height: 24px;
  height: 24px;
  line-height: 22px;
  --ui-border-radius: 4px;
  font-size: 12px !important;
  padding: 0 8px;
  padding: 0 calc((24px - 1em) / 1.5);
}
.druids_form_button--sm.druids_form_button--has-icon-only {
  padding: 0;
  width: 24px;
}
.druids_form_button--md {
  --_height: 28px;
  height: 28px;
  line-height: 26px;
  --ui-border-radius: 4px;
  font-size: 13px !important;
  padding: 0 10px;
  padding: 0 calc((28px - 1em) / 1.5);
}
.druids_form_button--md.druids_form_button--has-icon-only {
  padding: 0;
  width: 28px;
}
.druids_form_button--lg {
  --_height: 36px;
  height: 36px;
  line-height: 34px;
  --ui-border-radius: 4px;
  font-size: 15px !important;
  padding: 0 14px;
  padding: 0 calc((36px - 1em) / 1.5);
}
.druids_form_button--lg.druids_form_button--has-icon-only {
  padding: 0;
  width: 36px;
}
.druids_form_button--xl {
  --_height: 44px;
  height: 44px;
  line-height: 42px;
  --ui-border-radius: 4px;
  font-size: 18px !important;
  padding: 0 17.33333333px;
  padding: 0 calc((44px - 1em) / 1.5);
}
.druids_form_button--xl.druids_form_button--has-icon-only {
  padding: 0;
  width: 44px;
}
.druids_form_button--is-full-width {
  width: 100%;
}
.druids_form_button--is-hovered,
.druids_form_button:hover {
  box-shadow: var(--_button-shadow--hover);
}
.druids_form_button--is-never-quiet {
  --ui-is-quiet:  /*!*/;
  --ui-not-quiet: initial;
}
.druids_form_button--is-hovered[class],
.druids_form_button:hover,
.druids_form_button:focus.focus-visible,
.druids_form_button--is-active[class],
.druids_form_button:active {
  --_button-border--override: var(--_button-border--hover);
  border-color: var(--_button-border--hover, var(--_button-border));
  color: var(--_button-text--hover, var(--_button-text));
  background-color: var(--_button-bg--hover, var(--_button-bg));
  --_button-icon-color--override: var(--_button-icon-color--hover);
  text-decoration: var(--_button-text-decoration--hover);
  --ui-is-quiet:  /*!*/;
  --ui-not-quiet: initial;
}
.druids_form_button--is-active[class],
.druids_form_button:active {
  box-shadow: var(--_button-shadow--active);
  color: var(--_button-text--active, var(--_button-text--hover, var(--_button-text)));
  background-color: var(--_button-bg--active, var(--_button-bg--hover, var(--_button-bg)));
}
.druids_form_button--default {
  --_button-color-main: var(--ui-interaction-primary);
  --_button-color-contrast: var(--ui-interaction-primary-contrast);
  --_button-border: var(--form-border);
  --_button-border--hover: var(--form-border-hover);
  --_button-text: var(--ui-text);
  --_button-text--hover: var(--button-default-text-hover);
  --_button-icon-color--hover: currentColor;
  --_button-inline-shortcut-background: var(--button-inline-shortcut-default-background);
  --_button-inline-shortcut-color: var(--ui-text);
}
.druids_form_button--default:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not(.druids_form_button--is-naked):not(
            :disabled
        ):not(.druids_form_button--is-disabled) {
  --_button-icon-color: var(--ui-icon);
}
.druids_form_button--default.druids_form_button--is-primary {
  --_button-border--hover: initial;
  --_button-inline-shortcut-background: var(--button-inline-shortcut-primary-default-background);
  --_button-inline-shortcut-color: var(--ui-text-knockout);
}
.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked) {
  --_button-bg: var(--button-soft-background);
  --_button-border: transparent;
  --_button-border--hover: transparent;
  --_button-shadow--hover: none;
}
.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked):not(:disabled) {
  --_button-bg--hover: var(--ui-interaction-secondary-contrast);
  --_button-text--hover: var(--_button-color-contrast);
}
.druids_form_button--is-soft.druids_form_button--default:not(.druids_form_button--is-primary) {
  --_button-inline-shortcut-background: var(--button-inline-shortcut-soft-default-background);
}
.druids_form_button--is-soft.druids_form_button--default:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked):not(:disabled) {
  --_button-shadow--active: none;
  --_button-bg--active: var(--_button-color-main);
  --_button-text--active: var(--ui-text-knockout);
}
.druids_form_button--is-soft.druids_form_button--featured:not(.druids_form_button--is-primary) {
  --_button-inline-shortcut-background: var(--ui-interaction-secondary-contrast);
}
.druids_form_button--is-soft:hover,
.druids_form_button--is-soft.druids_form_button--is-hovered {
  --_button-inline-shortcut-separator-color: var(--_button-text--hover);
}
.druids_form_button--featured {
  --_button-color-main: var(--ui-interaction-primary);
  --_button-color-contrast: var(--ui-interaction-primary-contrast);
  --_button-text: var(--_button-color-contrast);
  --_button-text--hover: initial;
  --_button-inline-shortcut-background: var(--button-inline-shortcut-default-background);
  --_button-inline-shortcut-color: var(--_button-color-contrast);
}
.druids_form_button--featured.druids_form_button--is-primary {
  --_button-inline-shortcut-background: var(--button-inline-shortcut-primary-featured-background);
  --_button-inline-shortcut-color: var(--ui-text-knockout);
}
.druids_form_button--featured.druids_form_button.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked) {
  --_button-bg: var(--ui-interaction-secondary);
}
.druids_form_button--featured.druids_form_button.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked):not(:disabled) {
  --_button-shadow--active: none;
  --_button-bg--active: var(--_button-color-main);
  --_button-text--active: var(--ui-text-knockout);
}
.druids_form_button--success {
  --_button-color-main: var(--ui-status-success);
  --_button-color-contrast: var(--ui-status-success-contrast);
  --_button-color-contrast-background: var(--button-success-background-contrast);
  --_button-bg--disabled: var(--button-success-background-disabled);
  --_button-text: var(--_button-color-contrast);
  --_button-text--hover: initial;
  --_button-inline-shortcut-background: var(--button-inline-shortcut-default-background);
  --_button-inline-shortcut-color: var(--_button-color-contrast);
}
.druids_form_button--success.druids_form_button--is-primary {
  --_button-inline-shortcut-background: var(--button-inline-shortcut-primary-success-background);
  --_button-inline-shortcut-color: var(--ui-text-knockout);
}
.druids_form_button--success.druids_form_button--is-borderless[class]:not(.druids_form_button--is-shade) {
  --_button-bg--hover: var(--button-soft-success-background-hover);
}
.druids_form_button--success.druids_form_button--is-borderless.druids_form_button--is-primary {
  --_button-text: var(--_button-color-contrast);
}
.druids_form_button--success.druids_form_button.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked) {
  --_button-bg: var(--ui-status-success-soft);
  --_button-inline-shortcut-background: var(--button-inline-shortcut-soft-success-background);
}
.druids_form_button--success.druids_form_button.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked):not(:disabled) {
  --_button-bg--hover: var(--button-soft-success-background-hover);
  --_button-shadow--active: none;
  --_button-bg--active: var(--_button-color-main);
  --_button-text--active: var(--ui-text-knockout);
}
.druids_form_button--warning {
  --_button-color-main: var(--ui-status-warning);
  --_button-color-contrast: var(--ui-status-warning-contrast);
  --_button-color-contrast-background: var(--button-warning-background-contrast);
  --_button-bg--disabled: var(--button-warning-background-disabled);
  --_button-border: var(--_button-color-main);
  --_button-border--hover: currentColor;
  --_button-text: var(--_button-color-contrast);
  --_button-text--hover: initial;
  --_button-inline-shortcut-background: var(--button-inline-shortcut-default-background);
  --_button-inline-shortcut-color: var(--_button-color-contrast);
}
.druids_form_button--warning.druids_form_button--is-primary {
  --_button-border--hover: initial;
  --_button-text: rgba(0, 0, 0, 0.67);
  --_button-text--hover: initial;
  --_button-border: var(--_button-color-contrast);
  --_button-bg--hover: var(--_button-background-warning-hover);
  --_button-inline-shortcut-background: var(--button-inline-shortcut-primary-warning-background);
  --_button-inline-shortcut-color: var(--ui-text-knockout);
}
.druids_form_button--warning.druids_form_button--is-borderless[class]:not(.druids_form_button--is-shade) {
  --_button-bg--hover: var(--button-soft-warning-background-hover);
}
.druids_form_button--warning.druids_form_button--is-borderless.druids_form_button--is-primary {
  --_button-text: var(--_button-color-contrast);
}
.druids_form_button--warning.druids_form_button.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked) {
  --_button-bg: var(--ui-status-warning-soft);
  --_button-inline-shortcut-background: var(--button-inline-shortcut-soft-warning-background);
}
.druids_form_button--warning.druids_form_button.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked):not(:disabled) {
  --_button-bg--hover: var(--button-soft-warning-background-hover);
  --_button-shadow--active: none;
  --_button-bg--active: var(--_button-color-main);
  --_button-text--active: var(--ui-text-knockout);
}
.druids_form_button--danger {
  --_button-color-main: var(--ui-status-danger);
  --_button-color-contrast: var(--ui-status-danger-contrast);
  --_button-bg--disabled: var(--button-danger-background-disabled);
  --_button-text: var(--_button-color-contrast);
  --_button-text--hover: initial;
  --_button-inline-shortcut-background: var(--button-inline-shortcut-default-background);
  --_button-inline-shortcut-color: var(--_button-color-contrast);
}
.druids_form_button--danger.druids_form_button--is-primary {
  --_button-inline-shortcut-background: var(--button-inline-shortcut-primary-danger-background);
  --_button-inline-shortcut-color: var(--ui-text-knockout);
}
.druids_form_button--danger.druids_form_button--is-borderless[class]:not(.druids_form_button--is-shade) {
  --_button-bg--hover: var(--button-soft-danger-background-hover);
}
.druids_form_button--danger.druids_form_button--is-borderless.druids_form_button--is-primary {
  --_button-text: var(--_button-color-contrast);
}
.druids_form_button--danger.druids_form_button.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked) {
  --_button-bg: var(--ui-status-danger-soft);
  --_button-inline-shortcut-background: var(--button-inline-shortcut-soft-danger-background);
}
.druids_form_button--danger.druids_form_button.druids_form_button--is-soft[class]:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked):not(:disabled) {
  --_button-bg--hover: var(--button-soft-danger-background-hover);
  --_button-shadow--active: none;
  --_button-bg--active: var(--_button-color-main);
  --_button-text--active: var(--ui-text-knockout);
}
.druids_form_button--is-primary {
  --_button-text: var(--ui-text-knockout);
  --_button-text--hover: initial;
  --_button-bg: var(--_button-color-main);
  --_button-bg--hover: var(--_button-color-contrast-background);
  --_button-border: var(--_button-color-contrast-background);
}
@media (forced-colors: active) {
  .druids_form_button--is-primary {
    border-width: 2px;
  }
  .druids_form_button--is-primary:focus-visible {
    outline-offset: 1px;
  }
}
.druids_form_button--is-borderless[class],
.druids_form_button--is-naked[class] {
  --_button-text: var(--ui-text-secondary);
  --_button-text--hover: initial;
  --_button-shadow--hover: none;
  --_button-shadow--active: none;
  --_button-bg: transparent;
  --_button-border: transparent;
  --_button-border--hover: transparent;
  --_button-text-decoration--hover: none;
  --_button-text-decoration: var(--ui-text-decoration-line);
  text-decoration-style: dotted;
  text-decoration-thickness: var(--ui-text-decoration-thickness);
  text-decoration-color: var(--ui-text-decoration-color);
}
@media (forced-colors: active) {
  .druids_form_button--is-borderless[class],
  .druids_form_button--is-naked[class] {
    --_button-text-decoration: none;
  }
}
.druids_form_button--is-borderless[class] {
  --_button-bg--hover: var(--ui-interaction-secondary);
  --_button-bg--active: var(--_button-color-contrast-background);
  --_button-text--hover: var(--_button-color-contrast);
  --_button-text--active: var(--ui-text-knockout);
  --_button-inline-shortcut-background: var(--ui-background);
  --_button-inline-shortcut-color: var(--ui-text);
}
.druids_form_button--is-borderless:hover,
.druids_form_button--is-borderless.druids_form_button--is-hovered {
  --_button-inline-shortcut-color: var(--_button-color-main);
  --_button-inline-shortcut-separator-color: var(--_button-text--hover);
}
.druids_form_button--is-borderless.druids_form_button--featured {
  --_button-inline-shortcut-color: var(--_button-color-contrast);
}
.druids_form_button--is-borderless.druids_form_button--featured:hover,
.druids_form_button--is-borderless.druids_form_button--featured.druids_form_button--is-hovered {
  --_button-inline-shortcut-color: var(--_button-color-contrast);
}
.druids_form_button--is-borderless.druids_form_button--featured:not(.druids_form_button--is-active),
.druids_form_button--default.druids_form_button--is-borderless.druids_form_button--is-primary:not(.druids_form_button--is-active) {
  --_button-text: var(--CONTRAST_DEFAULT, var(--_button-color-main)) var(--CONTRAST_HIGH, var(--_button-color-contrast));
}
.druids_form_button--is-naked[class] {
  --_button-bg: transparent;
  --_button-bg--hover: transparent;
  --_button-text--hover: var(--_button-color-contrast);
  --_button-text--active: var(--_button-color-contrast);
  --_button-inline-shortcut-background: var(--ui-background);
}
.druids_form_button--is-naked:not(.druids_form_button--is-disabled) {
  --_button-border--hover: var(--CONTRAST_DEFAULT, transparent) var(--CONTRAST_HIGH, var(--ui-border));
}
.druids_form_button--is-naked.druids_form_button--featured,
.druids_form_button--is-naked.druids_form_button--is-primary {
  --_button-text: var(--_button-color-contrast);
  --_button-text--hover: var(--_button-color-contrast);
}
.druids_form_button--is-naked:not(.druids_form_button--default) {
  --_button-inline-shortcut-color: var(--_button-text);
}
.druids_form_button--is-naked:not(.druids_form_button--default):hover,
.druids_form_button--is-naked:not(.druids_form_button--default).druids_form_button--is-hovered {
  --_button-inline-shortcut-color: var(--_button-text--hover);
}
.druids_form_button--is-naked.druids_form_button--default {
  --_button-text--hover: var(--button-default-text-hover);
  --_button-text--active: var(--button-default-text-naked-active);
}
.druids_form_button--is-naked.druids_form_button--featured,
.druids_form_button--is-naked.druids_form_button--default.druids_form_button--is-primary {
  --_button-text: var(--ui-interaction-text);
  --_button-text--hover: var(--link-hover);
  --_button-text--active: var(--link-active);
}
.druids_form_button--is-shade:not(.druids_form_button--is-primary) {
  --_button-text: var(--button-shade-text);
  --_button-inline-shortcut-separator-color: var(--button-shade-text);
}
.druids_form_button--is-shade:hover,
.druids_form_button--is-shade.druids_form_button--is-hovered {
  --_button-text--hover: var(--ui-text-knockout);
  --_button-bg--hover: var(--_button-color-main);
}
.druids_form_button--has-ellipsis {
  max-width: 100%;
}
.druids_form_button__content {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
*:where(.druids_form_button--has-icon-min-width) {
  min-width: var(--_height);
}
*:where(.druids_form_button--has-two-icons-min-width) {
  min-width: calc(var(--_height) * 1.5);
}
.druids_form_button__icon--position-right {
  margin-left: var(--_button-icon-margin) !important;
}
.druids_form_button__icon--position-left {
  margin-right: var(--_button-icon-margin) !important;
}
.druids_form_button__left-spacer,
.druids_form_button__right-spacer {
  display: none;
}
.druids_form_button--has-ellipsis:has( > .druids_form_button__icon-wrapper > .druids_form_button__icon--position-left) > .druids_form_button__left-spacer,
.druids_form_button--has-ellipsis:has( > .druids_form_button__icon-wrapper > .druids_form_button__icon--position-right) > .druids_form_button__right-spacer {
  display: block;
  width: var(--_button-icon-margin);
}
@supports selector(:has(a)) {
  .druids_form_button--has-ellipsis > .druids_form_button__icon-wrapper > .druids_form_button__icon--position-left {
    margin-right: 0 !important;
  }
  .druids_form_button--has-ellipsis > .druids_form_button__icon-wrapper > .druids_form_button__icon--position-right {
    margin-left: 0 !important;
  }
}
.druids_form_button__feature-status-label {
  position: relative;
  margin-left: 4px;
}
.druids_form_button__icon-wrapper + .druids_form_button__feature-status-label {
  margin-left: 0.5em;
}
.druids_form_button--has-ellipsis > .druids_form_button__feature-status-label {
  margin-left: 0;
}
.druids_form_button__feature-spacer {
  width: var(--_button-icon-margin);
  font-size: 11px;
}
.druids_form_button:not(.druids_form_button--is-disabled).druids_form_button--is-borderless:active .druids_form_button__feature-status-label,
.druids_form_button:not(.druids_form_button--is-disabled).druids_form_button--is-borderless.druids_form_button--is-active .druids_form_button__feature-status-label,
.druids_form_button:not(.druids_form_button--is-disabled).druids_form_button--is-soft:active .druids_form_button__feature-status-label,
.druids_form_button:not(.druids_form_button--is-disabled).druids_form_button--is-soft.druids_form_button--is-active .druids_form_button__feature-status-label {
  color: var(--ui-text-knockout);
}
.druids_form_button__inline-shortcut {
  margin-left: 8px;
  line-height: 1;
}
.druids_form_button--has-ellipsis > .druids_form_button__feature-status-label,
.druids_form_button__feature-spacer {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 99999;
}
.druids_form_button:not(:disabled):not(.druids_form_button--is-disabled) {
  --keycap-custom-background-color: var(--_button-inline-shortcut-background);
  --keycap-custom-text-color: var(--_button-inline-shortcut-color);
  --keyboard-shortcut-custom-separator-color: var(--_button-inline-shortcut-separator-color);
}
.druids_form_button:disabled,
.druids_form_button--is-disabled {
  --keyboard-shortcut-custom-separator-color: var(--ui-text-disabled);
}
.druids_form_button__icon-wrapper {
  display: inline-flex;
  align-items: center;
  height: 100%;
  vertical-align: top;
  flex-shrink: 0;
}
.druids_form_button:not(.druids_form_button--has-icon-only) .druids_form_button__icon-wrapper::before {
  visibility: hidden;
  width: 0;
  min-width: 0;
  content: '\a0';
  /* nbsp */
}
.druids_form_button__icon {
  pointer-events: none;
  color: var(--_button-icon-color--override, var(--_button-icon-color));
}
.druids_form_button__loading-indicator {
  opacity: 0.8;
}
.druids_form_button:disabled,
.druids_form_button--is-disabled {
  cursor: not-allowed !important;
  box-shadow: none !important;
  --_button-text-decoration: none !important;
}
.druids_form_button:disabled[class],
.druids_form_button--is-disabled[class] {
  --_button-border: var(--CONTRAST_DEFAULT, transparent) var(--CONTRAST_HIGH, var(--ui-border));
  --_button-border--hover: var(--CONTRAST_DEFAULT, transparent) var(--CONTRAST_HIGH, var(--ui-border));
  --_button-border-style: var(--ui-disabled-border-style);
  --_button-border-disabled-color: var(--CONTRAST_DEFAULT, initial) var(--CONTRAST_HIGH, var(--ui-border));
}
.druids_form_button:disabled:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not(.druids_form_button--is-naked):not( .druids_form_button--is-soft),
.druids_form_button--is-disabled:not(.druids_form_button--is-primary):not(.druids_form_button--is-borderless):not( .druids_form_button--is-naked):not(.druids_form_button--is-soft) {
  color: var(--form-text-disabled) !important;
  background-color: var(--form-background-disabled) !important;
  border-color: var(--_button-border-disabled-color, var(--form-border-disabled)) !important;
}
.druids_form_button:disabled.druids_form_button--is-primary:not(.druids_form_button--is-borderless):not(.druids_form_button--is-naked),
.druids_form_button--is-disabled.druids_form_button--is-primary:not(.druids_form_button--is-borderless):not(.druids_form_button--is-naked) {
  color: var(--button-primary-text-disabled);
  background-color: var(--_button-bg--disabled);
  border-color: var(--_button-border-disabled-color, var(--_button-bg--disabled));
}
.druids_form_button:disabled.druids_form_button--is-borderless,
.druids_form_button--is-disabled.druids_form_button--is-borderless,
.druids_form_button:disabled.druids_form_button--is-naked,
.druids_form_button--is-disabled.druids_form_button--is-naked {
  color: var(--form-text-disabled) !important;
  background-color: transparent !important;
}
.druids_form_button:disabled.druids_form_button--is-soft:not(.druids_form_button--is-primary),
.druids_form_button--is-disabled.druids_form_button--is-soft:not(.druids_form_button--is-primary) {
  color: var(--form-text-disabled) !important;
  border-color: transparent !important;
}
.druids_form_button--custom {
  --_button-text: var(--button-custom-text-color);
  --_button-text--hover: var(--button-custom-text-color-hover);
  --_button-bg: var(--button-custom-background-color);
  --_button-bg--hover: var(--button-custom-background-color-hover);
  --_button-border: var(--button-custom-border-color);
  --_button-border--hover: var(--button-custom-border-color-hover);
}
.druids_form_button__disabled-tooltip-helper {
  position: absolute;
  inset: 0;
}
.druids_form_button__tooltip-content {
  display: inline;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_typography_title {
  margin: 0;
  scroll-margin: var(--ui-scroll-margin);
}
.druids_typography_title__anchor[class] {
  width: auto;
  height: auto;
  transform: translateX(0) translateY(16%);
  transition: 0.15s ease-in-out;
  transition-property: transform, opacity;
  --button-contrast-border: transparent;
}
.druids_typography_title__anchor[class]:hover .druids_form_button__icon[class][class][class] {
  color: var(--ui-interaction-primary);
}
.druids_typography_title:not(:hover) .druids_typography_title__anchor:not(.focus-visible) {
  opacity: 0;
  transform: translateX(-25px) translateY(16%);
}
.druids_typography_title--xl {
  letter-spacing: -0.2px;
}
.druids_typography_title--xxl {
  letter-spacing: -0.3px;
}
.druids_typography_title--text-wrap-balance {
  text-wrap: balance;
}
.druids_typography_title--text-wrap-pretty {
  text-wrap: pretty;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_message-box {
  --message-box-default-border: var(--LIGHT, #006bc2) var(--DARK, #2471bf);
  --message-box-default-background: var(--LIGHT, #eaf6fc) var(--DARK, #09245b);
  --message-box-default-title: var(--ui-interaction-primary-contrast);
  --message-box-warning-border: var(--ui-status-warning);
  --message-box-warning-background: var(--LIGHT, #fff6e3) var(--DARK, #664811);
  --message-box-warning-title: var(--LIGHT, #de5f0c) var(--DARK, #fec866);
  --message-box-danger-border: var(--ui-status-danger);
  --message-box-danger-background: var(--LIGHT, #fdebed) var(--DARK, #5e151e);
  --message-box-danger-title: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --message-box-success-border: var(--ui-status-success);
  --message-box-success-background: var(--LIGHT, #ecf9ef) var(--DARK, #133a1d);
  --message-box-success-title: var(--ui-status-success-contrast);
  --ui-border-radius: 4px;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  /***
     * Do not add padding here / margin on the box
     * Use __content to modify padding and margins.
     * We're using this element's dimension for animation.
     */
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ui-text);
  border-style: solid;
  border-width: 0;
  border-left-width: 0;
  position: relative;
  transition: 150ms cubic-bezier(0.55, 0, 0.1, 1) transform, 300ms 250ms cubic-bezier(0.55, 0, 0.1, 1) height, 300ms 250ms cubic-bezier(0.55, 0, 0.1, 1) margin;
  border-color: var(--border-color);
  background-color: var(--background-color);
}
.druids_misc_message-box--default {
  --border-color: var(--message-box-default-border);
  --background-color: var(--message-box-default-background);
  --title-color: var(--message-box-default-title);
  --icon-color: var(--ui-interaction-primary-contrast);
}
.druids_misc_message-box--warning {
  --border-color: var(--message-box-warning-border);
  --background-color: var(--message-box-warning-background);
  --title-color: var(--message-box-warning-title);
  --icon-color: var(--ui-status-warning-contrast);
}
.druids_misc_message-box--danger {
  --border-color: var(--message-box-danger-border);
  --background-color: var(--message-box-danger-background);
  --title-color: var(--message-box-danger-title);
  --icon-color: var(--ui-status-danger-contrast);
}
.druids_misc_message-box--success {
  --border-color: var(--message-box-success-border);
  --background-color: var(--message-box-success-background);
  --title-color: var(--message-box-success-title);
  --icon-color: var(--ui-status-success-contrast);
}
.druids_misc_message-box__title[class][class] {
  color: var(--title-color);
  letter-spacing: var(--ui-header-letter-spacing);
  text-transform: var(--ui-header-text-transform);
  font-size: 15px;
}
.druids_misc_message-box__body > .druids_misc_message-box__content[class] {
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
  padding: var(--ui-message-box-padding, 10px);
  flex: 1;
  color: var(--ui-text) !important;
  --ui-custom-line-spacing: calc(0.5 * var(--ui-base-font-size));
}
.druids_misc_message-box__body > .druids_misc_message-box__dismiss {
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
  float: right;
  margin: 8px;
}
.druids_misc_message-box.druids_misc_message-box--is-dismissed {
  height: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 0;
  transform: scaleY(0);
}
.druids_misc_message-box.druids_misc_message-box--has-stripe {
  border-left-width: 6px;
}
.druids_misc_message-box.druids_misc_message-box--has-left-icon {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-left: var(--ui-message-box-padding, 10px);
}
.druids_misc_message-box > .druids_misc_message-box__icon {
  flex-shrink: 0;
  margin-top: calc(var(--ui-message-box-padding, 10px) + 1px);
  fill: var(--icon-color);
}
.druids_misc_message-box.druids_misc_message-box--has-title > .druids_misc_message-box__icon {
  margin-top: calc(var(--ui-message-box-padding, 10px) + 3px);
}
.druids_misc_message-box > .druids_misc_message-box__body {
  flex: 1;
  position: relative;
}
.druids_misc_message-box.druids_misc_message-box--has-left-icon .druids_misc_message-box__body > .druids_misc_message-box__content[class] {
  padding-left: 0;
}

.druids_accessibility_visually-hidden--visible-on-focus:not(:focus-within),
.druids_accessibility_visually-hidden:not(.druids_accessibility_visually-hidden--visible-on-focus) {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  padding: 0;
  margin: -1px;
  white-space: nowrap;
  word-wrap: normal;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_popover {
  --popover-outline: var(--CONTRAST_DEFAULT, var(--ui-border-elevated)) var(--CONTRAST_HIGH, var(--ui-border));
  --popover-arrow-outline: var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, var(--ui-border-elevated)) var(--CONTRAST_HIGH, var(--ui-border)));
  --popover-background-color: var(--ui-background-elevated);
  --popover-arrow-color: linear-gradient(135deg, var(--ui-background-elevated) 50%, transparent 51%);
  z-index: 1000;
  position: relative;
  /*
       Hides popover when handle is detached from it. This can happen if:
        - The handle is not visible, 'data-popper-reference-hidden' is true
        - The popover is not visible, 'data-popper-escaped' is true
    */
  /* handle won't be affected by z-index */
  --max-width: initial;
  --max-height: initial;
}
.druids_dialogs_popover__arrow-wrapper,
.druids_dialogs_popover__arrow {
  box-sizing: content-box;
  width: 12px;
  height: 12px;
}
.druids_dialogs_popover__arrow {
  background: var(--popover-arrow-color);
  border: 1px solid;
  border-left-color: var(--popover-arrow-outline);
  border-top-color: var(--popover-arrow-outline);
  border-right-width: 0;
  border-bottom-width: 0;
}
@media (forced-colors: active) {
  .druids_dialogs_popover__arrow {
    forced-color-adjust: preserve-parent-color;
    background: linear-gradient(135deg, currentColor 50%, transparent 51%);
    border: none;
  }
}
.druids_dialogs_popover[data-placement^='bottom'] .druids_dialogs_popover__arrow-wrapper {
  top: -7px;
}
.druids_dialogs_popover[data-placement^='bottom'] .druids_dialogs_popover__arrow {
  transform: rotate(45deg);
}
.druids_dialogs_popover[data-placement^='top'] .druids_dialogs_popover__arrow-wrapper {
  bottom: -6px;
}
.druids_dialogs_popover[data-placement^='top'] .druids_dialogs_popover__arrow {
  transform: rotate(-135deg);
}
.druids_dialogs_popover[data-placement^='right'] .druids_dialogs_popover__arrow-wrapper {
  left: -7px;
}
.druids_dialogs_popover[data-placement^='right'] .druids_dialogs_popover__arrow {
  transform: rotate(-45deg);
}
.druids_dialogs_popover[data-placement^='left'] .druids_dialogs_popover__arrow-wrapper {
  right: -6px;
}
.druids_dialogs_popover[data-placement^='left'] .druids_dialogs_popover__arrow {
  transform: rotate(135deg);
}
.druids_dialogs_popover[data-popper-reference-hidden='true'],
.druids_dialogs_popover[data-popper-escaped='true'] {
  visibility: hidden;
  pointer-events: none;
}
.druids_dialogs_popover__handle:not(.druids_dialogs_popover__handle--is-disabled) {
  cursor: pointer;
}
.druids_dialogs_popover__handle-wrapper {
  max-width: 100%;
  display: inline-flex;
}
.druids_dialogs_popover__handle-wrapper > .druids_dialogs_tooltip {
  width: 100%;
}
.druids_dialogs_popover--is-padded .druids_dialogs_popover__content {
  padding: 8px 16px;
}
.druids_dialogs_popover__content {
  background-color: var(--popover-background-color);
  box-shadow: 0 0 0 1px var(--popover-outline), 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
  max-width: var(--max-width);
  max-height: var(--max-height);
}
@media (forced-colors: active) {
  .druids_dialogs_popover__content {
    outline: 4px solid;
  }
}
.druids_dialogs_popover__content--is-rounded {
  border-radius: 4px;
}
.druids_dialogs_popover__content--is-hoverable {
  max-width: min(var(--max-width, 85vw), 85vw);
  word-wrap: break-word;
}
.druids_dialogs_popover__content--does-stick-to-edges {
  overflow: auto;
  overscroll-behavior: contain;
}
.druids_dialogs_popover:not(.druids_dialogs_popover--is-padded) > .druids_dialogs_popover__content--is-rounded .druids_dialogs_popover-menu-item-wrapper:first-child {
  --ui-border-radius: 4px;
}
.druids_dialogs_popover:not(.druids_dialogs_popover--is-padded) > .druids_dialogs_popover__content--is-rounded .druids_dialogs_popover-menu-item-wrapper:first-child:not(:last-child) {
  --_ui-lockup--bl: 0px;
  --_ui-lockup--br: 0px;
}
.druids_dialogs_popover:not(.druids_dialogs_popover--is-padded) > .druids_dialogs_popover__content--is-rounded .druids_dialogs_popover-menu-item-wrapper:last-child {
  --ui-border-radius: 4px;
}
.druids_dialogs_popover:not(.druids_dialogs_popover--is-padded) > .druids_dialogs_popover__content--is-rounded .druids_dialogs_popover-menu-item-wrapper:last-child:not(:first-child) {
  --_ui-lockup--tl: 0px;
  --_ui-lockup--tr: 0px;
}
.druids_dialogs_popover--is-animated {
  transition: 0.15s ease-in-out;
  transition-property: opacity, visibility;
  will-change: opacity, visibility;
}
.druids_dialogs_popover--is-animated:not(.druids_dialogs_popover--is-shown) {
  opacity: 0;
  visibility: hidden;
}
.druids_dialogs_popover__coordinates {
  pointer-events: none;
}
.druids_dialogs_popover__coordinates--for-arrow {
  width: 19.79898987px;
  height: 19.79898987px;
  margin: -9.89949494px 0 0 -9.89949494px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_expandable-block {
  --local-expandable-block-button-color: var(--expandable-block-button-color, var(--ui-interaction-primary));
  --local-expandable-block-button-hover-background-color: var(--expandable-block-button-hover-background-color, var(--ui-interaction-secondary));
  --local-expandable-block-button-active-color: var(--expandable-block-button-active-color, var(--ui-interaction-primary-contrast));
  --local-expandable-block-button-active-background-color: var(--expandable-block-button-active-background-color, var(--ui-interaction-secondary-contrast));
}
.druids_layout_expandable-block--danger {
  --local-expandable-block-button-color: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --local-expandable-block-button-hover-background-color: var(--LIGHT, #fbd6db) var(--DARK, #491017);
  --local-expandable-block-button-active-background-color: var(--LIGHT, #f9bfc7) var(--DARK, #5e151e);
  --local-expandable-block-button-active-color: var(--local-expandable-block-button-color);
}
.druids_layout_expandable-block__content-wrapper {
  display: flow-root;
}
.druids_layout_expandable-block__top-content,
.druids_layout_expandable-block__bottom-content {
  overflow: hidden;
}
.druids_layout_expandable-block__bottom-content {
  display: flex;
  align-items: flex-end;
}
.druids_layout_expandable-block__footer {
  position: absolute;
  visibility: hidden;
  text-align: center;
  z-index: 1;
  contain: inline-size;
}
.druids_layout_expandable-block--has-expand-button > .druids_layout_expandable-block__footer {
  position: relative;
  visibility: inherit;
}
.druids_layout_expandable-block__expand-button[class] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 100%;
  font-weight: normal;
  white-space: nowrap;
  border-radius: 4px;
  color: var(--local-expandable-block-button-color);
}
.druids_layout_expandable-block__expand-button[class]::before,
.druids_layout_expandable-block__expand-button[class]::after {
  content: '';
  flex: 1;
  height: 0.5px;
  margin: 0 8px;
  background: var(--local-expandable-block-button-color);
}
.druids_layout_expandable-block__expand-button[class]:hover {
  background-color: var(--local-expandable-block-button-hover-background-color);
}
.druids_layout_expandable-block__expand-button[class]:active {
  background-color: var(--local-expandable-block-button-active-background-color);
  color: var(--local-expandable-block-button-active-color);
}
.druids_layout_expandable-block__expand-button__icon {
  margin-left: 0.5em;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_error-message {
  --status-pill-soft-background-danger-contrast: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --status-pill-soft-text-danger: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --status-pill-soft-background-warning-contrast: var(--LIGHT, #ffe6a2) var(--DARK, #664811);
  --status-pill-background-warning-hover: var(--LIGHT, #f27c00) var(--DARK, #e5a226);
  --status-pill-soft-text-warning: var(--LIGHT, #de5f0c) var(--DARK, var(--ui-status-warning-contrast));
  --status-pill-soft-text-success: var(--LIGHT, #2a7e41) var(--DARK, #52b76d);
  --status-pill-soft-background-success-contrast: var(--LIGHT, #d9f3e0) var(--DARK, #133a1d);
  --status-pill-soft-background-other-contrast: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --status-pill-soft-text-other: var(--LIGHT, #585f70) var(--DARK, var(--ui-text-secondary));
  --status-pill-soft-background-in-progress-contrast: var(--LIGHT, #e6d6f9) var(--DARK, #320e51);
  --status-pill-soft-text-in-progress: var(--LIGHT, #451481) var(--DARK, #a26dd8);
  border: 1px solid var(--ui-border);
  border-radius: 4px;
  background-color: var(--ui-background-secondary);
  overflow: hidden;
  position: relative;
  font-size: 13px;
}
.druids_misc_error-message__content {
  min-width: 0;
  background-color: inherit;
  border-top: 1px solid var(--ui-border);
}
.druids_misc_error-message__content .druids_misc_stack-trace {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.druids_misc_error-message__content:empty {
  display: none;
}
.druids_misc_error-message__type-and-message {
  flex-grow: 1;
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
  border-radius: 0;
  padding: 8px 12px;
  color: var(--status-pill-soft-text-danger);
  background-color: var(--ui-status-danger-soft);
  white-space: pre-wrap;
}
.druids_misc_error-message__type-and-message--is-scrollable {
  max-height: var(--error-message_scrollable-height);
  overflow-y: auto;
}
.druids_misc_error-message__type:not(:last-child) {
  font-weight: 700;
}
.druids_misc_error-message__details {
  width: 100%;
  background-color: inherit;
}
.druids_misc_error-message__copy-button {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
}
.druids_misc_error-message:hover .druids_misc_error-message__copy-button {
  display: block;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_misc_stack-trace_expand-trigger {
  color: var(--ui-interaction-primary);
  width: 100%;
  padding: 8px 0;
}
.druids_misc_stack-trace_expand-trigger:hover .druids_misc_stack-trace_expand-trigger__dashed-break {
  background: repeating-linear-gradient(90deg, var(--ui-background), var(--ui-background) 4px, transparent 4px, transparent 8px);
}
.druids_misc_stack-trace_expand-trigger__label {
  color: inherit;
  white-space: nowrap;
}
.druids_misc_stack-trace_expand-trigger__dashed-break {
  height: 1px;
  width: 100%;
  background: repeating-linear-gradient(90deg, var(--ui-icon), var(--ui-icon) 4px, transparent 4px, transparent 8px);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_stack-trace_stack-item {
  padding: 8px;
  line-height: 20px;
  /* stylelint-disable-next-line unit-disallowed-list -- Used as a progressive enhancement: only for a better visual area. */
  width: 100cqw;
  min-width: min-content;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_stack-trace {
  container-type: inline-size;
  min-width: 24ch;
  position: relative;
  background-color: var(--ui-background-secondary);
  border: 1px solid var(--ui-border);
  border-radius: 4px;
  --code-background-default: var(--LIGHT, var(--ui-background)) var(--DARK, var(--ui-background));
}
.druids_misc_stack-trace__frame-wrapper {
  overflow: auto;
  --scrollbar-color: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  --scrollbar-color-active: var(--LIGHT, #c3c9d9) var(--DARK, #121212);
}
.druids_misc_stack-trace__frame-wrapper::-webkit-scrollbar {
  -webkit-appearance: none !important;
}
.druids_misc_stack-trace__frame-wrapper::-webkit-scrollbar:vertical {
  width: 10px;
}
.druids_misc_stack-trace__frame-wrapper::-webkit-scrollbar:horizontal {
  height: 10px;
}
.druids_misc_stack-trace__frame-wrapper::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid var(--ui-background);
  background-color: var(--scrollbar-color);
}
.druids_misc_stack-trace__frame-wrapper::-webkit-scrollbar-thumb:active,
.druids_misc_stack-trace__frame-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-color-active);
}
.druids_misc_stack-trace__frame-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 8px;
}
.druids_misc_stack-trace__frame-wrapper--preserve-whitespace {
  white-space: pre;
}
.druids_misc_stack-trace__frame-wrapper--preserve-whitespace-wrap {
  white-space: pre-wrap;
}
.druids_misc_stack-trace__frame-wrapper::-webkit-scrollbar-track {
  background-color: var(--ui-background);
}
.druids_misc_stack-trace__frame-wrapper .druids_misc_stack-trace_expand-trigger {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}
.druids_misc_stack-trace__frame-wrapper .druids_misc_stack-trace_expand-trigger + * {
  margin-top: 30px;
}
.druids_misc_stack-trace__frame-item-wrapper {
  border-bottom: 1px solid var(--ui-border);
}
.druids_misc_stack-trace__frame-item-wrapper:hover {
  background-color: var(--ui-background);
}
.druids_misc_stack-trace__frame-item-wrapper:has(+ .druids_misc_stack-trace_expand-trigger),
.druids_misc_stack-trace__frame-item-wrapper:last-child {
  border-bottom: none;
}
.druids_misc_stack-trace__frame-content {
  min-width: 100%;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_panel {
  --_panel-border-color: var(--ui-border);
  --_panel-background: initial;
  box-sizing: border-box;
  border: 1px solid var(--_panel-border-color);
  background-color: var(--_panel-background);
}
*:where(.druids_layout_panel[class*='druids_lockup--']) > * {
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
}
.druids_layout_panel--default {
  --_panel-background: var(--ui-background);
}
.druids_layout_panel--elevated {
  --_panel-background: var(--ui-background-elevated);
}
.druids_layout_panel--secondary {
  --panel-secondary-background-color: var(--LIGHT, var(--ui-background-secondary)) var(--DARK, rgba(100, 100, 100, 0.2));
  --_panel-background: var(--panel-secondary-background-color);
}
.druids_layout_panel--is-borderless {
  border: none;
}
.druids_layout_panel:not(.druids_layout_panel--shadow-level-0) {
  --_panel-background: var(--ui-background-elevated);
  border: none;
  position: relative;
}
.druids_layout_panel:not(.druids_layout_panel--shadow-level-0)::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 1px solid var(--ui-border-elevated);
  border-radius: inherit;
  pointer-events: none;
}
.druids_layout_panel--shadow-level-1 {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
}
.druids_layout_panel--shadow-level-2 {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 5px var(--ui-shadow-strength);
}
.druids_layout_panel--shadow-level-3 {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 2px 8px var(--ui-shadow-strength);
}
.druids_layout_panel--shadow-level-4 {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_layout_panel--shadow-level-5 {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 5px 20px var(--ui-shadow-strength);
}
.druids_layout_panel--shadow-level-6 {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 8px 36px var(--ui-shadow-strength);
}
.druids_layout_panel--should-shrink-to-content {
  display: inline-block;
}
.druids_layout_panel--hover-interactive {
  transition: background-color 0.25s, border-color 0.25s;
}
.druids_layout_panel--hover-interactive:hover {
  --_panel-background: var(--ui-interaction-secondary);
  --_panel-border-color: var(--ui-interaction-primary);
  cursor: pointer;
}
.druids_layout_panel--hover-inert {
  transition: background-color 0.25s;
}
.druids_layout_panel--hover-inert:hover {
  --_panel-background: var(--ui-background-secondary);
}
.druids_layout_panel--is-rounded {
  --ui-border-radius: 4px;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
}
.druids_layout_panel--is-full-height {
  height: 100%;
  min-height: auto;
}

.vertical-separator_uLrrFG_VerticalSeparator{vertical-align:bottom;border-right:2px solid var(--ui-border);display:inline-block}.vertical-separator_uLrrFG_VerticalSeparator--xxs{height:calc( 8px  +  4px )}.vertical-separator_uLrrFG_VerticalSeparator--xs{height:calc( 11px  +  4px )}.vertical-separator_uLrrFG_VerticalSeparator--sm{height:calc( 12px  +  4px )}.vertical-separator_uLrrFG_VerticalSeparator--md{height:calc( 13px  +  4px )}.vertical-separator_uLrrFG_VerticalSeparator--lg{height:calc( 15px  +  4px )}.vertical-separator_uLrrFG_VerticalSeparator--xl{height:calc( 18px  +  4px )}.vertical-separator_uLrrFG_VerticalSeparator--xxl{height:calc( 23px  +  4px )}.vertical-separator_uLrrFG_VerticalSeparator--auto{align-self:stretch;height:auto}
.druids_layout_flex-item {
  --flex-item-basis: auto;
  --flex-item-shrink: 0;
  --flex-item-grow: 0;
  --flex-item-align: initial;
  --flex-min-width: initial;
  --flex-max-width: initial;
  flex: var(--flex-item-grow) var(--flex-item-shrink) var(--flex-item-basis);
  align-self: var(--flex-item-align);
}
.druids_layout_flex-item--has-min-width {
  min-width: var(--flex-min-width);
}
.druids_layout_flex-item--has-max-width {
  max-width: var(--flex-max-width);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_validation {
  position: relative;
}
.druids_form_validation__wrapper {
  position: relative;
  vertical-align: top;
}
.druids_form_validation__wrapper,
.druids_form_validation__wrapper .druids_dialogs_tooltip {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.druids_form_validation__message {
  line-height: 0;
}
.druids_form_validation--is-visible.druids_form_validation--is-inline {
  --ui-group-elevation: var(--ui-group-elevation--validation);
  --ui-group-elevation--primary: var(--ui-group-elevation--validation);
}
.druids_form_validation--is-visible.druids_form_validation--is-inline .druids_form_validation__message {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: var(--ui-group-elevation);
}
.druids_form_validation--is-visible.druids_form_validation--is-inline .druids_form_validation__message-icon {
  height: 16px;
  width: 16px;
  background-color: var(--ui-background);
  border-radius: 100%;
}
.druids_form_validation--is-visible.druids_form_validation--is-block {
  display: inline-block !important;
  display: inline-flex !important;
  flex-direction: column;
  padding-bottom: 4px;
}
.druids_form_validation--is-visible.druids_form_validation--is-block .druids_form_validation__message-icon {
  position: relative;
  top: 1px;
  height: 12px;
  width: 12px;
}
.druids_form_validation--is-visible.druids_form_validation--is-block .druids_form_validation__message-text {
  width: 100%;
  line-height: 1.2;
  padding-right: 4px;
}
.druids_form_validation__element {
  --input-shadow-success-focus: var(--_override--input-shadow-success-focus, var(--LIGHT, rgba(65, 196, 100, 0.3)) var(--DARK, rgba(52, 156, 80, 0.8)));
  --input-background-success-focus: var(--_override--input-background-success-focus, var(--ui-status-success-soft));
  --input-border-success: var(--_override--input-border-success, var(--ui-status-success));
  --input-border-success-hover: var(--_override--input-border-success-hover, var(--ui-status-success-contrast));
  --input-border-success-focus: var(--_override--input-border-success-focus, var(--input-border-success-hover));
  --input-shadow-warning-focus: var(--_override--input-shadow-warning-focus, var(--LIGHT, rgba(249, 157, 2, 0.3)) var(--DARK, rgba(204, 144, 34, 0.8)));
  --input-background-warning-focus: var(--_override--input-background-warning-focus, var(--ui-status-warning-soft));
  --input-border-warning: var(--_override--input-border-warning, var(--ui-status-warning));
  --input-border-warning-hover: var(--_override--input-border-warning-hover, var(--ui-status-warning-contrast));
  --input-border-warning-focus: var(--_override--input-border-warning-focus, var(--input-border-warning-hover));
  --input-shadow-danger-focus: var(--_override--input-shadow-danger-focus, var(--LIGHT, rgba(235, 54, 75, 0.3)) var(--DARK, rgba(211, 48, 67, 0.8)));
  --input-background-danger-focus: var(--_override--input-background-danger-focus, var(--ui-status-danger-soft));
  --input-border-danger: var(--_override--input-border-danger, var(--ui-status-danger));
  --input-border-danger-hover: var(--_override--input-border-danger-hover, var(--ui-status-danger-contrast));
  --input-border-danger-focus: var(--_override--input-border-danger-focus, var(--input-border-danger-hover));
  --input-text-disabled: var(--_override--input-text-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-text-disabled))) var(--DARK, var(--CONTRAST_DEFAULT, #49474d) var(--CONTRAST_HIGH, var(--ui-text-disabled))));
  --input-soft-background: var(--_override--input-soft-background, var(--LIGHT, #eff1f5) var(--DARK, #272626));
  --input-soft-text: var(--_override--input-soft-text, var(--LIGHT, #242931) var(--DARK, #e6e4e7));
  --input-soft-text-placeholder: var(--_override--input-soft-text-placeholder, #828ba4);
}
.druids_form_validation--success .druids_form_validation__element,
.druids_form_validation--success.druids_form_validation__element {
  border-color: var(--input-border-success) !important;
}
.druids_form_validation--success .druids_form_validation__element:hover,
.druids_form_validation--success.druids_form_validation__element:hover {
  border-color: var(--input-border-success-hover) !important;
}
.druids_form_validation--success .druids_form_validation__element:focus,
.druids_form_validation--success.druids_form_validation__element:focus,
.druids_form_validation--success .druids_form_validation__element:focus-within,
.druids_form_validation--success.druids_form_validation__element:focus-within {
  border-color: var(--input-border-success-focus) !important;
  box-shadow: 0 0 3px var(--input-shadow-success-focus) !important;
  background-color: var(--input-background-success-focus) !important;
}
.druids_form_validation--warning .druids_form_validation__element,
.druids_form_validation--warning.druids_form_validation__element {
  border-color: var(--input-border-warning) !important;
}
.druids_form_validation--warning .druids_form_validation__element:hover,
.druids_form_validation--warning.druids_form_validation__element:hover {
  border-color: var(--input-border-warning-hover) !important;
}
.druids_form_validation--warning .druids_form_validation__element:focus,
.druids_form_validation--warning.druids_form_validation__element:focus,
.druids_form_validation--warning .druids_form_validation__element:focus-within,
.druids_form_validation--warning.druids_form_validation__element:focus-within {
  border-color: var(--input-border-warning-focus) !important;
  box-shadow: 0 0 3px var(--input-shadow-warning-focus) !important;
  background-color: var(--input-background-warning-focus) !important;
}
.druids_form_validation--danger .druids_form_validation__element,
.druids_form_validation--danger.druids_form_validation__element {
  border-color: var(--input-border-danger) !important;
}
.druids_form_validation--danger .druids_form_validation__element:hover,
.druids_form_validation--danger.druids_form_validation__element:hover {
  border-color: var(--input-border-danger-hover) !important;
}
.druids_form_validation--danger .druids_form_validation__element:focus,
.druids_form_validation--danger.druids_form_validation__element:focus,
.druids_form_validation--danger .druids_form_validation__element:focus-within,
.druids_form_validation--danger.druids_form_validation__element:focus-within {
  border-color: var(--input-border-danger-focus) !important;
  box-shadow: 0 0 3px var(--input-shadow-danger-focus) !important;
  background-color: var(--input-background-danger-focus) !important;
}
.druids_form_validation--is-inline.druids_form_validation--success .druids_form_validation__message-icon {
  color: var(--input-border-success) !important;
}
.druids_form_validation--is-inline.druids_form_validation--success .druids_form_validation__message-icon:hover,
.druids_form_validation--is-inline.druids_form_validation--success .druids_form_validation__message-icon:focus,
.druids_form_validation--is-inline.druids_form_validation--success .druids_form_validation__message-icon:focus-within {
  color: var(--input-border-success-hover) !important;
}
.druids_form_validation--is-inline.druids_form_validation--warning .druids_form_validation__message-icon {
  color: var(--input-border-warning) !important;
}
.druids_form_validation--is-inline.druids_form_validation--warning .druids_form_validation__message-icon:hover,
.druids_form_validation--is-inline.druids_form_validation--warning .druids_form_validation__message-icon:focus,
.druids_form_validation--is-inline.druids_form_validation--warning .druids_form_validation__message-icon:focus-within {
  color: var(--input-border-warning-hover) !important;
}
.druids_form_validation--is-inline.druids_form_validation--danger .druids_form_validation__message-icon {
  color: var(--input-border-danger) !important;
}
.druids_form_validation--is-inline.druids_form_validation--danger .druids_form_validation__message-icon:hover,
.druids_form_validation--is-inline.druids_form_validation--danger .druids_form_validation__message-icon:focus,
.druids_form_validation--is-inline.druids_form_validation--danger .druids_form_validation__message-icon:focus-within {
  color: var(--input-border-danger-hover) !important;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_input-text {
  --input-shadow-success-focus: var(--_override--input-shadow-success-focus, var(--LIGHT, rgba(65, 196, 100, 0.3)) var(--DARK, rgba(52, 156, 80, 0.8)));
  --input-background-success-focus: var(--_override--input-background-success-focus, var(--ui-status-success-soft));
  --input-border-success: var(--_override--input-border-success, var(--ui-status-success));
  --input-border-success-hover: var(--_override--input-border-success-hover, var(--ui-status-success-contrast));
  --input-border-success-focus: var(--_override--input-border-success-focus, var(--input-border-success-hover));
  --input-shadow-warning-focus: var(--_override--input-shadow-warning-focus, var(--LIGHT, rgba(249, 157, 2, 0.3)) var(--DARK, rgba(204, 144, 34, 0.8)));
  --input-background-warning-focus: var(--_override--input-background-warning-focus, var(--ui-status-warning-soft));
  --input-border-warning: var(--_override--input-border-warning, var(--ui-status-warning));
  --input-border-warning-hover: var(--_override--input-border-warning-hover, var(--ui-status-warning-contrast));
  --input-border-warning-focus: var(--_override--input-border-warning-focus, var(--input-border-warning-hover));
  --input-shadow-danger-focus: var(--_override--input-shadow-danger-focus, var(--LIGHT, rgba(235, 54, 75, 0.3)) var(--DARK, rgba(211, 48, 67, 0.8)));
  --input-background-danger-focus: var(--_override--input-background-danger-focus, var(--ui-status-danger-soft));
  --input-border-danger: var(--_override--input-border-danger, var(--ui-status-danger));
  --input-border-danger-hover: var(--_override--input-border-danger-hover, var(--ui-status-danger-contrast));
  --input-border-danger-focus: var(--_override--input-border-danger-focus, var(--input-border-danger-hover));
  --input-text-disabled: var(--_override--input-text-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-text-disabled))) var(--DARK, var(--CONTRAST_DEFAULT, #49474d) var(--CONTRAST_HIGH, var(--ui-text-disabled))));
  --input-soft-background: var(--_override--input-soft-background, var(--LIGHT, #eff1f5) var(--DARK, #272626));
  --input-soft-text: var(--_override--input-soft-text, var(--LIGHT, #242931) var(--DARK, #e6e4e7));
  --input-soft-text-placeholder: var(--_override--input-soft-text-placeholder, #828ba4);
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --_input-text-indent--default: 8px;
  --_input-text-indent: var(--_input-text-indent--default);
  --_input-padding-right: 6px;
  --_input-border-style: solid;
  --_input-floating-label-input-offset: 7px;
  --_input-floating-label-top: -9px;
  --_input-floating-label-color: var(--ui-text-secondary);
  --_input-floating-label-font-size: 11px;
  --_input-floating-label-mask-top-position: calc(50% + 2px);
  --_input-floating-label-background-color: var(--ui-background);
  display: inline-flex;
}
*:where(.druids_form_input-text:not(.druids_form_input-text--is-disabled)) {
  z-index: var(--ui-group-elevation);
}
.druids_form_input-text__loading-indicator {
  opacity: 0.8;
  position: absolute;
  right: 8px;
  color: var(--form-icon);
}
.druids_form_input-text__clear-button {
  visibility: hidden;
  opacity: 0;
}
.druids_form_input-text__has-value .druids_form_input-text__clear-button {
  visibility: inherit;
  opacity: 1;
}
.druids_form_input-text--xs .druids_form_input-text__wrapper {
  --ui-border-radius: 4px;
  height: 20px;
}
.druids_form_input-text--xs .druids_form_input-text__wrapper .druids_form_input-text__input {
  font-size: 11px !important;
  height: 20px;
}
.druids_form_input-text--sm .druids_form_input-text__wrapper {
  --ui-border-radius: 4px;
  height: 24px;
}
.druids_form_input-text--sm .druids_form_input-text__wrapper .druids_form_input-text__input {
  font-size: 12px !important;
  height: 24px;
}
.druids_form_input-text--md .druids_form_input-text__wrapper {
  --ui-border-radius: 4px;
  height: 28px;
}
.druids_form_input-text--md .druids_form_input-text__wrapper .druids_form_input-text__input {
  font-size: 13px !important;
  height: 28px;
}
.druids_form_input-text--lg .druids_form_input-text__wrapper {
  --ui-border-radius: 4px;
  height: 36px;
}
.druids_form_input-text--lg .druids_form_input-text__wrapper .druids_form_input-text__input {
  font-size: 15px !important;
  height: 36px;
}
.druids_form_input-text--xl .druids_form_input-text__wrapper {
  --ui-border-radius: 4px;
  height: 44px;
}
.druids_form_input-text--xl .druids_form_input-text__wrapper .druids_form_input-text__input {
  font-size: 18px !important;
  height: 44px;
}
.druids_form_input-text--xxl .druids_form_input-text__wrapper {
  --ui-border-radius: 4px;
  height: 52px;
}
.druids_form_input-text--xxl .druids_form_input-text__wrapper .druids_form_input-text__input {
  font-size: 23px !important;
  height: 52px;
}
.druids_form_input-text--is-full-width,
.druids_form_input-text--is-full-width .druids_form_input-text__wrapper {
  width: 100%;
}
.druids_form_input-text__wrapper {
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  border: 1px var(--_input-border-style) var(--form-border);
  background-color: var(--form-background);
  display: inline-flex;
  align-items: center;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  line-height: 1.45;
  width: 100%;
}
.druids_form_input-text__wrapper:hover {
  border-color: var(--form-border-hover);
}
.druids_form_input-text__wrapper__before-content,
.druids_form_input-text__wrapper__after-content {
  display: flex;
  justify-content: center;
}
.druids_form_input-text--is-monospace .druids_form_input-text__wrapper {
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  letter-spacing: -0.01em;
}
.druids_form_input-text--is-focused .druids_form_input-text__wrapper:focus-within {
  border-color: var(--form-border-focus);
  box-shadow: 0 0 3px var(--form-shadow-focus);
  background-color: var(--form-background-focus);
}
.druids_form_input-text--is-loading .druids_form_input-text__wrapper__after-content {
  opacity: 0;
  visibility: hidden;
}
.druids_form_input-text__input {
  outline: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--ui-text) !important;
  font-family: inherit;
  line-height: 1.45;
  padding: 0 !important;
  padding-right: var(--_input-padding-right) !important;
  text-indent: var(--_input-text-indent);
  margin: 0;
  -webkit-appearance: none;
  cursor: text;
}
.druids_form_input-text__input::-ms-input-placeholder {
  color: var(--form-text-placeholder) !important;
}
.druids_form_input-text__input::placeholder {
  color: var(--form-text-placeholder) !important;
  opacity: 1;
}
.druids_form_input-text--xs {
  --_input-text-indent--default: 4px;
}
.druids_form_input-text--is-disabled .druids_form_input-text__wrapper {
  --_input-border-style: var(--ui-disabled-border-style);
  border-color: var(--form-border-disabled) !important;
  background: var(--form-background-disabled) !important;
  cursor: not-allowed;
}
.druids_form_input-text--is-disabled .druids_form_input-text__wrapper .druids_form_input-text__input {
  pointer-events: none;
  color: var(--input-text-disabled) !important;
}
.druids_form_input-text--is-disabled .druids_form_input-text__wrapper .druids_form_input-text__input::placeholder {
  color: var(--input-text-disabled) !important;
}
.druids_form_input-text--is-disabled .druids_form_input-text__wrapper:hover {
  border-color: var(--form-border-disabled) !important;
}
.druids_form_input-text--is-soft .druids_form_input-text__wrapper {
  background-color: var(--input-soft-background);
  border-color: var(--input-soft-background);
}
.druids_form_input-text--is-soft .druids_form_input-text__wrapper:hover {
  border-color: var(--form-border-hover);
}
.druids_form_input-text--is-soft .druids_form_input-text__input {
  color: var(--input-soft-text) !important;
}
.druids_form_input-text--is-soft .druids_form_input-text__input::placeholder {
  color: var(--input-soft-text-placeholder) !important;
}
.druids_form_input-text--is-soft.druids_form_input-text--is-focused .druids_form_input-text__wrapper:focus-within {
  border-color: var(--form-border-focus);
}
.druids_form_input-text--is-soft.druids_form_input-text--is-disabled .druids_form_input-text__wrapper {
  border-color: var(--form-background-disabled) !important;
}
.druids_form_input-text--is-soft .druids_form_input-text__floating-label::before {
  --_input-floating-label-background-color: var(--input-soft-background);
}
.druids_form_input-text--is-disabled .druids_form_input-text__floating-label::before {
  --_input-floating-label-background-color: var(--form-background-disabled);
}
.druids_form_input-text__floating-label {
  color: var(--_input-floating-label-color);
  position: absolute;
  left: var(--_input-floating-label-input-offset);
  top: var(--_input-floating-label-top);
  padding-left: 2px;
  padding-right: 2px;
  font-size: var(--_input-floating-label-font-size);
  line-height: initial;
  z-index: calc(var(--ui-group-elevation, 0) + 1);
  max-width: calc(var(--_input-wrapper-base-width, 100%) - 2 * var(--_input-floating-label-input-offset));
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  transform-origin: left center;
}
.druids_form_input-text__floating-label::before {
  content: '';
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 2px;
  top: var(--_input-floating-label-mask-top-position);
  left: 0;
  background-color: var(--_input-floating-label-background-color);
  box-shadow: 0 -1px 0 var(--_input-floating-label-background-color);
}
.druids_form_input-text--is-focused .druids_form_input-text__floating-label {
  animation: scaleDownLabel 0.15s;
  transform: scale(0.9);
  --_input-floating-label-mask-top-position: calc(50% + 1px);
  --_input-floating-label-color: var(--ui-interaction-primary-contrast);
}
@keyframes scaleDownLabel {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
.druids_form_input-text:not(.druids_form_input-text--is-disabled):hover {
  --_input-floating-label-color: var(--ui-text);
}
.druids_form_input-text:not(.druids_form_input-text--is-disabled).focus-visible:focus-within {
  --_input-floating-label-color: var(--ui-interaction-primary-contrast);
}
.druids_form_validation--success .druids_form_input-text .druids_form_input-text__floating-label,
.druids_form_validation--success.druids_form_input-text .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-success);
}
.druids_form_validation--success .druids_form_input-text:hover .druids_form_input-text__floating-label,
.druids_form_validation--success.druids_form_input-text:hover .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-success-hover);
}
.druids_form_validation--success .druids_form_input-text--is-focused .druids_form_input-text__floating-label,
.druids_form_validation--success.druids_form_input-text--is-focused .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-success-focus);
}
.druids_form_validation--success .druids_form_input-text.focus-visible:focus-within .druids_form_input-text__floating-label,
.druids_form_validation--success.druids_form_input-text.focus-visible:focus-within .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-success-focus);
}
.druids_form_validation--warning .druids_form_input-text .druids_form_input-text__floating-label,
.druids_form_validation--warning.druids_form_input-text .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-warning);
}
.druids_form_validation--warning .druids_form_input-text:hover .druids_form_input-text__floating-label,
.druids_form_validation--warning.druids_form_input-text:hover .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-warning-hover);
}
.druids_form_validation--warning .druids_form_input-text--is-focused .druids_form_input-text__floating-label,
.druids_form_validation--warning.druids_form_input-text--is-focused .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-warning-focus);
}
.druids_form_validation--warning .druids_form_input-text.focus-visible:focus-within .druids_form_input-text__floating-label,
.druids_form_validation--warning.druids_form_input-text.focus-visible:focus-within .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-warning-focus);
}
.druids_form_validation--danger .druids_form_input-text .druids_form_input-text__floating-label,
.druids_form_validation--danger.druids_form_input-text .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-danger);
}
.druids_form_validation--danger .druids_form_input-text:hover .druids_form_input-text__floating-label,
.druids_form_validation--danger.druids_form_input-text:hover .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-danger-hover);
}
.druids_form_validation--danger .druids_form_input-text--is-focused .druids_form_input-text__floating-label,
.druids_form_validation--danger.druids_form_input-text--is-focused .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-danger-focus);
}
.druids_form_validation--danger .druids_form_input-text.focus-visible:focus-within .druids_form_input-text__floating-label,
.druids_form_validation--danger.druids_form_input-text.focus-visible:focus-within .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-border-danger-focus);
}
.druids_form_input-text--is-disabled .druids_form_input-text__floating-label {
  --_input-floating-label-color: var(--input-text-disabled) !important;
}
.druids_form_input-text--xs {
  --_input-floating-label-input-offset: 5.5px;
  --_input-floating-label-top: -6.5px;
  --_input-floating-label-font-size: 8px;
  --_input-floating-label-mask-top-position: calc(50% + 0.5px);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_json-viewer_search-box-input {
  --_input-text-indent: 0;
  --_input-padding-right: 0;
}
.druids_misc_json-viewer_search-box-input__icon {
  color: var(--form-icon);
}
.druids_misc_json-viewer_search-box-input__action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  color: var(--form-icon);
}
.druids_misc_json-viewer_search-box-input__action--is-active {
  background-color: var(--ui-interaction-primary);
  color: var(--ui-text-knockout);
}
.druids_misc_json-viewer_search-box-input__action:hover:not(.druids_misc_json-viewer_search-box-input__action--is-active) {
  background-color: var(--ui-interaction-secondary-contrast);
  color: var(--ui-interaction-primary);
}
.druids_misc_json-viewer_search-box-input__action--is-focused:not(.druids_misc_json-viewer_search-box-input__action--is-active) {
  background-color: var(--ui-interaction-secondary);
  color: var(--ui-interaction-primary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_json-viewer_search-box {
  top: var(--top-offset);
  position: sticky;
  padding: 4px;
  margin-bottom: 8px;
  z-index: 1;
  transition: opacity 0.125s;
  background-color: var(--ui-background-secondary);
  border-radius: 8px;
  border: 1px solid var(--ui-border);
}
.druids_misc_json-viewer_search-box--is-stuck {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 5px var(--ui-shadow-strength);
  opacity: 0.9;
}
.druids_misc_json-viewer_search-box__separator {
  vertical-align: sub;
}
.druids_misc_json-viewer_search-box:hover {
  opacity: 1;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_json-viewer_actions {
  position: absolute;
  right: 0;
  z-index: 1;
  border: 1px solid var(--ui-border);
  border-radius: 8px;
  background-color: var(--ui-background-secondary);
  outline: 4px solid var(--ui-background);
}
.druids_misc_json-viewer_actions--single-button {
  margin-top: 4px;
  margin-right: 4px;
  --button-contrast-border: transparent;
}
.druids_misc_json-viewer_actions__separator {
  margin-top: 2.5px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_json-viewer_json-table-wrapper {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
  --_indentation-line-color-default: color-mix(in srgb, var(--ui-icon) 30%, transparent);
  --_indentation-line-color-highlighted: color-mix(in srgb, var(--ui-text-secondary) 70%, transparent);
  --_indentation-line-color: var(--_indentation-line-color-default);
}
.druids_misc_json-viewer_json-table-wrapper td {
  line-height: 24px;
  vertical-align: top;
}
.druids_misc_json-viewer_json-table-wrapper:has(> * > .druids_misc_json-viewer_row-layout:hover) {
  --_indentation-line-color: var(--_indentation-line-color-highlighted);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.json_viewer_highlight-search {
  --highlighted-background: var(--LIGHT, #fff5ba) var(--DARK, #660036);
  --highlighted-selected-background: var(--LIGHT, #FFBC6D) var(--DARK, #e50089);
}
.json_viewer_highlight-search__highlight {
  background-color: var(--highlighted-background);
}
.json_viewer_highlight-search__highlight--selected {
  background-color: var(--highlighted-selected-background);
}
.json_viewer_highlight-search__custom-renderer {
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 1.5px var(--highlighted-background) inset;
}
.json_viewer_highlight-search__custom-renderer--selected {
  box-shadow: 0px 0px 0px 1.5px var(--highlighted-selected-background) inset;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_json-viewer_row-layout {
  --status-pill-soft-background-danger-contrast: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --status-pill-soft-text-danger: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --status-pill-soft-background-warning-contrast: var(--LIGHT, #ffe6a2) var(--DARK, #664811);
  --status-pill-background-warning-hover: var(--LIGHT, #f27c00) var(--DARK, #e5a226);
  --status-pill-soft-text-warning: var(--LIGHT, #de5f0c) var(--DARK, var(--ui-status-warning-contrast));
  --status-pill-soft-text-success: var(--LIGHT, #2a7e41) var(--DARK, #52b76d);
  --status-pill-soft-background-success-contrast: var(--LIGHT, #d9f3e0) var(--DARK, #133a1d);
  --status-pill-soft-background-other-contrast: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --status-pill-soft-text-other: var(--LIGHT, #585f70) var(--DARK, var(--ui-text-secondary));
  --status-pill-soft-background-in-progress-contrast: var(--LIGHT, #e6d6f9) var(--DARK, #320e51);
  --status-pill-soft-text-in-progress: var(--LIGHT, #451481) var(--DARK, #a26dd8);
  --code-marker-background: var(--_override--code-marker-background, var(--LIGHT, #f2ecfc) var(--DARK, rgba(180, 143, 225, 0.1)));
  --code-marker-column-background: var(--_override--code-marker-column-background, var(--LIGHT, rgba(203, 177, 237, 0.5)) var(--DARK, rgba(180, 143, 225, 0.2)));
  --code-border: var(--_override--code-border, var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b));
  --code-marker-numbers: var(--_override--code-marker-numbers, var(--LIGHT, rgba(55, 59, 70, 0.5)) var(--DARK, rgba(255, 255, 255, 0.3)));
  --code-text-purple: var(--_override--code-text-purple, var(--LIGHT, #632ca6) var(--DARK, #a26dd8));
  --code-text-yellow: var(--_override--code-text-yellow, var(--LIGHT, #de5f0c) var(--DARK, #a68716));
  --code-text-green: var(--_override--code-text-green, var(--LIGHT, #2a7e41) var(--DARK, #40ab5e));
  --code-text-blue: var(--_override--code-text-blue, var(--LIGHT, #006bc2) var(--DARK, #3d8bd0));
  --code-text-pink: var(--_override--code-text-pink, var(--LIGHT, #d60f86) var(--DARK, #ff00c7));
  --selected-code-highlight-color: var(--LIGHT, rgba(55, 59, 70, 0.2)) var(--DARK, rgba(212, 209, 214, 0.2));
  --code-text: var(--_override--code-text, var(--ui-text));
  --code-background: var(--code-background-default, var(--ui-code-background));
  transition: none;
  border-radius: 4px;
  height: 28px;
}
.druids_misc_json-viewer_row-layout--success {
  background: var(--ui-status-success-soft);
}
.druids_misc_json-viewer_row-layout--success:hover {
  background: var(--status-pill-soft-background-success-contrast);
}
.druids_misc_json-viewer_row-layout--success > .druids_misc_json-viewer_row-layout__key {
  color: var(--status-pill-soft-text-success);
}
.druids_misc_json-viewer_row-layout--warning {
  background: var(--ui-status-warning-soft);
}
.druids_misc_json-viewer_row-layout--warning:hover {
  background: var(--status-pill-soft-background-warning-contrast);
}
.druids_misc_json-viewer_row-layout--warning > .druids_misc_json-viewer_row-layout__key {
  color: var(--status-pill-soft-text-warning);
}
.druids_misc_json-viewer_row-layout--danger {
  background: var(--ui-status-danger-soft);
}
.druids_misc_json-viewer_row-layout--danger:hover {
  background: var(--status-pill-soft-background-danger-contrast);
}
.druids_misc_json-viewer_row-layout--danger > .druids_misc_json-viewer_row-layout__key {
  color: var(--status-pill-soft-text-danger);
}
.druids_misc_json-viewer_row-layout--interactive.druids_misc_json-viewer_row-layout--is-popover-open,
.druids_misc_json-viewer_row-layout--interactive:hover,
.druids_misc_json-viewer_row-layout--interactive:has(> * > .focus-visible) {
  background-color: color-mix(in srgb, var(--ui-interaction-secondary) 70%, transparent 30%);
  outline: var(--row-layout-hover-outline, 2px solid color-mix(in srgb, var(--ui-background) 70%, transparent 30%));
}
.druids_misc_json-viewer_row-layout--interactive {
  cursor: pointer;
}
.druids_misc_json-viewer_row-layout__key {
  position: relative;
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  color: var(--code-text-blue);
  white-space: nowrap;
}
.druids_misc_json-viewer_row-layout__key--with-content {
  padding-right: 24px;
}
.druids_misc_json-viewer_row-layout__value {
  padding-left: 0;
  width: 100%;
  word-break: break-word;
}
.druids_misc_json-viewer_row-layout__contextual-menu-icon {
  position: relative;
  display: unset;
  fill: var(--ui-interaction-primary);
  height: 24px;
  opacity: 0.85;
}
.druids_misc_json-viewer_row-layout__contextual-menu-icon:hover {
  opacity: 1;
}
.druids_misc_json-viewer_row-layout--is-popover-open .druids_misc_json-viewer_row-layout__contextual-menu-icon {
  opacity: 1;
}
.druids_misc_json-viewer_row-layout__action {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 2px;
  padding: 0 4px;
}
.druids_misc_json-viewer_row-layout--is-popover-open .druids_misc_json-viewer_row-layout__action,
.druids_misc_json-viewer_row-layout:hover .druids_misc_json-viewer_row-layout__action,
.druids_misc_json-viewer_row-layout__action.focus-visible {
  opacity: 1;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_json-viewer_preview-popover {
  --popover-background-color: var(--ui-background-secondary);
  --row-layout-hover-outline: 2px solid var(--popover-background-color);
}
.druids_misc_json-viewer_preview-popover__handle:hover {
  color: var(--ui-interaction-primary);
  background-color: var(--ui-interaction-secondary-contrast);
  border-radius: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_json-viewer_collapsable-key {
  --status-pill-soft-background-danger-contrast: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --status-pill-soft-text-danger: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --status-pill-soft-background-warning-contrast: var(--LIGHT, #ffe6a2) var(--DARK, #664811);
  --status-pill-background-warning-hover: var(--LIGHT, #f27c00) var(--DARK, #e5a226);
  --status-pill-soft-text-warning: var(--LIGHT, #de5f0c) var(--DARK, var(--ui-status-warning-contrast));
  --status-pill-soft-text-success: var(--LIGHT, #2a7e41) var(--DARK, #52b76d);
  --status-pill-soft-background-success-contrast: var(--LIGHT, #d9f3e0) var(--DARK, #133a1d);
  --status-pill-soft-background-other-contrast: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --status-pill-soft-text-other: var(--LIGHT, #585f70) var(--DARK, var(--ui-text-secondary));
  --status-pill-soft-background-in-progress-contrast: var(--LIGHT, #e6d6f9) var(--DARK, #320e51);
  --status-pill-soft-text-in-progress: var(--LIGHT, #451481) var(--DARK, #a26dd8);
  --code-marker-background: var(--_override--code-marker-background, var(--LIGHT, #f2ecfc) var(--DARK, rgba(180, 143, 225, 0.1)));
  --code-marker-column-background: var(--_override--code-marker-column-background, var(--LIGHT, rgba(203, 177, 237, 0.5)) var(--DARK, rgba(180, 143, 225, 0.2)));
  --code-border: var(--_override--code-border, var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b));
  --code-marker-numbers: var(--_override--code-marker-numbers, var(--LIGHT, rgba(55, 59, 70, 0.5)) var(--DARK, rgba(255, 255, 255, 0.3)));
  --code-text-purple: var(--_override--code-text-purple, var(--LIGHT, #632ca6) var(--DARK, #a26dd8));
  --code-text-yellow: var(--_override--code-text-yellow, var(--LIGHT, #de5f0c) var(--DARK, #a68716));
  --code-text-green: var(--_override--code-text-green, var(--LIGHT, #2a7e41) var(--DARK, #40ab5e));
  --code-text-blue: var(--_override--code-text-blue, var(--LIGHT, #006bc2) var(--DARK, #3d8bd0));
  --code-text-pink: var(--_override--code-text-pink, var(--LIGHT, #d60f86) var(--DARK, #ff00c7));
  --selected-code-highlight-color: var(--LIGHT, rgba(55, 59, 70, 0.2)) var(--DARK, rgba(212, 209, 214, 0.2));
  --code-text: var(--_override--code-text, var(--ui-text));
  --code-background: var(--code-background-default, var(--ui-code-background));
}
.druids_misc_json-viewer_collapsable-key--success {
  background: var(--ui-status-success-soft);
}
.druids_misc_json-viewer_collapsable-key--success:hover {
  background: var(--status-pill-soft-background-success-contrast);
}
.druids_misc_json-viewer_collapsable-key--success > .druids_misc_json-viewer_collapsable-key__key {
  color: var(--status-pill-soft-text-success);
}
.druids_misc_json-viewer_collapsable-key--warning {
  background: var(--ui-status-warning-soft);
}
.druids_misc_json-viewer_collapsable-key--warning:hover {
  background: var(--status-pill-soft-background-warning-contrast);
}
.druids_misc_json-viewer_collapsable-key--warning > .druids_misc_json-viewer_collapsable-key__key {
  color: var(--status-pill-soft-text-warning);
}
.druids_misc_json-viewer_collapsable-key--danger {
  background: var(--ui-status-danger-soft);
}
.druids_misc_json-viewer_collapsable-key--danger:hover {
  background: var(--status-pill-soft-background-danger-contrast);
}
.druids_misc_json-viewer_collapsable-key--danger > .druids_misc_json-viewer_collapsable-key__key {
  color: var(--status-pill-soft-text-danger);
}
.druids_misc_json-viewer_collapsable-key__icon {
  fill: var(--ui-text-secondary);
  transform: translateX(-0.5px);
}
.druids_misc_json-viewer_collapsable-key__icon:hover {
  fill: var(--ui-text);
}
.druids_misc_json-viewer_collapsable-key__wrapper:has(> .druids_misc_json-viewer_row-layout:hover),
.druids_misc_json-viewer_collapsable-key__wrapper:has(
            > *
                > *
                > .druids_layout_expandable-block__content-wrapper
                > .druids_misc_json-viewer_row-layout:hover
        ) {
  --_indentation-line-color: var(--_indentation-line-color-highlighted);
}
.druids_misc_json-viewer_collapsable-key__wrapper {
  background-image: linear-gradient(var(--_indentation-line-color), var(--_indentation-line-color));
  background-position: var(--_indentation-line-offset) 0px;
  background-size: 1px 100%;
  background-repeat: no-repeat;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_json-viewer_value {
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  white-space: pre-wrap;
  background-color: inherit;
  vertical-align: inherit;
  word-break: break-all;
  word-break: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
  display: flex;
}
.druids_misc_json-viewer_value__action {
  visibility: hidden;
  margin-left: 4px;
}
.druids_misc_json-viewer_value:hover .druids_misc_json-viewer_value__action {
  visibility: visible;
}
.druids_misc_json-viewer_value--message {
  font-style: italic;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: var(--ui-text-tertiary);
}
.druids_misc_json-viewer_value--message:hover {
  cursor: default;
}
.druids_misc_json-viewer_value--null {
  color: var(--ui-text-disabled);
}
.druids_misc_json-viewer_value--number {
  color: var(--ui-status-success-contrast);
}
.druids_misc_json-viewer_value--boolean {
  --code-marker-background: var(--_override--code-marker-background, var(--LIGHT, #f2ecfc) var(--DARK, rgba(180, 143, 225, 0.1)));
  --code-marker-column-background: var(--_override--code-marker-column-background, var(--LIGHT, rgba(203, 177, 237, 0.5)) var(--DARK, rgba(180, 143, 225, 0.2)));
  --code-border: var(--_override--code-border, var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b));
  --code-marker-numbers: var(--_override--code-marker-numbers, var(--LIGHT, rgba(55, 59, 70, 0.5)) var(--DARK, rgba(255, 255, 255, 0.3)));
  --code-text-purple: var(--_override--code-text-purple, var(--LIGHT, #632ca6) var(--DARK, #a26dd8));
  --code-text-yellow: var(--_override--code-text-yellow, var(--LIGHT, #de5f0c) var(--DARK, #a68716));
  --code-text-green: var(--_override--code-text-green, var(--LIGHT, #2a7e41) var(--DARK, #40ab5e));
  --code-text-blue: var(--_override--code-text-blue, var(--LIGHT, #006bc2) var(--DARK, #3d8bd0));
  --code-text-pink: var(--_override--code-text-pink, var(--LIGHT, #d60f86) var(--DARK, #ff00c7));
  --selected-code-highlight-color: var(--LIGHT, rgba(55, 59, 70, 0.2)) var(--DARK, rgba(212, 209, 214, 0.2));
  --code-text: var(--_override--code-text, var(--ui-text));
  --code-background: var(--code-background-default, var(--ui-code-background));
  color: var(--code-text-purple);
}
.druids_misc_json-viewer_value--string:not(.druids_misc_json-viewer_value--message) {
  color: var(--ui-text-secondary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_popover-menu-item {
  width: 100%;
  min-width: 180px;
  text-align: left;
  position: relative;
  z-index: 1;
  text-decoration: none;
}
.druids_dialogs_popover-menu-item[class] {
  padding: 2px 12px;
}
.druids_dialogs_popover-menu-item__label-wrapper,
.druids_dialogs_popover-menu-item__section-header {
  line-height: 28px;
  display: flex;
  align-items: center;
}
.druids_dialogs_popover-menu-item__section-header {
  cursor: default;
  padding: 0 12px;
}
.druids_dialogs_popover-menu-item__icon {
  height: 28px;
  margin-right: 12px;
}
.druids_dialogs_popover-menu-item:not(.druids_dialogs_popover-menu-item--is-disabled):not(.druids_dialogs_popover-menu-item--is-hovered):not(.druids_dialogs_popover-menu-item--is-selected):not( .druids_dialogs_popover-menu-item--has-integration-logo) .druids_dialogs_popover-menu-item__icon {
  opacity: 0.75;
}
.druids_dialogs_popover-menu-item__loader {
  margin-right: 12px;
}
.druids_dialogs_popover-menu-item__keyboard-shortcut {
  color: var(--ui-text-secondary);
  line-height: 1.5;
}
.druids_dialogs_popover-menu-item__description--right {
  font-size: 12px;
  color: var(--ui-text-secondary);
}
.druids_dialogs_popover-menu-item__brief {
  font-size: 11px;
  color: var(--ui-text-secondary);
}
.druids_dialogs_popover-menu-item__description--below {
  font-size: 11px;
  color: var(--ui-text-secondary);
  margin: -2px 0 4px;
  max-width: 360px;
  overflow-wrap: break-word;
}
.druids_dialogs_popover-menu-item--has-icon .druids_dialogs_popover-menu-item__description--below {
  margin-left: 28px;
  max-width: 332px;
}
.druids_dialogs_popover-menu-item--default[class] {
  color: var(--ui-text);
}
.druids_dialogs_popover-menu-item--default[class].druids_dialogs_popover-menu-item--is-hovered,
.druids_dialogs_popover-menu-item--default[class].druids_dialogs_popover-menu-item--is-selected {
  background-color: var(--ui-interaction-primary);
}
.druids_dialogs_popover-menu-item--default[class]:active {
  background-color: var(--ui-interaction-primary-contrast);
}
.druids_dialogs_popover-menu-item--danger[class] {
  color: var(--ui-status-danger);
}
.druids_dialogs_popover-menu-item--danger[class].druids_dialogs_popover-menu-item--is-hovered,
.druids_dialogs_popover-menu-item--danger[class].druids_dialogs_popover-menu-item--is-selected {
  background-color: var(--ui-status-danger);
}
.druids_dialogs_popover-menu-item--danger[class]:active {
  background-color: var(--ui-status-danger-contrast);
}
.druids_dialogs_popover-menu-item__separator {
  display: block;
  width: 100%;
  height: 1px;
  margin: 4px 0;
  background-color: var(--ui-border);
  pointer-events: none;
}
.druids_dialogs_popover-menu-item__separator:first-child {
  display: none;
}
.druids_dialogs_popover-menu-item--is-hovered,
.druids_dialogs_popover-menu-item--is-selected,
.druids_dialogs_popover-menu-item:active {
  color: var(--ui-text-knockout);
  --keyboard-shortcut-custom-separator-color: var(--ui-text-knockout);
  /* stylelint-disable-next-line selector-disallowed-list -- See above */
}
.druids_dialogs_popover-menu-item--is-hovered *:not(:where(kbd)),
.druids_dialogs_popover-menu-item--is-selected *:not(:where(kbd)),
.druids_dialogs_popover-menu-item:active *:not(:where(kbd)) {
  color: var(--ui-text-knockout);
}
@media (forced-colors: active) {
  .druids_dialogs_popover-menu-item--is-hovered,
  .druids_dialogs_popover-menu-item--is-selected,
  .druids_dialogs_popover-menu-item:active {
    outline: 2px solid Highlight;
    outline-offset: -4px;
    /* stylelint-disable-next-line selector-disallowed-list -- See above */
  }
  .druids_dialogs_popover-menu-item--is-hovered *,
  .druids_dialogs_popover-menu-item--is-selected *,
  .druids_dialogs_popover-menu-item:active * {
    color: inherit;
  }
}
.druids_dialogs_popover-menu-item--is-disabled[class][class] {
  color: var(--ui-text-disabled);
  background-color: inherit;
  /* stylelint-disable-next-line selector-disallowed-list -- See above */
}
.druids_dialogs_popover-menu-item--is-disabled[class][class] * {
  color: var(--ui-text-disabled);
}
.druids_dialogs_popover-menu-item--is-disabled.druids_dialogs_popover-menu-item--has-integration-logo .druids_dialogs_popover-menu-item__icon {
  opacity: 0.25;
}
.druids_dialogs_popover-menu-item__primary-label {
  display: inline-flex;
  white-space: pre-wrap;
  max-width: 100%;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_json-viewer {
  position: relative;
  white-space: pre-wrap;
  font-size: 13px;
}
.druids_misc_json-viewer__copy-button {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 4px;
}
.druids_misc_json-viewer__content {
  position: relative;
  overflow: hidden;
}

.druids_typography_paragraph {
  line-height: 1.5;
  margin: 0;
}
.druids_typography_paragraph--has-margin-top {
  margin-top: 1.5em;
}

.docs-builder_debugger_popover-viz {
  display: block;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_overflower {
  display: block;
  box-sizing: border-box;
  max-width: var(--overflower-max-width);
  min-width: 0;
  --overflower-max-width: 100%;
  --overflower-line-height: 1.4;
  --overflower-height: 0px;
  --overflower-padding-x: 0px;
  --overflower-padding-y: 0px;
  --overflower-vertical-align: baseline;
}
.druids_layout_overflower--size-inherit {
  --overflower-height: 1.4 * 1em;
}
.druids_layout_overflower--size-xxs {
  --overflower-height: 11px;
}
.druids_layout_overflower--size-xs {
  --overflower-height: 15px;
}
.druids_layout_overflower--size-sm {
  --overflower-height: 17px;
}
.druids_layout_overflower--size-md {
  --overflower-height: calc(var(--ui-base-font-size, 18px) * var(--ui-base-line-height, 1));
}
.druids_layout_overflower--size-lg {
  --overflower-height: 21px;
}
.druids_layout_overflower--size-xl {
  --overflower-height: 25px;
}
.druids_layout_overflower--size-xxl {
  --overflower-height: 32px;
}
.druids_layout_overflower--is-inline {
  display: inline-block;
}
.druids_layout_overflower__content {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.druids_layout_overflower__overflow {
  display: none;
}
.druids_layout_overflower__original,
.druids_layout_overflower__before,
.druids_layout_overflower__after {
  display: inline;
}
.druids_layout_overflower__before,
.druids_layout_overflower__after {
  flex-shrink: 0;
}
.druids_layout_overflower__tooltipContent {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.druids_layout_overflower__tooltipContent--is-array {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -4px -2px 0;
}
.druids_layout_overflower__tooltipContent--is-array[class] > * {
  margin: 4px 2px 0 !important;
  max-width: 100%;
}
@supports (flex-wrap: wrap) {
  .druids_layout_overflower {
    display: flex;
    align-items: var(--overflower-vertical-align);
  }
  .druids_layout_overflower--is-inline {
    display: inline-flex;
  }
  .druids_layout_overflower::before {
    width: 0;
    min-width: 0;
    content: '\a0';
    /* nbsp */
    visibility: hidden;
  }
  .druids_layout_overflower__content {
    display: flex;
    flex-wrap: wrap;
    line-height: var(--overflower-line-height);
    height: calc(var(--overflower-height) + 2 * var(--overflower-padding-y));
  }
  .druids_layout_overflower__original {
    display: inline-flex;
    align-items: var(--overflower-vertical-align-original, var(--overflower-vertical-align));
    box-sizing: border-box;
    height: 100%;
    flex-basis: 100%;
    padding: var(--overflower-padding-y) var(--overflower-padding-x);
    /* Needed only when no overflow text available */
  }
  .druids_typography_text--right > * > .druids_layout_overflower__original {
    justify-content: flex-end;
  }
  .druids_typography_text--center > * > .druids_layout_overflower__original {
    justify-content: center;
  }
  .druids_layout_overflower__original:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .druids_layout_overflower__overflow {
    display: flex;
    overflow: hidden;
    flex-grow: 1;
    width: 0;
    text-overflow: ellipsis;
    margin-bottom: 1px;
  }
  .druids_typography_text--right > * > .druids_layout_overflower__overflow {
    justify-content: flex-end;
  }
  .druids_layout_overflower__overflow-content {
    display: inline-flex;
    max-width: 100%;
    min-width: 0;
    padding: var(--overflower-padding-y) var(--overflower-padding-x);
  }
  .druids_layout_overflower__overflow-inner {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
  }
  .druids_layout_overflower__overflow-inner > * {
    vertical-align: top;
  }
  .druids_layout_overflower__overflow--position-start::before {
    content: '\2026';
  }
  .druids_layout_overflower__overflow--position-start > .druids_layout_overflower__overflow-content {
    justify-content: flex-end;
    overflow: hidden;
  }
  .druids_layout_overflower__overflow--position-start > * > .druids_layout_overflower__overflow-inner {
    max-width: none;
    overflow: visible;
  }
  .druids_layout_overflower--has-auto-height::before {
    display: none;
  }
  .druids_layout_overflower--has-auto-height > .druids_layout_overflower__content {
    height: auto;
    margin-bottom: -1px;
  }
  .druids_layout_overflower--has-auto-height > * > .druids_layout_overflower__original {
    height: 0;
    margin-bottom: calc(-2 * var(--overflower-padding-y));
  }
  .druids_layout_overflower > .druids_layout_overflower__after:not(:empty) {
    padding: var(--overflower-padding-y) var(--overflower-padding-x);
    padding-left: 0;
  }
  .druids_layout_overflower > .druids_layout_overflower__before:not(:empty) {
    padding: var(--overflower-padding-y) var(--overflower-padding-x);
    padding-right: 0;
  }
}
@supports (-webkit-mask-image: none) or (mask-image: none) {
  .druids_layout_overflower__overflow {
    --overflower-clip-direction: to right;
  }
  .druids_layout_overflower__overflow--position-start {
    --overflower-clip-direction: to left;
  }
}
.druids_layout_overflower--is-disabled {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: var(--overflower-line-height);
  height: auto;
}
.druids_layout_overflower--is-disabled[style*='--overflower-padding-y:'] {
  padding-top: var(--overflower-padding-y);
  padding-bottom: var(--overflower-padding-y);
}
.druids_layout_overflower--is-disabled[style*='--overflower-padding-x:'] {
  padding-left: var(--overflower-padding-x);
  padding-right: var(--overflower-padding-x);
}
.druids_layout_overflower--is-disabled::before {
  display: none;
}

.badge_adksaq_Badge{--badge_adksaq_status-pill-soft-text-danger:var(--LIGHT, #bc2b3c )var(--DARK, #ed4f61 );--badge_adksaq_status-pill-soft-text-warning:var(--LIGHT, #de5f0c )var(--DARK, #e5a226 );--badge_adksaq_count-pill-background:var(--LIGHT, #e2e5ed )var(--DARK, #49474d );--badge_adksaq_local-text-color:var(--badge-custom-text-color,var(--ui-text));--badge_adksaq_local-background-color:var(--badge-custom-background-color,var(--ui-background));--badge_adksaq_local-background-color-hover:var(--badge-custom-background-color-hover,var(--ui-border));--badge_adksaq_local-border-color:var(--badge-custom-border-color,var(--ui-border));--badge_adksaq_badge-spacing: 16px ;--badge_adksaq_badge-height: 28px ;--badge_adksaq_badge-font-size: 13px ;font-family: "NotoSans","Lucida Grande","Lucida Sans Unicode",sans-serif ;border: 1px solid var(--badge_adksaq_local-border-color);--ui-border-radius:34px;border-radius:var(--ui-border-radius);color:var(--badge_adksaq_local-text-color);background-color:var(--badge_adksaq_local-background-color);font-size:var(--badge_adksaq_badge-font-size);height:var(--badge_adksaq_badge-height);padding:0 calc((var(--badge_adksaq_badge-height) - var(--badge_adksaq_badge-font-size))/1.5);align-items:center;display:inline-flex;position:relative;overflow:hidden}.badge_adksaq_Badge--xs{--badge_adksaq_badge-spacing: 4px ;--badge_adksaq_badge-height: 20px ;--badge_adksaq_badge-font-size: 11px }.badge_adksaq_Badge--sm{--badge_adksaq_badge-spacing: 8px ;--badge_adksaq_badge-height: 24px ;--badge_adksaq_badge-font-size: 12px }.badge_adksaq_Badge--md{--badge_adksaq_badge-spacing: 16px ;--badge_adksaq_badge-height: 28px ;--badge_adksaq_badge-font-size: 13px }.badge_adksaq_Badge--lg{--badge_adksaq_badge-spacing: 24px ;--badge_adksaq_badge-height: 36px ;--badge_adksaq_badge-font-size: 15px }.badge_adksaq_isInteractive{cursor:pointer}.badge_adksaq_isInteractive:hover{background-color:var(--badge_adksaq_local-background-color-hover)}.badge_adksaq_isInteractive.badge_adksaq_isActive{background-color:var(--badge_adksaq_local-background-color-hover)}.badge_adksaq_hasOnlyIcon{min-width:min-content}.badge_adksaq_isBorderless{border-color:#0000}.badge_adksaq_isCount{font-weight:600}.badge_adksaq_Badge.badge_adksaq_isWarning{--badge_adksaq_local-text-color:var(--badge_adksaq_status-pill-soft-text-warning)}.badge_adksaq_Badge.badge_adksaq_isDanger{--badge_adksaq_local-text-color:var(--badge_adksaq_status-pill-soft-text-danger)}.badge_adksaq_IconWrapper{align-items:center;height:100%;display:inline-flex}.badge_adksaq_Icon{pointer-events:none}.badge_adksaq_iconPosition--right{margin-left:calc(5px + var(--badge_adksaq_badge-spacing)/8)}.badge_adksaq_iconPosition--left{margin-right:calc(5px + var(--badge_adksaq_badge-spacing)/8)}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_growing-block {
  transition: 0.15s cubic-bezier(0.55, 0, 0.1, 1);
}
.druids_misc_growing-block--block {
  contain: size paint;
  transition-property: height;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.druids_misc_growing-block--inline {
  contain: inline-size paint;
  transition-property: width;
}
.druids_misc_growing-block--inline > div {
  width: max-content;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_accordion-skeleton {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  color: var(--ui-text);
}
.druids_layout_accordion-skeleton__header {
  display: flex;
  user-select: none;
  cursor: pointer;
}
html:not(.js-focus-visible) .druids_layout_accordion-skeleton__header:focus {
  outline: none;
}
html.js-focus-visible .druids_layout_accordion-skeleton__header:focus:not(.focus-visible) {
  outline: none;
}
.druids_layout_accordion-skeleton__header__title {
  flex-grow: 1;
  display: flex;
  align-items: center;
  min-width: 0;
}
.druids_layout_accordion-skeleton__header__icon {
  color: var(--ui-icon);
  transition: transform 0.125s ease;
  transform: rotateZ(0deg);
  flex-shrink: 0;
}
.druids_layout_accordion-skeleton__header--is-open .druids_layout_accordion-skeleton__header__icon {
  padding: 0px;
  transform: rotateZ(90deg);
}
.druids_layout_accordion-skeleton--has-top-border .druids_layout_accordion-skeleton__header {
  border-top: 1px solid var(--ui-border);
  margin-top: -1px;
}
.druids_layout_accordion-skeleton--has-bottom-border .druids_layout_accordion-skeleton__header--is-closed,
.druids_layout_accordion-skeleton--has-bottom-border .druids_layout_accordion-skeleton__header--is-open {
  border-bottom: 1px solid var(--ui-border);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_accordion__header {
  display: flex;
  align-items: center;
  padding: 0 8px;
  line-height: 2.5;
  border-bottom: 1px solid var(--ui-border);
  border-top: 1px solid var(--ui-border);
  margin-top: -1px;
}
.druids_layout_accordion__header__title {
  margin-right: auto;
}
.druids_layout_accordion__header:hover {
  background-color: var(--ui-interaction-secondary);
}
.druids_layout_accordion__header:active {
  background-color: var(--ui-interaction-secondary-contrast);
}
.druids_layout_accordion__title-icon-wrapper {
  display: inline-flex;
  align-items: center;
  height: 100%;
  vertical-align: top;
  margin-right: 8px;
}
.druids_layout_accordion__title-icon {
  color: var(--ui-icon);
  pointer-events: none;
}
.druids_layout_accordion + .druids_layout_accordion[class][class] {
  --ui-custom-line-spacing: 0;
}
.druids_layout_accordion:not(.druids_layout_accordion--has-top-border) .druids_layout_accordion-skeleton__header {
  border-top: none;
  margin-top: 0;
}
.druids_layout_accordion:not(.druids_layout_accordion--has-bottom-border) .druids_layout_accordion-skeleton__header--is-closed,
.druids_layout_accordion .druids_layout_accordion-skeleton__header--is-open {
  border-bottom-color: transparent;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_numbered-section {
  --section-text-color: var(--ui-text);
  --section-opacity: 1;
  --padding-bottom: 0;
  --dot-diameter: 26px;
  --content-padding-left: 30px;
  --numbered-section-incomplete-header-number: var(--LIGHT, var(--numbered-section-gradient-swatch)) var(--DARK, var(--ui-text-knockout));
  --numbered-section-header-hover-background: var(--LIGHT, rgba(242, 236, 252, 0.5)) var(--DARK, rgba(212, 209, 214, 0.05));
  --numbered-section-number-background: var(--LIGHT, #e6d6f9) var(--DARK, #320e51);
  --numbered-section-header-active-background: var(--LIGHT, #f2ecfc) var(--DARK, rgba(212, 209, 214, 0.075));
  --numbered-section-gradient-1: var(--LIGHT, #632ca6) var(--DARK, #926eb6);
  --numbered-section-gradient-2: var(--LIGHT, #7527a5) var(--DARK, #9966b2);
  --numbered-section-gradient-3: var(--LIGHT, #8323a3) var(--DARK, #a05eae);
  --numbered-section-gradient-4: var(--LIGHT, #931fa2) var(--DARK, #a657ab);
  --numbered-section-gradient-5: var(--LIGHT, #a31ba0) var(--DARK, #ad4fa7);
  --numbered-section-gradient-6: var(--LIGHT, #B2169f) var(--DARK, #b34ba4);
  --numbered-section-gradient-7: var(--LIGHT, #c2129d) var(--DARK, #ba40a0);
  box-sizing: border-box;
  padding-bottom: var(--padding-bottom);
  --numbered-section-gradient-swatch: var(--numbered-section-gradient-7);
  color: var(--numbered-section-gradient-swatch);
}
.druids_layout_numbered-section + .druids_layout_numbered-section[class][class] {
  margin-top: 0;
}
.druids_layout_numbered-section:not(.druids_layout_numbered-section--is-connected) + .druids_layout_numbered-section:not(.druids_layout_numbered-section--is-connected) {
  margin-top: 24px;
}
.druids_layout_numbered-section:nth-of-type(1):not(.druids_layout_numbered-section--has-explicit-step),
.druids_layout_numbered-section--step-1[class] {
  --numbered-section-gradient-swatch: var(--numbered-section-gradient-1);
}
.druids_layout_numbered-section:nth-of-type(2):not(.druids_layout_numbered-section--has-explicit-step),
.druids_layout_numbered-section--step-2[class] {
  --numbered-section-gradient-swatch: var(--numbered-section-gradient-2);
}
.druids_layout_numbered-section:nth-of-type(3):not(.druids_layout_numbered-section--has-explicit-step),
.druids_layout_numbered-section--step-3[class] {
  --numbered-section-gradient-swatch: var(--numbered-section-gradient-3);
}
.druids_layout_numbered-section:nth-of-type(4):not(.druids_layout_numbered-section--has-explicit-step),
.druids_layout_numbered-section--step-4[class] {
  --numbered-section-gradient-swatch: var(--numbered-section-gradient-4);
}
.druids_layout_numbered-section:nth-of-type(5):not(.druids_layout_numbered-section--has-explicit-step),
.druids_layout_numbered-section--step-5[class] {
  --numbered-section-gradient-swatch: var(--numbered-section-gradient-5);
}
.druids_layout_numbered-section:nth-of-type(6):not(.druids_layout_numbered-section--has-explicit-step),
.druids_layout_numbered-section--step-6[class] {
  --numbered-section-gradient-swatch: var(--numbered-section-gradient-6);
}
.druids_layout_numbered-section:nth-of-type(7):not(.druids_layout_numbered-section--has-explicit-step),
.druids_layout_numbered-section--step-7[class] {
  --numbered-section-gradient-swatch: var(--numbered-section-gradient-7);
}
.druids_layout_numbered-section .druids_layout_numbered-section--is-minimal[class] {
  --numbered-section-gradient-swatch: inherit;
}
.druids_layout_numbered-section--success[class][class] {
  --numbered-section-gradient-swatch: var(--ui-status-success-contrast);
  --section-text-color: var(--ui-status-success-contrast);
  --numbered-section-header-hover-background: var(--ui-status-success-soft);
}
.druids_layout_numbered-section--warning[class][class] {
  --numbered-section-gradient-swatch: var(--ui-status-warning-contrast);
  --section-text-color: var(--ui-status-warning-contrast);
  --numbered-section-header-hover-background: var(--ui-status-warning-soft);
}
.druids_layout_numbered-section--danger[class][class] {
  --numbered-section-gradient-swatch: var(--ui-status-danger-contrast);
  --section-text-color: var(--ui-status-danger-contrast);
  --numbered-section-header-hover-background: var(--ui-status-danger-soft);
}
.druids_layout_numbered-section--is-active .druids_layout_numbered-section__title-number {
  outline: 5px solid var(--numbered-section-number-background);
}
.druids_layout_numbered-section--is-active .druids_layout_numbered-section__title-number--success,
.druids_layout_numbered-section--is-active .druids_layout_numbered-section__title-number--warning,
.druids_layout_numbered-section--is-active .druids_layout_numbered-section__title-number--danger {
  outline: 5px solid var(--numbered-section-header-hover-background);
}
.druids_layout_numbered-section--is-disabled[class][class] {
  --section-text-color: var(--ui-text-disabled);
  --section-opacity: 35%;
  --numbered-section-gradient-swatch: var(--ui-text-disabled);
  cursor: not-allowed;
}
.druids_layout_numbered-section--is-disabled[class][class] > * {
  pointer-events: none;
}
.druids_layout_numbered-section__content {
  display: flow-root;
  color: var(--section-text-color);
  margin: 0;
  margin-left: 12.5px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  padding-left: var(--content-padding-left);
  padding-top: 8px;
  transition: padding-bottom 0.125s;
}
.druids_layout_numbered-section__content-inside {
  opacity: var(--section-opacity);
}
.druids_layout_numbered-section__title {
  color: var(--section-text-color);
  box-sizing: border-box;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  display: flex;
  align-items: center;
  margin: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 16px;
}
html:not(.js-focus-visible) .druids_layout_numbered-section__title:focus {
  outline: none;
}
html.js-focus-visible .druids_layout_numbered-section__title:focus:not(.focus-visible) {
  outline: none;
}
.druids_layout_numbered-section__title-number {
  display: inline-block;
  box-sizing: border-box;
  width: var(--dot-diameter);
  height: var(--dot-diameter);
  line-height: var(--dot-diameter);
  min-width: var(--dot-diameter);
  text-align: center;
  margin-right: 16px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 600;
  background-color: var(--numbered-section-gradient-swatch);
  color: var(--ui-text-knockout);
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
.druids_layout_numbered-section__title-number--incomplete {
  opacity: 0.75;
  background: var(--ui-background);
  border-width: 1px;
  border-style: dashed;
  line-height: calc(var(--dot-diameter) - (1px * 2));
  border-color: var(--numbered-section-gradient-swatch);
  color: var(--numbered-section-incomplete-header-number);
}
.druids_layout_numbered-section__title-number--success {
  display: flex;
  align-items: center;
  justify-content: center;
}
.druids_layout_numbered-section--is-minimal .druids_layout_numbered-section__title-number {
  margin-left: 5px;
}
.druids_layout_numbered-section__title-text {
  flex: 1;
  font-weight: normal;
  font-size: 18px;
  color: var(--section-text-color);
  min-width: 0;
}
.druids_layout_numbered-section--is-minimal .druids_layout_numbered-section__title-text {
  font-size: 15px;
}
.druids_layout_numbered-section__title-text-popover {
  flex: unset;
}
.druids_layout_numbered-section__title-icon {
  font-size: 18px;
  margin-right: 4px;
  transform: rotateZ(90deg);
  user-select: none;
  transition-duration: 0.125s;
  opacity: 0.75;
  color: var(--numbered-section-gradient-swatch);
}
.druids_layout_numbered-section--is-connected {
  --padding-bottom: 24px;
  position: relative;
}
.druids_layout_numbered-section--is-connected > .druids_layout_numbered-section__title,
.druids_layout_numbered-section--is-connected > .druids_layout_numbered-section__content,
.druids_layout_numbered-section--is-connected + .druids_layout_numbered-section > .druids_layout_numbered-section__title {
  position: relative;
}
.druids_layout_numbered-section--is-connected > .druids_layout_numbered-section__title::before,
.druids_layout_numbered-section--is-connected > .druids_layout_numbered-section__content::before,
.druids_layout_numbered-section--is-connected + .druids_layout_numbered-section > .druids_layout_numbered-section__title::after {
  content: '';
  position: absolute;
  width: 1px;
  background: var(--numbered-section-gradient-swatch);
  left: 12.5px;
  top: 0;
}
.druids_layout_numbered-section--is-connected > .druids_layout_numbered-section__title::before {
  top: calc(50% + 0.5 * var(--dot-diameter) + 8px);
  height: calc(50% - 0.5 * var(--dot-diameter));
}
.druids_layout_numbered-section--is-connected > .druids_layout_numbered-section__title:last-child::before {
  height: calc(50% - 0.5 * var(--dot-diameter) + var(--padding-bottom) - 2 * 8px);
}
.druids_layout_numbered-section--is-connected > .druids_layout_numbered-section__content::before {
  left: 0;
  top: 8px;
  height: calc(var(--padding-bottom) + 100% - 2 * 8px);
}
.druids_layout_numbered-section--is-connected.druids_layout_numbered-section--is-folded > .druids_layout_numbered-section__content::before {
  height: calc(100% - 2 * 8px);
}
.druids_layout_numbered-section--is-connected + .druids_layout_numbered-section > .druids_layout_numbered-section__title::after {
  top: -8px;
  height: auto;
  bottom: calc(0.5 * var(--dot-diameter) + 8px + max(8px, 50%));
}
.druids_layout_numbered-section--is-connected.druids_layout_numbered-section--incomplete > .druids_layout_numbered-section__title::before,
.druids_layout_numbered-section--is-connected.druids_layout_numbered-section--incomplete > .druids_layout_numbered-section__content::before {
  opacity: 0.75;
}
.druids_layout_numbered-section--is-foldable {
  --content-padding-left: 52px;
}
.druids_layout_numbered-section--is-foldable .druids_layout_numbered-section__title {
  cursor: pointer;
  border-radius: var(--dot-diameter);
  transition: background 0.125s;
}
.druids_layout_numbered-section--is-foldable .druids_layout_numbered-section__title:hover {
  background: var(--numbered-section-header-hover-background);
}
.druids_layout_numbered-section--is-foldable .druids_layout_numbered-section__title:hover .druids_layout_numbered-section__title-icon {
  opacity: 1;
}
.druids_layout_numbered-section--is-foldable .druids_layout_numbered-section__title-icon {
  margin-left: -8px;
  margin-right: 8px;
}
.druids_layout_numbered-section--is-foldable > .druids_layout_numbered-section__content {
  padding-top: 8px;
  padding-left: var(--content-padding-left);
}
.druids_layout_numbered-section--is-foldable.druids_layout_numbered-section--is-minimal > .druids_layout_numbered-section__content {
  padding-top: 8px;
}
.druids_layout_numbered-section--is-folded > .druids_layout_numbered-section__content {
  padding-top: calc(16px + var(--padding-bottom));
}
.druids_layout_numbered-section--is-folded > .druids_layout_numbered-section__content > * {
  visibility: hidden;
}
.druids_layout_numbered-section--is-folded:not(.druids_layout_numbered-section--is-connected) > .druids_layout_numbered-section__content {
  display: none;
}
.druids_layout_numbered-section--is-folded {
  --padding-bottom: 8px;
  padding-bottom: 0;
}
.druids_layout_numbered-section--is-folded .druids_layout_numbered-section__content {
  height: 0;
  overflow: hidden;
  padding-bottom: 0;
}
.druids_layout_numbered-section--is-folded .druids_layout_numbered-section__title-icon {
  transform: rotateZ(0deg);
}
.druids_layout_numbered-section--is-minimal {
  --content-padding-left: 26px;
  --dot-diameter: 16px;
}
.druids_layout_numbered-section--is-minimal.druids_layout_numbered-section--is-foldable {
  --content-padding-left: 47px;
}
.druids_layout_numbered-section:not(.druids_layout_numbered-section--is-foldable).druids_layout_numbered-section--is-minimal .druids_layout_numbered-section__title {
  cursor: inherit;
}
.druids_layout_numbered-section:not(.druids_layout_numbered-section--is-foldable).druids_layout_numbered-section--is-minimal .druids_layout_numbered-section__title:hover,
.druids_layout_numbered-section:not(.druids_layout_numbered-section--is-foldable).druids_layout_numbered-section--is-minimal .druids_layout_numbered-section__title:active {
  background: none;
}
.druids_layout_numbered-section .druids_layout_numbered-section {
  margin-left: -8px;
}
.druids_layout_numbered-section--is-foldable .druids_layout_numbered-section {
  margin-left: -32px;
}
.druids_layout_numbered-section__summary-text {
  margin-left: 12.5px;
  padding-left: var(--content-padding-left);
  position: relative;
}
.druids_layout_numbered-section__summary-text::before {
  left: 0;
  top: 8px;
  height: calc(var(--padding-bottom) + 100%);
  content: '';
  position: absolute;
  width: 1px;
  background: var(--numbered-section-gradient-swatch);
}
.druids_layout_numbered-section:not(.druids_layout_numbered-section--is-connected) .druids_layout_numbered-section__summary-text::before {
  display: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_header {
  --stuck-header-bottom-border: var(--LIGHT, transparent) var(--DARK, var(--ui-border));
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  background: var(--ui-background);
  position: relative;
}
.druids_layout_header--default {
  border-top: 5px solid var(--ui-status-other);
}
.druids_layout_header--danger {
  border-top: 5px solid var(--ui-status-danger);
}
.druids_layout_header--warning {
  border-top: 5px solid var(--ui-status-warning);
}
.druids_layout_header--success {
  border-top: 5px solid var(--ui-status-success);
}
.druids_layout_header--is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: var(--_sticky-offset, 0px);
  z-index: 91;
}
.druids_layout_header--is-sticky.druids_layout_header--is-stuck {
  background: var(--ui-background-elevated);
}
.druids_layout_header--shadow-level-1.druids_layout_header--is-sticky.druids_layout_header--is-stuck {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
}
.druids_layout_header--shadow-level-2.druids_layout_header--is-sticky.druids_layout_header--is-stuck {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 5px var(--ui-shadow-strength);
}
.druids_layout_header--shadow-level-3.druids_layout_header--is-sticky.druids_layout_header--is-stuck {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 2px 8px var(--ui-shadow-strength);
}
.druids_layout_header--shadow-level-4.druids_layout_header--is-sticky.druids_layout_header--is-stuck {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_layout_header--shadow-level-5.druids_layout_header--is-sticky.druids_layout_header--is-stuck {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 5px 20px var(--ui-shadow-strength);
}
.druids_layout_header--shadow-level-6.druids_layout_header--is-sticky.druids_layout_header--is-stuck {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 8px 36px var(--ui-shadow-strength);
}
.druids_layout_header--is-sticky.druids_layout_header--is-stuck.druids_layout_header--has-border-bottom {
  border-bottom: 1px solid var(--stuck-header-bottom-border);
}
.druids_layout_header--has-bottom-margin {
  margin-bottom: 8px;
}
.druids_layout_header--has-bottom-border {
  border-bottom: 1px solid var(--ui-border);
}
.druids_layout_header--is-padded {
  padding: 8px 16px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_side-panel {
  position: fixed;
  margin: 0;
  padding: 0;
  right: var(--ui-page-right-offset, 0px);
  top: var(--ui-page-top-offset, 0px);
  bottom: 0;
  overflow-y: auto;
  --z-index-offset: 0;
  --z-index-base: calc(200 + var(--z-index-offset) * 10);
  z-index: var(--z-index-base);
  background-color: var(--ui-background-elevated);
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 8px 36px var(--ui-shadow-strength);
  overscroll-behavior: contain;
  transform: translateX(0%);
}
html:not(.js-focus-visible) .druids_layout_side-panel:focus {
  outline: none;
}
html.js-focus-visible .druids_layout_side-panel:focus:not(.focus-visible) {
  outline: none;
}
@media (forced-colors: active) {
  .druids_layout_side-panel {
    border: 8px solid;
  }
}
@media screen and (max-width: 2000px) {
  .druids_layout_side-panel {
    min-width: var(--_min-width);
  }
}
.druids_layout_side-panel--is-portalized {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
.druids_layout_side-panel--has-transition {
  transition: transform 180ms ease;
}
.druids_layout_side-panel--is-closed {
  box-shadow: none;
  transform: translateX(100%);
  pointer-events: none;
  visibility: hidden;
}
.druids_layout_side-panel--is-closed.druids_layout_side-panel--has-transition {
  transition: transform 180ms ease, visibility 0s 180ms linear;
}
.druids_layout_side-panel__close {
  cursor: pointer;
  position: absolute !important;
  top: 2px;
  right: 4px;
  z-index: calc(var(--z-index-base) + 1);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_typography_code {
  --code-marker-background: var(--_override--code-marker-background, var(--LIGHT, #f2ecfc) var(--DARK, rgba(180, 143, 225, 0.1)));
  --code-marker-column-background: var(--_override--code-marker-column-background, var(--LIGHT, rgba(203, 177, 237, 0.5)) var(--DARK, rgba(180, 143, 225, 0.2)));
  --code-border: var(--_override--code-border, var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b));
  --code-marker-numbers: var(--_override--code-marker-numbers, var(--LIGHT, rgba(55, 59, 70, 0.5)) var(--DARK, rgba(255, 255, 255, 0.3)));
  --code-text-purple: var(--_override--code-text-purple, var(--LIGHT, #632ca6) var(--DARK, #a26dd8));
  --code-text-yellow: var(--_override--code-text-yellow, var(--LIGHT, #de5f0c) var(--DARK, #a68716));
  --code-text-green: var(--_override--code-text-green, var(--LIGHT, #2a7e41) var(--DARK, #40ab5e));
  --code-text-blue: var(--_override--code-text-blue, var(--LIGHT, #006bc2) var(--DARK, #3d8bd0));
  --code-text-pink: var(--_override--code-text-pink, var(--LIGHT, #d60f86) var(--DARK, #ff00c7));
  --selected-code-highlight-color: var(--LIGHT, rgba(55, 59, 70, 0.2)) var(--DARK, rgba(212, 209, 214, 0.2));
  --code-text: var(--_override--code-text, var(--ui-text));
  --code-background: var(--code-background-default, var(--ui-code-background));
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  line-height: 1.4;
  text-align: left;
  color: var(--code-text) !important;
  padding: 0;
  cursor: text;
  background-color: var(--code-background) !important;
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  overflow: auto;
}
.druids_typography_code .token {
  opacity: 0.95;
  color: var(--code-text);
}
.druids_typography_code .token .token {
  opacity: 1;
}
.druids_typography_code .deleted {
  color: var(--ui-status-danger);
}
.druids_typography_code .inserted {
  color: var(--ui-status-success);
}
.druids_typography_code .selector,
.druids_typography_code .key,
.druids_typography_code .keyword {
  color: var(--code-text-purple);
}
.druids_typography_code .boolean,
.druids_typography_code .operator,
.druids_typography_code .punctuation {
  color: var(--code-text-yellow);
}
.druids_typography_code .tag,
.druids_typography_code .constant,
.druids_typography_code .function,
.druids_typography_code .property,
.druids_typography_code .class-name {
  color: var(--code-text-blue);
}
.druids_typography_code .attr-name,
.druids_typography_code .number,
.druids_typography_code .string,
.druids_typography_code .builtin {
  color: var(--code-text-green);
}
.druids_typography_code .comment {
  color: var(--ui-text-secondary);
}
*:where(.druids_typography_code:not(.druids_typography_code--is-naked)) {
  outline: var(--CONTRAST_DEFAULT, none) var(--CONTRAST_HIGH, 1px solid var(--ui-border-elevated));
  outline-offset: -1px;
}
.druids_typography_code--sm {
  font-size: 12px;
}
.druids_typography_code--md {
  font-size: 13px;
}
.druids_typography_code--lg {
  font-size: 15px;
}
.druids_typography_code--should-inherit-text-align {
  text-align: inherit;
}
.druids_typography_code > .druids_dialogs_tooltip[class] {
  width: auto;
}
.druids_typography_code__pre {
  flex: 1;
  min-width: 0;
  margin: 0;
  background-color: transparent !important;
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
}
.druids_typography_code__pre[class][class] {
  padding: var(--padding, 8px);
}
.druids_typography_code__pre--is-editable[class][class] {
  padding: 0;
}
.druids_typography_code__pre:not(:last-child),
.druids_typography_code__pre--is-editable:not(:last-child) > * > textarea,
.druids_typography_code__pre--is-editable:not(:last-child) > * > pre {
  padding-right: 0 !important;
}
.druids_typography_code__pre > * > textarea {
  z-index: 1;
}
.druids_typography_code__pre > * > textarea::selection {
  background-color: var(--selected-code-highlight-color);
}
.druids_typography_code__pre > * > textarea:focus {
  outline: none;
}
.druids_typography_code__code {
  display: block;
  padding: 0 !important;
  line-height: 1.4;
  background-color: transparent !important;
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
}
.druids_typography_code__pre > * > textarea,
.druids_typography_code__code {
  overflow-wrap: break-word !important;
  word-break: break-all !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
.druids_typography_code__pre > * > textarea,
.druids_typography_code__code {
  margin-left: var(--number-of-chars, 0px) !important;
  width: calc(100% - var(--number-of-chars, 0px)) !important;
}
.druids_typography_code__hanging-space:only-child:after,
.token + .druids_typography_code__hanging-space::after,
.druids_typography_code__line:empty::after,
.druids_typography_code__marker:empty::after {
  content: '\a0';
  /* nbsp */
  display: inline-block;
  width: 0;
  min-width: 0;
}
.druids_typography_code--is-full-width {
  width: 100%;
}
.druids_typography_code--is-full-height {
  display: flex;
  height: 100%;
  align-items: stretch;
}
.druids_typography_code--is-full-height[class] > *,
.druids_typography_code--is-full-height[class] > * > * {
  align-items: stretch;
}
.druids_typography_code__copy-button {
  margin: 4px;
  position: sticky;
  top: 0;
}
.druids_typography_code__copy-button--sm,
.druids_typography_code__copy-button--spacing-xs,
.druids_typography_code__copy-button--spacing-none {
  margin: 0px;
}
.druids_typography_code__copy-button--spacing-extra-actions {
  margin-left: 0;
}
.druids_typography_code--is-naked,
.druids_typography_code--is-naked > .druids_typography_code__pre,
.druids_typography_code--is-naked .druids_typography_code__code {
  background-color: transparent !important;
  border: none !important;
}
.druids_typography_code--is-editable {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  background-color: var(--form-background) !important;
  padding: 0;
  border: 1px solid var(--form-border) !important;
  border-radius: var(--ui-code-border-radius, 4px);
}
.druids_typography_code--is-editable:focus-within {
  border-color: var(--form-border-focus) !important;
  box-shadow: 0 0 3px var(--form-shadow-focus);
  background-color: var(--form-background-focus) !important;
}
.druids_typography_code--is-naked-editable,
.druids_typography_code--is-naked-editable > .druids_typography_code__pre,
.druids_typography_code--is-naked-editable .druids_typography_code__code {
  background-color: transparent !important;
  border: none !important;
}
.druids_typography_code--is-naked-editable:focus-within {
  box-shadow: inset 0 0 0 1px var(--form-border-focus), 0 0 3px var(--form-shadow-focus);
  background-color: var(--form-background-focus) !important;
}
.druids_typography_code__line {
  position: relative;
}
.druids_typography_code__line::before {
  content: attr(data-line);
  display: inline-block;
  height: 100%;
  color: var(--code-marker-numbers);
  padding-right: 2ch;
  white-space: pre;
  position: absolute;
  padding-left: var(--padding, 8px);
  left: calc(-1 * var(--padding, 8px) - var(--number-of-chars, 0px));
}
.druids_typography_code__marker {
  --_marker-background: var(--code-marker-background);
  --_marker-color: var(--ui-text);
  --_number-weight: 400;
  background-color: var(--_marker-background) !important;
}
.druids_typography_code__marker,
.druids_typography_code__marker__column {
  --status-pill-soft-background-danger-contrast: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --status-pill-soft-text-danger: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --status-pill-soft-background-warning-contrast: var(--LIGHT, #ffe6a2) var(--DARK, #664811);
  --status-pill-background-warning-hover: var(--LIGHT, #f27c00) var(--DARK, #e5a226);
  --status-pill-soft-text-warning: var(--LIGHT, #de5f0c) var(--DARK, var(--ui-status-warning-contrast));
  --status-pill-soft-text-success: var(--LIGHT, #2a7e41) var(--DARK, #52b76d);
  --status-pill-soft-background-success-contrast: var(--LIGHT, #d9f3e0) var(--DARK, #133a1d);
  --status-pill-soft-background-other-contrast: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --status-pill-soft-text-other: var(--LIGHT, #585f70) var(--DARK, var(--ui-text-secondary));
  --status-pill-soft-background-in-progress-contrast: var(--LIGHT, #e6d6f9) var(--DARK, #320e51);
  --status-pill-soft-text-in-progress: var(--LIGHT, #451481) var(--DARK, #a26dd8);
}
.druids_typography_code__marker::before {
  color: var(--_marker-color);
  background-color: var(--_marker-background);
  font-weight: var(--_number-weight);
}
.druids_typography_code__marker__column {
  --_marker-color: inherit;
  --_marker-background: var(--code-marker-column-background);
  background-color: var(--_marker-background);
}
.druids_typography_code__marker__column:not(.druids_typography_code__marker__column--default) {
  color: var(--_marker-color);
  font-weight: 700;
}
.druids_typography_code__marker--success,
.druids_typography_code__marker__column--success {
  --_number-weight: 700;
  --_marker-background: var(--ui-status-success-soft);
  --_marker-color: var(--ui-status-success-contrast);
}
.druids_typography_code__marker--warning,
.druids_typography_code__marker__column--warning {
  --_number-weight: 700;
  --_marker-background: var(--ui-status-warning-soft);
  --_marker-color: var(--status-pill-soft-text-warning);
}
.druids_typography_code__marker--danger,
.druids_typography_code__marker__column--danger {
  --_number-weight: 700;
  --_marker-background: var(--ui-status-danger-soft);
  --_marker-color: var(--status-pill-soft-text-danger);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_overflow-list {
  --digits: 1;
  --lines: 1;
  --line-height: 1.5em;
  --gap-y: 4px;
  --gap-x: 4px;
  --handle-width: initial;
  --justify-content: flex-start;
  --align-items: flex-start;
  --min-item-width: 2.8em;
  max-width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.druids_layout_overflow-list-content {
  position: relative;
  display: flex;
  align-content: flex-start;
  align-items: var(--align-items);
  justify-content: var(--justify-content);
  flex-wrap: wrap;
  overflow: hidden;
  width: calc(100% + var(--gap-x));
  max-width: calc(100% + var(--gap-x));
  min-height: calc(var(--line-height) + var(--gap-y));
  --height: calc(var(--lines) * (var(--line-height) + var(--gap-y)));
  margin-left: calc(-1 * var(--gap-x));
  margin-top: calc(-1 * var(--gap-y));
}
.druids_layout_overflow-list-content--is-group {
  margin-left: 0;
  padding-left: calc(-1 * var(--gap-x));
}
.druids_layout_overflow-list__before,
.druids_layout_overflow-list__after,
.druids_layout_overflow-list__handle {
  line-height: var(--line-height);
}
.druids_layout_overflow-list--is-vertical > .druids_layout_overflow-list-content {
  flex-direction: column;
}
.druids_layout_overflow-list--is-vertical.druids_layout_overflow-list--is-disabled > .druids_layout_overflow-list-content {
  flex-wrap: nowrap;
}
.druids_layout_overflow-list:not(.druids_layout_overflow-list--is-disabled) > .druids_layout_overflow-list-content {
  white-space: nowrap;
  max-height: var(--height);
}
.druids_layout_overflow-list--has-auto-height {
  display: flex;
  height: 100%;
}
.druids_layout_overflow-list--has-auto-height > .druids_layout_overflow-list-content[class] {
  height: auto;
  max-height: calc(100% + var(--gap-y));
}
.druids_layout_overflow-list--has-containment > .druids_layout_overflow-list-content[class] {
  height: var(--height);
  contain: layout paint;
}
.druids_layout_overflow-list--is-single-line:not(.druids_layout_overflow-list--is-disabled):not(.druids_layout_overflow-list--has-always-all-hidden) > .druids_layout_overflow-list-content::before {
  content: '';
  height: var(--line-height);
  margin-top: var(--gap-y);
  width: 0;
}
.druids_layout_overflow-list--is-vertical:not(.druids_layout_overflow-list--is-disabled):not(.druids_layout_overflow-list--has-always-all-hidden) > .druids_layout_overflow-list-content::before {
  content: '';
  width: 100%;
  height: 0;
}
.druids_layout_overflow-list-content > *:not(.druids_layout_overflow-list__handle):not(.druids_layout_overflow-list__after) {
  margin-top: var(--gap-y) !important;
  margin-left: var(--gap-x) !important;
  max-width: calc(100% - var(--gap-x)) !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_layout_overflow-list--is-vertical:not(.druids_layout_overflow-list--is-disabled) > .druids_layout_overflow-list-content > *:not(.druids_layout_overflow-list__handle):not(.druids_layout_overflow-list__after) {
  margin-right: 100%;
}
.druids_layout_overflow-list:not(.druids_layout_overflow-list--has-always-all-hidden):not(.druids_layout_overflow-list--is-disabled) > * > .druids_layout_overflow-list__handle {
  width: 0;
  position: relative;
  white-space: nowrap;
}
.druids_layout_overflow-list:not(.druids_layout_overflow-list--has-always-all-hidden):not(.druids_layout_overflow-list--is-disabled) > * > .druids_layout_overflow-list__handle > * {
  position: absolute !important;
  right: 0 !important;
  max-width: none !important;
}
.druids_layout_overflow-list--is-vertical:not(.druids_layout_overflow-list--has-always-all-hidden):not(.druids_layout_overflow-list--is-disabled) > * > .druids_layout_overflow-list__handle > * {
  right: auto !important;
  bottom: 0 !important;
}
.druids_layout_overflow-list:not(.druids_layout_overflow-list--is-vertical) > * > .druids_layout_overflow-list__handle {
  height: var(--line-height);
}
.druids_layout_overflow-list__handle[class][class] > * {
  margin-top: var(--gap-y) !important;
  margin-left: var(--gap-x) !important;
}
.druids_layout_overflow-list__handle:empty {
  visibility: hidden;
}
.druids_layout_overflow-list__handle--is-on-right {
  margin-left: auto;
}
.druids_layout_overflow-list--is-vertical.druids_layout_overflow-list--has-all-hidden:not(.druids_layout_overflow-list--is-disabled):not( .druids_layout_overflow-list--has-always-all-hidden) > * > .druids_layout_overflow-list__handle,
.druids_layout_overflow-list--is-single-line.druids_layout_overflow-list--has-all-hidden:not(.druids_layout_overflow-list--is-disabled):not( .druids_layout_overflow-list--has-always-all-hidden) > * > .druids_layout_overflow-list__handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.druids_layout_overflow-list--is-vertical.druids_layout_overflow-list--has-all-hidden:not(.druids_layout_overflow-list--is-disabled):not( .druids_layout_overflow-list--has-always-all-hidden) > * > .druids_layout_overflow-list__handle > *,
.druids_layout_overflow-list--is-single-line.druids_layout_overflow-list--has-all-hidden:not(.druids_layout_overflow-list--is-disabled):not( .druids_layout_overflow-list--has-always-all-hidden) > * > .druids_layout_overflow-list__handle > * {
  top: 0 !important;
  left: 0 !important;
  bottom: auto !important;
  right: auto !important;
  max-width: calc(100% - var(--gap-x)) !important;
}
.druids_layout_overflow-list--has-all-hidden:not(.druids_layout_overflow-list--is-disabled):not(.druids_layout_overflow-list--has-always-all-hidden) > .druids_layout_overflow-list-content--is-group > .druids_layout_overflow-list__handle {
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
}
.druids_layout_overflow-list--has-all-hidden:not(.druids_layout_overflow-list--is-disabled):not(.druids_layout_overflow-list--has-always-all-hidden) > .druids_layout_overflow-list-content--is-group > .druids_layout_overflow-list__handle[class][class] > * {
  margin-left: 0 !important;
}
.druids_layout_overflow-list[class] > * > [data-last-visible-item] {
  --_max-width: calc(100% - var(--handle-width) - 2 * var(--gap-x));
  max-width: var(--_max-width) !important;
  margin-right: calc(var(--handle-width) + var(--gap-x)) !important;
}
.druids_layout_overflow-list[class] > * > [data-last-visible-item]:first-child {
  max-width: max(var(--min-item-width), var(--_max-width)) !important;
}
.druids_layout_overflow-list:not(.druids_layout_overflow-list--should-always-render-handle) > .druids_layout_overflow-list-content--is-group > *:nth-last-child(1 of *:not(.druids_layout_overflow-list__handle)) {
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
}
.druids_layout_overflow-list--is-vertical[class] > * > [data-last-visible-item] {
  max-width: none !important;
  margin-right: 100% !important;
  margin-bottom: calc(var(--line-height) + var(--gap-y)) !important;
}
.druids_layout_overflow-list--has-all-hidden > * > .druids_layout_overflow-list__before,
.druids_layout_overflow-list--has-all-hidden > * > [data-last-visible-item] {
  visibility: hidden;
}
.druids_layout_overflow-list:not(.druids_layout_overflow-list--is-disabled) > * > [data-last-visible-item] ~ *:not(.druids_layout_overflow-list__handle):not(.druids_layout_overflow-list__handle + .druids_layout_overflow-list__after):not( [data-last-visible-item] + .druids_layout_overflow-list__after) {
  visibility: hidden;
  order: 1;
}
.druids_layout_overflow-list--has-always-all-hidden > * > .druids_layout_overflow-list__before {
  display: none;
}
.druids_layout_overflow-list--has-always-all-hidden > * > .druids_layout_overflow-list__handle {
  max-width: 100%;
}
.druids_layout_overflow-list__after {
  min-width: 0;
  flex-basis: min-content;
  flex-shrink: 0;
  flex-grow: 1;
  margin-top: var(--gap-y);
  margin-left: var(--gap-x);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_tag {
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  position: relative;
  display: inline-flex;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  line-height: 1.4;
  color: var(--local-text-color);
  word-break: break-word;
}
.druids_pills_tag__text {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  font-size: inherit;
  line-height: inherit;
  text-align: left;
  padding: 1px 4px 2px;
  word-break: break-word;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_pills_tag__text::-moz-focus-inner {
  padding: 0;
  border: none;
}
.druids_pills_tag__text,
.druids_pills_tag__remove {
  background-color: var(--local-background-color);
  --_tag-forced-outline: none;
  --_tag-contrast-outline-color: var(--ui-border-elevated);
}
button.druids_pills_tag__text,
button.druids_pills_tag__remove {
  --_tag-contrast-outline-color: var(--ui-border);
}
.druids_pills_tag__text:not(:focus-visible),
.druids_pills_tag__remove:not(:focus-visible) {
  outline: var(--CONTRAST_DEFAULT, var(--_tag-forced-outline)) var(--CONTRAST_HIGH, 1px solid var(--_tag-contrast-outline-color));
  outline-offset: -1px;
}
html:not(.js-focus-visible) .druids_pills_tag--is-clickable:focus {
  outline: none;
}
html.js-focus-visible .druids_pills_tag--is-clickable:focus:not(.focus-visible) {
  outline: none;
}
.druids_pills_tag--has-ellipsis {
  white-space: nowrap;
  max-width: 100%;
}
.druids_pills_tag--is-deletable > .druids_pills_tag__text[class] {
  padding-right: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.druids_pills_tag--is-clickable > .druids_pills_tag__text:hover,
.druids_pills_tag--is-clickable > .druids_pills_tag__text:active,
.druids_pills_tag--is-active > .druids_pills_tag__text,
.druids_pills_tag__remove:hover {
  cursor: pointer;
  color: #ffffff;
  z-index: 1;
}
.druids_pills_tag--is-clickable > .druids_pills_tag__text:hover,
.druids_pills_tag--is-active > .druids_pills_tag__text,
.druids_pills_tag__remove:hover {
  background-color: var(--tag-background-hover);
}
.druids_pills_tag--is-clickable > .druids_pills_tag__text:active,
.druids_pills_tag__remove:active {
  background-color: var(--tag-background-active);
}
.druids_pills_tag__remove {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  cursor: pointer;
  display: flex;
  padding: 0 3px;
  background-color: var(--local-background-color);
  color: var(--local-tag-icon);
}
html:not(.js-focus-visible) .druids_pills_tag__remove:focus {
  outline: none;
}
html.js-focus-visible .druids_pills_tag__remove:focus:not(.focus-visible) {
  outline: none;
}
.druids_pills_tag__remove::-moz-focus-inner {
  padding: 0;
  border: none;
}
.druids_pills_tag__remove-icon {
  transform: scale(0.8);
  align-self: center;
}
.druids_pills_tag__icon {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-top: -0.2em;
  margin-right: 0.5em;
}
.druids_pills_tag__icon--emoji {
  display: inline-flex;
  margin-right: 0.4em;
  margin-top: -0.1em;
}
.druids_pills_tag--xs .druids_pills_tag__icon--emoji {
  width: 12px;
  height: 12px;
}
.druids_pills_tag--sm .druids_pills_tag__icon--emoji {
  width: 12px;
  height: 12px;
}
.druids_pills_tag--md .druids_pills_tag__icon--emoji {
  width: 14px;
  height: 14px;
}
.druids_pills_tag--lg .druids_pills_tag__icon--emoji {
  width: 16px;
  height: 16px;
}
.druids_pills_tag--is-inside-input > .druids_pills_tag__text,
.druids_pills_tag--is-inside-input > .druids_pills_tag__text:hover,
.druids_pills_tag--is-inside-input > .druids_pills_tag__text:active,
.druids_pills_tag--is-inside-input > .druids_pills_tag__remove {
  background-color: var(--input-tag-background);
  color: var(--input-tag-text);
}
.druids_pills_tag--is-inside-input > .druids_pills_tag__remove:hover,
.druids_pills_tag--is-inside-input > .druids_pills_tag__remove:active {
  color: var(--input-tag-icon-hover);
}
.druids_pills_tag--is-inside-input > .druids_pills_tag__remove:hover {
  background-color: var(--input-tag-background-hover);
}
.druids_pills_tag--is-inside-input > .druids_pills_tag__remove:active {
  background-color: var(--input-tag-background-active);
}
.druids_pills_tag [data-key] {
  color: var(--local-tag-key-color);
  margin-right: 1px;
}
.druids_pills_tag__icon--key {
  color: var(--local-tag-key-color);
}
.druids_pills_tag--is-clickable > .druids_pills_tag__text:hover [data-key],
.druids_pills_tag--is-clickable > .druids_pills_tag__text:active [data-key],
.druids_pills_tag--is-active > .druids_pills_tag__text [data-key] {
  color: var(--local-tag-key-color-hover);
}
.druids_pills_tag--is-clickable > .druids_pills_tag__text:hover .druids_pills_tag__icon--key,
.druids_pills_tag--is-clickable > .druids_pills_tag__text:active .druids_pills_tag__icon--key,
.druids_pills_tag--is-active > .druids_pills_tag__text .druids_pills_tag__icon--key {
  color: var(--local-tag-key-color-hover);
}
.druids_pills_tag--xs {
  font-size: 11px;
  font-size: var(--ui-base-font-size, 11px);
  line-height: 15px;
}
.druids_pills_tag--xs > .druids_pills_tag__text,
.druids_pills_tag--xs > .druids_pills_tag__remove {
  border-radius: 4px;
}
.druids_pills_tag__remove[class] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.druids_pills_tag--sm {
  font-size: 12px;
  font-size: var(--ui-base-font-size, 12px);
  line-height: 17px;
}
.druids_pills_tag--sm > .druids_pills_tag__text,
.druids_pills_tag--sm > .druids_pills_tag__remove {
  border-radius: 4px;
}
.druids_pills_tag__remove[class] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.druids_pills_tag--md {
  font-size: 13px;
  font-size: var(--ui-base-font-size, 13px);
  line-height: 18px;
}
.druids_pills_tag--md > .druids_pills_tag__text,
.druids_pills_tag--md > .druids_pills_tag__remove {
  border-radius: 4px;
}
.druids_pills_tag__remove[class] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.druids_pills_tag--lg {
  font-size: 15px;
  font-size: var(--ui-base-font-size, 15px);
  line-height: 21px;
}
.druids_pills_tag--lg > .druids_pills_tag__text,
.druids_pills_tag--lg > .druids_pills_tag__remove {
  border-radius: 4px;
}
.druids_pills_tag__remove[class] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.druids_form_input-search {
  --_input-text-indent: 0;
  --_input-padding-right: 0;
}
.druids_form_input-search__search-icon {
  color: var(--form-icon);
}
.druids_form_input-text--is-disabled .druids_form_input-search__search-icon {
  color: var(--form-icon-disabled);
  pointer-events: none;
}

.druids_form_input-time {
  min-width: 110px;
}
.druids_form_input-time__clock-icon {
  color: var(--form-icon);
}
@supports (-moz-appearance: none) {
  .druids_form_input-time__clock-icon {
    display: none;
  }
}
.druids_form_input-time .druids_form_input-text__input[type='time'] {
  text-transform: lowercase;
  text-indent: 0;
  padding-left: 6px !important;
}
.druids_form_input-time .druids_form_input-text__input[type='time']::-webkit-calendar-picker-indicator {
  display: none;
  opacity: 0;
}
.druids_form_input-time .druids_form_input-text__input[type='time']::-webkit-clear-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_tag-list_tag-filtering-popover {
  min-width: 300px;
  width: var(--tag-filtering-popover-initial-width, max-content);
  max-width: 75vw;
  max-height: calc(100vh - (24px * 2));
}
.druids_pills_tag-list_tag-filtering-popover__header {
  background: var(--ui-background-elevated);
  padding: 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_tag-list {
  display: inline-block;
  vertical-align: top;
}
.druids_pills_tag-list[class] {
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
}
.druids_pills_tag-list--xs {
  font-size: 11px;
}
.druids_pills_tag-list--sm {
  font-size: 12px;
}
.druids_pills_tag-list--md {
  font-size: 13px;
}
.druids_pills_tag-list--lg {
  font-size: 15px;
}
.druids_pills_tag-list > * .druids_pills_tag-list__tag {
  max-width: 100% !important;
}
.druids_pills_tag-list__button[class] {
  padding: 0 4px;
  height: var(--line-height);
  line-height: var(--line-height);
  font-size: inherit;
}
.druids_pills_tag-list__handle-wrapper .druids_pills_tag-list__button {
  width: var(--handle-width);
}
.druids_pills_tag-list__handle-wrapper {
  flex-grow: 999;
}
*:not(.druids_layout_overflow-list--has-all-hidden) > * > .druids_pills_tag-list__handle-wrapper {
  max-width: max-content;
}
.druids_pills_tag-list__handle-tag[class][class][class] {
  position: relative !important;
  right: calc(var(--handle-width) + var(--gap-x)) !important;
  font-size: inherit;
}
.druids_pills_tag-list__overflower-item::before {
  display: none;
}
@supports (-webkit-hyphens: none) {
  .druids_pills_tag-list__overflower-item {
    width: min-content;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_chip {
  --default-background: var(--LIGHT, #ffffff radial-gradient(circle farthest-corner at 50% 20%, #fff, hsla(0, 0%, 100%, 0.01) 50%, rgba(29, 28, 31, 0.04))) var(--DARK, rgba(255, 255, 255, 0.98) radial-gradient(circle farthest-corner at 50% 20%, #fff, hsla(0, 0%, 100%, 0.06) 50%, rgba(29, 28, 31, 0.12)));
  --themed-background: var(--LIGHT, var(--default-background)) var(--DARK, var(--ui-background-elevated));
  --box-shadow-for-default-background: var(--LIGHT, inset 0 1px 1px 2px #ffffff ,  0 -2px 2px -2px rgba(0, 0, 0, 0.08), 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 0 0 rgba(0, 0, 0, 0.08)) var(--DARK, inset 0 1px 1px 2px #ffffff ,  0 -2px 3px -1px rgba(0, 0, 0, 0.5), 0 2px 5px 0 rgba(0, 0, 0, 0.32), 0 1px 0 0 rgba(0, 0, 0, 0.75));
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: var(--box-shadow-for-default-background);
  --box-shadow-for-non-default-background: var(--LIGHT, 0 -2px 2px -2px rgba(0, 0, 0, 0.08), 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 1px 0 0 rgba(0, 0, 0, 0.08)) var(--DARK, 0 -2px 3px -1px rgba(0, 0, 0, 0.5), 0 2px 5px 0 rgba(0, 0, 0, 0.32), 0 1px 0 0 rgba(0, 0, 0, 0.75));
  background: var(--default-background);
}
.druids_misc_chip--has-custom-background {
  box-shadow: var(--box-shadow-for-non-default-background);
}
.druids_misc_chip--has-themed-background {
  background: var(--themed-background);
  border: 1px solid var(--ui-border-elevated);
  box-shadow: var(--box-shadow-for-non-default-background);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_integration-logo {
  flex-shrink: 0;
}
.dark-mode img[src*='_reversed']:not(.druids_misc_integration-logo--is-color-reversed):not(.druids_misc_integration-logo--avatar-chip).druids_misc_integration-logo {
  filter: brightness(76%);
}
.druids_misc_integration-logo__avatar-chip-base {
  aspect-ratio: 1;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_misc_integration-logo__avatar-chip-base img {
  width: 100%;
}

.druids_dialogs_popover-button--is-full-width {
  width: 100%;
}

.split-button_-PNwjG_isPrimary .split-button_-PNwjG_PopoverButton{margin-left:2px}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_typography_inline-code {
  --code-marker-background: var(--_override--code-marker-background, var(--LIGHT, #f2ecfc) var(--DARK, rgba(180, 143, 225, 0.1)));
  --code-marker-column-background: var(--_override--code-marker-column-background, var(--LIGHT, rgba(203, 177, 237, 0.5)) var(--DARK, rgba(180, 143, 225, 0.2)));
  --code-border: var(--_override--code-border, var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b));
  --code-marker-numbers: var(--_override--code-marker-numbers, var(--LIGHT, rgba(55, 59, 70, 0.5)) var(--DARK, rgba(255, 255, 255, 0.3)));
  --code-text-purple: var(--_override--code-text-purple, var(--LIGHT, #632ca6) var(--DARK, #a26dd8));
  --code-text-yellow: var(--_override--code-text-yellow, var(--LIGHT, #de5f0c) var(--DARK, #a68716));
  --code-text-green: var(--_override--code-text-green, var(--LIGHT, #2a7e41) var(--DARK, #40ab5e));
  --code-text-blue: var(--_override--code-text-blue, var(--LIGHT, #006bc2) var(--DARK, #3d8bd0));
  --code-text-pink: var(--_override--code-text-pink, var(--LIGHT, #d60f86) var(--DARK, #ff00c7));
  --selected-code-highlight-color: var(--LIGHT, rgba(55, 59, 70, 0.2)) var(--DARK, rgba(212, 209, 214, 0.2));
  --code-text: var(--_override--code-text, var(--ui-text));
  --code-background: var(--code-background-default, var(--ui-code-background));
  --inline-code-masked: var(--LIGHT, #b48fe1) var(--DARK, #561d8c);
  --inline-code-background: var(--LIGHT, rgba(88, 95, 112, 0.1)) var(--DARK, rgba(255, 255, 255, 0.1));
  --inline-code-text: var(--ui-text);
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  letter-spacing: -0.01em;
  color: var(--inline-code-text);
  background-color: var(--inline-code-background);
  line-height: normal;
  padding: 0.1em 0.2em 0.05em;
  word-wrap: break-word;
}
a[href] .druids_typography_inline-code {
  color: inherit;
}
.druids_typography_inline-code--is-masked {
  background-color: var(--inline-code-masked);
  color: var(--inline-code-masked);
}
.druids_typography_inline-code--is-masked:hover {
  color: var(--inline-code-text);
  background-color: var(--inline-code-background);
}
.druids_typography_inline-code--has-inherited-color {
  color: inherit;
}
.druids_typography_inline-code--xs {
  font-size: 11px;
  font-size: var(--ui-header-font-size, var(--ui-base-font-size, 11px));
  padding: 0.15em 0.2em 0;
}
.druids_typography_inline-code--sm {
  font-size: 12px;
  font-size: var(--ui-header-font-size, var(--ui-base-font-size, 12px));
}
.druids_typography_inline-code--md {
  font-size: 13px;
  font-size: var(--ui-header-font-size, var(--ui-base-font-size, 13px));
  padding: 0.075em 0.25em 0.05em;
}
.druids_typography_inline-code--lg {
  font-size: 15px;
  font-size: var(--ui-header-font-size, var(--ui-base-font-size, 15px));
  padding: 0.05em 0.2em 0;
}
.druids_typography_inline-code--xl {
  font-size: 18px;
  font-size: var(--ui-header-font-size, var(--ui-base-font-size, 18px));
  padding: 0.05em 0.2em 0;
}
.druids_typography_inline-code--xxl {
  font-size: 23px;
  font-size: var(--ui-header-font-size, var(--ui-base-font-size, 23px));
  padding: 0.05em 0.25em;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_modal_side-drawer {
  flex: 1;
  overflow: hidden;
}
.druids_dialogs_modal_side-drawer__header--has-separator {
  border-bottom: 1px solid var(--ui-border);
}
.druids_dialogs_modal_side-drawer__header--gradient {
  background: linear-gradient(80deg, #5025ca 0%, #34c1df 100%);
  color: var(--ui-text-knockout);
}
.druids_dialogs_modal_side-drawer__header--gradient .druids_dialogs_modal_side-drawer__link,
.druids_dialogs_modal_side-drawer__header--gradient .druids_dialogs_modal_side-drawer__close-button {
  color: var(--ui-text-knockout);
}
.druids_dialogs_modal_side-drawer__separator--has-gradient-header {
  border-color: rgba(255, 255, 255, 0.4);
}
.druids_dialogs_modal_side-drawer__content {
  overflow-y: auto;
}
.druids_dialogs_modal_side-drawer__content--overflow-hidden {
  overflow-y: hidden;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_modal {
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  position: relative;
  color: var(--ui-text);
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 5px var(--ui-shadow-strength);
  max-width: calc(100vw - 2 * 16px - var(--custom-scrollbars-width, 0px));
}
@media (forced-colors: active) {
  .druids_dialogs_modal {
    border: 8px solid;
  }
}
.druids_dialogs_modal__container {
  background-color: var(--ui-background);
  display: flex;
  flex-direction: column;
}
.druids_dialogs_modal__container--sm {
  width: 432px;
}
.druids_dialogs_modal__container--md {
  width: 532px;
}
.druids_dialogs_modal__container--lg {
  width: 1000px;
}
.druids_dialogs_modal__container--full-screen {
  width: 100vw;
}
.druids_dialogs_modal--side-drawer {
  overflow: hidden;
  flex-direction: row-reverse;
}
.druids_dialogs_modal--side-drawer .druids_dialogs_modal__container {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 5px var(--ui-shadow-strength);
  display: flex;
  flex-grow: 1;
  position: relative;
}
.druids_dialogs_modal--position-top {
  margin-top: 48px;
  margin-bottom: 16px;
}
.druids_dialogs_modal--position-center {
  margin-top: auto;
  margin-bottom: auto;
}
.druids_dialogs_modal--is-cmd-i-modal {
  margin-top: 0;
  margin-bottom: 0;
}
.druids_dialogs_modal--is-fixed-scrollable.druids_dialogs_modal--position-top {
  max-height: calc(100vh - 48px - 16px);
}
.druids_dialogs_modal--is-fixed-scrollable.druids_dialogs_modal--position-center {
  max-height: calc(100vh - 16px - 16px);
}
.druids_dialogs_modal .druids_dialogs_modal__container {
  border-radius: 8px;
  overflow: hidden;
}
.druids_dialogs_modal .druids_dialogs_modal__side-drawer {
  border-radius: 0 8px 8px 0;
}
.druids_dialogs_modal.druids_dialogs_modal__container {
  border-radius: 8px;
  overflow: hidden;
}
.druids_dialogs_modal__overlay {
  padding-right: var(--applied-locked-padding, 0) !important;
}
.druids_dialogs_modal__overlay::before {
  --modal-overlay: var(--LIGHT, rgba(0, 0, 0, 0.6)) var(--DARK, rgba(39, 38, 38, 0.75));
  content: '';
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--modal-overlay);
}
.druids_dialogs_modal__header {
  display: flex;
  box-sizing: content-box;
  height: 44px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 18px;
  color: var(--ui-text);
  flex-shrink: 0;
}
.druids_dialogs_modal__header--has-padding {
  padding: 8px;
  padding-left: 16px;
}
.druids_dialogs_modal__header--has-padding .druids_dialogs_modal__header__close-icon {
  margin: 0;
}
.druids_dialogs_modal__title {
  display: flex;
  align-items: center;
  line-height: 18px;
  flex-grow: 1;
}
.druids_dialogs_modal__header--has-separator {
  align-items: center;
  border-bottom: 1px solid var(--ui-border);
}
.druids_dialogs_modal__header--has-separator .druids_dialogs_modal__title {
  padding: 8px 0;
}
.druids_dialogs_modal__header--gradient {
  background: linear-gradient(80deg, #5025ca 0%, #34c1df 100%);
  color: var(--ui-text-knockout);
}
.druids_dialogs_modal__header--gradient .druids_dialogs_modal__title,
.druids_dialogs_modal__header--gradient .druids_dialogs_modal__header__close-icon,
.druids_dialogs_modal__header--gradient .druids_dialogs_modal__header__side-drawer-toggle {
  color: var(--ui-text-knockout);
}
.druids_dialogs_modal__content {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0px;
}
.druids_dialogs_modal__content--has-padding {
  padding: 16px;
}
.druids_dialogs_modal__content--is-scrollable {
  overflow: auto;
}
.druids_dialogs_modal__footer {
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: flex-end;
  padding: 12px 16px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  flex-shrink: 0;
}
.druids_dialogs_modal__footer--has-footer-separator {
  border-top: 1px solid var(--ui-border);
}
.druids_dialogs_modal__footer:empty {
  display: none;
}
.druids_dialogs_modal__side-drawer {
  position: relative;
  overflow: hidden;
  transition: margin-left 200ms cubic-bezier(0.55, 0, 0.1, 1) 0s;
  margin-left: -8px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
@media (prefers-reduced-motion) {
  .druids_dialogs_modal__side-drawer {
    transition: none;
  }
}
.druids_dialogs_modal__side-drawer--overflow-scroll,
.druids_dialogs_modal__side-drawer--overflow-hidden {
  contain: size;
}

.field-set_53ABQa_isRow{margin-left:calc(-1* 8px )}.field-set_53ABQa_isRow>*{margin-left: 8px }.field-set_53ABQa_isColumn{grid-gap: 8px ;grid-template-columns:auto 1fr;align-items:baseline;display:grid}.field-set_53ABQa_isColumn>*{grid-column:2}.field-set_53ABQa_isStacked{grid-template-columns:auto;justify-content:normal;display:grid}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_required-indicator {
  --required-indicator-color: var(--LIGHT, var(--ui-status-danger)) var(--DARK, var(--ui-status-danger-contrast));
  color: var(--required-indicator-color);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_label {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --label-background: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: var(--ui-text);
  padding-right: 6px;
  border: 1px solid transparent;
  --ui-border-radius: 4px;
}
@media (forced-colors: active) {
  .druids_form_label {
    border-width: 0;
  }
}
.druids_form_group .druids_form_label {
  padding-left: 6px;
}
*:where(.druids_form_group .druids_form_label) {
  z-index: var(--ui-group-elevation--static);
}
.druids_form_label--lg {
  line-height: 36px;
  height: 36px;
  font-size: 15px;
  padding-right: 8px;
}
.druids_form_group .druids_form_label--lg {
  padding-left: 8px;
}
.druids_form_label--md {
  line-height: 28px;
  height: 28px;
  font-size: 13px;
}
.druids_form_label--sm {
  line-height: 24px;
  height: 24px;
  font-size: 12px;
}
.druids_form_label--xs {
  line-height: 20px;
  height: 20px;
  font-size: 11px;
}
.druids_form_label--has-background {
  background: var(--label-background);
  color: var(--ui-text-secondary);
}
.druids_form_label--is-above {
  display: block;
  padding: 0;
}
.druids_form_group .druids_form_label {
  border-color: var(--form-border);
  color: var(--ui-text-secondary);
}
@media (forced-colors: active) {
  .druids_form_group .druids_form_label {
    border-width: 1px;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_field + .druids_form_field {
  margin-top: 8px;
}
.druids_form_field__label[class] {
  transition: user-select 0s 0.1s linear;
  transition-behavior: allow-discrete;
  grid-column: 1;
  flex-shrink: 1;
  justify-self: var(--druids-field-label-align, flex-end);
}
.druids_form_field__label[class]:not(:focus),
.druids_form_field__label[class]:focus-visible {
  -webkit-user-select: text;
  user-select: text;
}
.druids_form_field__label[class]:active {
  -webkit-user-select: none;
  user-select: none;
  transition-delay: 0s;
}
.druids_form_field__label-text-with-help {
  cursor: help;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
  text-decoration-thickness: var(--ui-text-decoration-thickness);
  text-underline-offset: calc(0.5px + 0.15em);
}
.druids_form_field__content[class] {
  grid-column: 2;
  --druids-field-label-align: initial;
  display: inline-block;
  display: inline-flex;
  flex-grow: 1;
}
.druids_form_field--type-row > .druids_form_field__label {
  padding-right: 8px;
}
.druids_form_field--type-column > .druids_form_field__label {
  align-self: flex-start;
  padding-bottom: 4px;
}

.toggle-buttons_pDPNHW_Tooltip{font-size:0}.toggle-buttons_pDPNHW_Button:where(.toggle-buttons_pDPNHW_hasSoftStyling):not(.toggle-buttons_pDPNHW_isDisabled){border-color:var(--ui-interaction-primary);z-index:2}.toggle-buttons_pDPNHW_SelectAllButton{margin-right:calc( 8px *1.5);--toggle-buttons_pDPNHW_connector-height:calc( 1px *4);position:relative}.toggle-buttons_pDPNHW_SelectAllButton:after{content:"";top:calc(50% - (var(--toggle-buttons_pDPNHW_connector-height)/2));left:calc(100% +  1px );height:var(--toggle-buttons_pDPNHW_connector-height);width:calc( 8px *1.5);background:var(--ui-border);position:absolute}.toggle-buttons_pDPNHW_isFullWidth>*{flex:1}.toggle-buttons_pDPNHW_isFullWidth>*>.toggle-buttons_pDPNHW_Button{width:100%}
@media (prefers-contrast: more), (forced-colors: active) {
}/**

# Editorial Copy rules

## Headers + Paragraphs Scale

Header:

property    | 4xl | 3xl | xxl  | xl   | lg   | md   | sm   | xs
------------|-------|------|------|------|------| -----|------|------
font-size   | 54px  | 42px | 32px | 26px | 22px | 18px | 14px | 12px
line-height | 62px  | 54px | 42px | 36px | 32px | 24px | 24px | 20px

Paragraph:

property    | lg   | md   | sm
------------|------|------|------
font-size   | 16px | 14px | 12px
line-height | 24px | 21px | 18px


## Default Paragraph and Headers sizes:

- Default `md` base font size is `14px`, headers start from `xl`.
- Large `lg` base font size is `16px`, headers start from `xxl`.
- Small `sm` base font size is `12px`, headers start from `lg`.

## Line-height

For paragraphs: 1.5 of the base font size.

## Spacing

- Between paragraphs: equal to the `base font size`.
- Before the header (unless it is the first one, or following another header): `base font size` + `header size`.
- Below the header: `base font size` + `0.5 * header size`.
- Between list-items and paragraphs inside list-items: `0.5 * base font size`.

*/
.druids_typography_editorial-copy__reset {
  --ui-base-font-size: initial;
  --ui-base-line-height: initial;
  --ui-header-font-size: initial;
  --ui-header-line-height: initial;
  --ui-header-font-weight: initial;
  --ui-header-letter-spacing: initial;
  --ui-header-text-transform: initial;
  --ui-custom-reduced-vertical-spacing: 1;
  --ui-custom-reduced-vertical-line-height: 1;
  --ui-vertical-spacing-modifier: 1;
  --ui-header-text-wrap: initial;
  --ui-header-size-h1: initial;
  --ui-header-lh-h1: initial;
  --ui-header-ls-h1: initial;
  --ui-header-tt-h1: initial;
  --ui-header-fw-h1: initial;
  --ui-header-size-h2: initial;
  --ui-header-lh-h2: initial;
  --ui-header-ls-h2: initial;
  --ui-header-tt-h2: initial;
  --ui-header-fw-h2: initial;
  --ui-header-size-h3: initial;
  --ui-header-lh-h3: initial;
  --ui-header-ls-h3: initial;
  --ui-header-tt-h3: initial;
  --ui-header-fw-h3: initial;
  --ui-header-size-h4: initial;
  --ui-header-lh-h4: initial;
  --ui-header-ls-h4: initial;
  --ui-header-tt-h4: initial;
  --ui-header-fw-h4: initial;
  --ui-header-size-h5: initial;
  --ui-header-lh-h5: initial;
  --ui-header-ls-h5: initial;
  --ui-header-tt-h5: initial;
  --ui-header-fw-h5: initial;
  --ui-header-size-h6: initial;
  --ui-header-lh-h6: initial;
  --ui-header-ls-h6: initial;
  --ui-header-tt-h6: initial;
  --ui-header-fw-h6: initial;
  --ui-hr-width: initial;
  --ui-max-width: initial;
  --ui-max-width-margin: initial;
}
.druids_typography_editorial-copy__reset > * {
  --ui-custom-line-spacing: initial;
  --ui-custom-extra-padding: initial;
}
.druids_typography_editorial-copy {
  --ui-header-size-h1: 12px;
  --ui-header-lh-h1: 20px;
  --ui-header-ls-h1: 0.5px;
  --ui-header-tt-h1: uppercase;
  --ui-header-fw-h1: 700;
  --ui-header-size-h2: 12px;
  --ui-header-lh-h2: 20px;
  --ui-header-ls-h2: 0.5px;
  --ui-header-tt-h2: uppercase;
  --ui-header-fw-h2: 700;
  --ui-header-size-h3: 12px;
  --ui-header-lh-h3: 20px;
  --ui-header-ls-h3: 0.5px;
  --ui-header-tt-h3: uppercase;
  --ui-header-fw-h3: 700;
  --ui-header-size-h4: 12px;
  --ui-header-lh-h4: 20px;
  --ui-header-ls-h4: 0.5px;
  --ui-header-tt-h4: uppercase;
  --ui-header-fw-h4: 700;
  --ui-header-size-h5: 12px;
  --ui-header-lh-h5: 20px;
  --ui-header-ls-h5: 0.5px;
  --ui-header-tt-h5: uppercase;
  --ui-header-fw-h5: 700;
  --ui-header-size-h6: 12px;
  --ui-header-lh-h6: 20px;
  --ui-header-ls-h6: 0.5px;
  --ui-header-tt-h6: uppercase;
  --ui-header-fw-h6: 700;
  --ui-header-font-size: initial;
  --ui-header-line-height: initial;
  --ui-header-font-weight: initial;
  --ui-header-letter-spacing: initial;
  --ui-header-text-transform: initial;
  --ui-custom-reduced-vertical-spacing: 1;
  --ui-custom-reduced-vertical-line-height: 1;
  --ui-vertical-spacing-modifier: 1;
  --ui-header-text-wrap: initial;
  --ui-custom-extra-padding: 0;
  --ui-base-font-size: 14px;
  --ui-custom-line-spacing: var(--ui-base-font-size);
  --ui-base-line-height: 1.5;
  --ui-max-width: 52em;
  --ui-max-width-margin: initial;
  --ui-header-text-wrap: balance;
  /* stylelint-disable-next-line selector-disallowed-list -- Ok for variables */
  /* stylelint-disable-next-line selector-disallowed-list -- Ok for variables */
  /* stylelint-disable-next-line selector-disallowed-list -- Ok for variables */
  /* stylelint-disable-next-line selector-disallowed-list -- Ok for variables */
  /* stylelint-disable-next-line selector-disallowed-list -- Ok for variables */
  /* stylelint-disable-next-line selector-disallowed-list -- Ok for variables */
  /* stylelint-disable-next-line selector-disallowed-list -- Ok for variables */
  /* stylelint-disable-next-line selector-disallowed-list -- Ok for variables */
}
.druids_typography_editorial-copy--size-lg {
  --ui-base-font-size: 16px;
}
.druids_typography_editorial-copy--size-sm {
  --ui-base-font-size: 12px;
}
.druids_typography_editorial-copy--headers-start-from-4xl {
  --ui-header-size-h1: 54px;
  --ui-header-lh-h1: 62px;
  --ui-header-ls-h1: -0.6px;
  --ui-header-tt-h1: none;
  --ui-header-fw-h1: 600;
  --ui-header-size-h2: 42px;
  --ui-header-lh-h2: 54px;
  --ui-header-ls-h2: -0.5px;
  --ui-header-tt-h2: none;
  --ui-header-fw-h2: 600;
  --ui-header-size-h3: 32px;
  --ui-header-lh-h3: 42px;
  --ui-header-ls-h3: -0.4px;
  --ui-header-tt-h3: none;
  --ui-header-fw-h3: 600;
  --ui-header-size-h4: 26px;
  --ui-header-lh-h4: 36px;
  --ui-header-ls-h4: -0.3px;
  --ui-header-tt-h4: none;
  --ui-header-fw-h4: 600;
  --ui-header-size-h5: 22px;
  --ui-header-lh-h5: 32px;
  --ui-header-ls-h5: -0.2px;
  --ui-header-tt-h5: none;
  --ui-header-fw-h5: 600;
  --ui-header-size-h6: 18px;
  --ui-header-lh-h6: 24px;
  --ui-header-ls-h6: 0px;
  --ui-header-tt-h6: none;
  --ui-header-fw-h6: 600;
}
.druids_typography_editorial-copy--headers-start-from-3xl {
  --ui-header-size-h1: 42px;
  --ui-header-lh-h1: 54px;
  --ui-header-ls-h1: -0.5px;
  --ui-header-tt-h1: none;
  --ui-header-fw-h1: 600;
  --ui-header-size-h2: 32px;
  --ui-header-lh-h2: 42px;
  --ui-header-ls-h2: -0.4px;
  --ui-header-tt-h2: none;
  --ui-header-fw-h2: 600;
  --ui-header-size-h3: 26px;
  --ui-header-lh-h3: 36px;
  --ui-header-ls-h3: -0.3px;
  --ui-header-tt-h3: none;
  --ui-header-fw-h3: 600;
  --ui-header-size-h4: 22px;
  --ui-header-lh-h4: 32px;
  --ui-header-ls-h4: -0.2px;
  --ui-header-tt-h4: none;
  --ui-header-fw-h4: 600;
  --ui-header-size-h5: 18px;
  --ui-header-lh-h5: 24px;
  --ui-header-ls-h5: 0px;
  --ui-header-tt-h5: none;
  --ui-header-fw-h5: 600;
  --ui-header-size-h6: 14px;
  --ui-header-lh-h6: 24px;
  --ui-header-ls-h6: 0.4px;
  --ui-header-tt-h6: uppercase;
  --ui-header-fw-h6: 700;
}
.druids_typography_editorial-copy--headers-start-from-xxl {
  --ui-header-size-h1: 32px;
  --ui-header-lh-h1: 42px;
  --ui-header-ls-h1: -0.4px;
  --ui-header-tt-h1: none;
  --ui-header-fw-h1: 600;
  --ui-header-size-h2: 26px;
  --ui-header-lh-h2: 36px;
  --ui-header-ls-h2: -0.3px;
  --ui-header-tt-h2: none;
  --ui-header-fw-h2: 600;
  --ui-header-size-h3: 22px;
  --ui-header-lh-h3: 32px;
  --ui-header-ls-h3: -0.2px;
  --ui-header-tt-h3: none;
  --ui-header-fw-h3: 600;
  --ui-header-size-h4: 18px;
  --ui-header-lh-h4: 24px;
  --ui-header-ls-h4: 0px;
  --ui-header-tt-h4: none;
  --ui-header-fw-h4: 600;
  --ui-header-size-h5: 14px;
  --ui-header-lh-h5: 24px;
  --ui-header-ls-h5: 0.4px;
  --ui-header-tt-h5: uppercase;
  --ui-header-fw-h5: 700;
}
.druids_typography_editorial-copy--headers-start-from-xl {
  --ui-header-size-h1: 26px;
  --ui-header-lh-h1: 36px;
  --ui-header-ls-h1: -0.3px;
  --ui-header-tt-h1: none;
  --ui-header-fw-h1: 600;
  --ui-header-size-h2: 22px;
  --ui-header-lh-h2: 32px;
  --ui-header-ls-h2: -0.2px;
  --ui-header-tt-h2: none;
  --ui-header-fw-h2: 600;
  --ui-header-size-h3: 18px;
  --ui-header-lh-h3: 24px;
  --ui-header-ls-h3: 0px;
  --ui-header-tt-h3: none;
  --ui-header-fw-h3: 600;
  --ui-header-size-h4: 14px;
  --ui-header-lh-h4: 24px;
  --ui-header-ls-h4: 0.4px;
  --ui-header-tt-h4: uppercase;
  --ui-header-fw-h4: 700;
}
.druids_typography_editorial-copy--headers-start-from-lg {
  --ui-header-size-h1: 22px;
  --ui-header-lh-h1: 32px;
  --ui-header-ls-h1: -0.2px;
  --ui-header-tt-h1: none;
  --ui-header-fw-h1: 600;
  --ui-header-size-h2: 18px;
  --ui-header-lh-h2: 24px;
  --ui-header-ls-h2: 0px;
  --ui-header-tt-h2: none;
  --ui-header-fw-h2: 600;
  --ui-header-size-h3: 14px;
  --ui-header-lh-h3: 24px;
  --ui-header-ls-h3: 0.4px;
  --ui-header-tt-h3: uppercase;
  --ui-header-fw-h3: 700;
}
.druids_typography_editorial-copy--headers-start-from-md {
  --ui-header-size-h1: 18px;
  --ui-header-lh-h1: 24px;
  --ui-header-ls-h1: 0px;
  --ui-header-tt-h1: none;
  --ui-header-fw-h1: 600;
  --ui-header-size-h2: 14px;
  --ui-header-lh-h2: 24px;
  --ui-header-ls-h2: 0.4px;
  --ui-header-tt-h2: uppercase;
  --ui-header-fw-h2: 700;
}
.druids_typography_editorial-copy--headers-start-from-sm {
  --ui-header-size-h1: 14px;
  --ui-header-lh-h1: 24px;
  --ui-header-ls-h1: 0.4px;
  --ui-header-tt-h1: uppercase;
  --ui-header-fw-h1: 700;
}
.druids_typography_editorial-copy--max-width-type-container {
  max-width: var(--ui-max-width);
}
.druids_typography_editorial-copy--max-width-type-container.druids_typography_editorial-copy--is-centered {
  margin-left: auto;
  margin-right: auto;
}
.druids_typography_editorial-copy--max-width-type-none,
.druids_typography_editorial-copy--max-width-type-container > *:not(.druids_typography_editorial-copy) {
  --ui-max-width: initial;
}
.druids_typography_editorial-copy--max-width-type-text-only.druids_typography_editorial-copy--is-centered {
  --ui-max-width-margin: auto;
}
.druids_typography_editorial-copy > *:not([class]),
.druids_typography_editorial-copy > .druids_typography_editorial-copy__element,
.druids_typography_editorial-copy p:not([class]),
.druids_typography_editorial-copy p.druids_typography_editorial-copy__element,
.druids_typography_editorial-copy ol:not([class]),
.druids_typography_editorial-copy ol.druids_typography_editorial-copy__element,
.druids_typography_editorial-copy ul:not([class]),
.druids_typography_editorial-copy ul.druids_typography_editorial-copy__element {
  max-width: var(--ui-max-width);
  margin-left: var(--ui-max-width-margin);
  margin-right: var(--ui-max-width-margin);
}
.druids_typography_editorial-copy figure:not([class]),
.druids_typography_editorial-copy figure.druids_typography_editorial-copy__element {
  --ui-base-font-size: initial;
  --ui-base-line-height: initial;
  --ui-header-font-size: initial;
  --ui-header-line-height: initial;
  --ui-header-font-weight: initial;
  --ui-header-letter-spacing: initial;
  --ui-header-text-transform: initial;
  --ui-custom-reduced-vertical-spacing: 1;
  --ui-custom-reduced-vertical-line-height: 1;
  --ui-vertical-spacing-modifier: 1;
  --ui-header-text-wrap: initial;
  --ui-header-size-h1: initial;
  --ui-header-lh-h1: initial;
  --ui-header-ls-h1: initial;
  --ui-header-tt-h1: initial;
  --ui-header-fw-h1: initial;
  --ui-header-size-h2: initial;
  --ui-header-lh-h2: initial;
  --ui-header-ls-h2: initial;
  --ui-header-tt-h2: initial;
  --ui-header-fw-h2: initial;
  --ui-header-size-h3: initial;
  --ui-header-lh-h3: initial;
  --ui-header-ls-h3: initial;
  --ui-header-tt-h3: initial;
  --ui-header-fw-h3: initial;
  --ui-header-size-h4: initial;
  --ui-header-lh-h4: initial;
  --ui-header-ls-h4: initial;
  --ui-header-tt-h4: initial;
  --ui-header-fw-h4: initial;
  --ui-header-size-h5: initial;
  --ui-header-lh-h5: initial;
  --ui-header-ls-h5: initial;
  --ui-header-tt-h5: initial;
  --ui-header-fw-h5: initial;
  --ui-header-size-h6: initial;
  --ui-header-lh-h6: initial;
  --ui-header-ls-h6: initial;
  --ui-header-tt-h6: initial;
  --ui-header-fw-h6: initial;
  --ui-hr-width: initial;
  --ui-max-width: initial;
  --ui-max-width-margin: initial;
  margin-left: 4px;
  margin-right: 4px;
}
.druids_typography_editorial-copy figure:not([class]) > *,
.druids_typography_editorial-copy figure.druids_typography_editorial-copy__element > * {
  --ui-custom-line-spacing: initial;
  --ui-custom-extra-padding: initial;
}
.druids_typography_editorial-copy figure:not([class]),
.druids_typography_editorial-copy figure.druids_typography_editorial-copy__element,
.druids_typography_editorial-copy figure:not([class]) + *,
.druids_typography_editorial-copy figure.druids_typography_editorial-copy__element + * {
  --ui-custom-line-spacing: calc(2 * var(--ui-base-font-size));
}
.druids_typography_editorial-copy p:not([class]),
.druids_typography_editorial-copy ul:not([class]),
.druids_typography_editorial-copy ol:not([class]),
.druids_typography_editorial-copy li:not([class]),
.druids_typography_editorial-copy h1:not([class]),
.druids_typography_editorial-copy h2:not([class]),
.druids_typography_editorial-copy h3:not([class]),
.druids_typography_editorial-copy h4:not([class]),
.druids_typography_editorial-copy h5:not([class]),
.druids_typography_editorial-copy h6:not([class]),
.druids_typography_editorial-copy blockquote:not([class]),
.druids_typography_editorial-copy .druids_typography_editorial-copy__element {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--ui-custom-extra-padding);
  padding-bottom: var(--ui-custom-extra-padding);
  font: var(--ui-header-font-size, var(--ui-base-font-size)) / var(--ui-header-line-height, var(--ui-base-line-height)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: inherit;
}
.druids_typography_editorial-copy strong:not([class]),
.druids_typography_editorial-copy strong.druids_typography_editorial-copy__element {
  font-weight: 600;
}
.druids_typography_editorial-copy img:not([class]),
.druids_typography_editorial-copy img.druids_typography_editorial-copy__element {
  max-width: 100%;
}
.druids_typography_editorial-copy blockquote:not([class]),
.druids_typography_editorial-copy blockquote.druids_typography_editorial-copy__element {
  margin: 0;
  padding: 4px;
  padding-left: 16px;
  border-left: 4px solid var(--ui-border);
  color: var(--ui-text-secondary);
}
.druids_typography_editorial-copy hr:not([class]),
.druids_typography_editorial-copy hr.druids_typography_editorial-copy__element {
  max-width: var(--ui-max-width);
  width: var(--ui-hr-width, 100%);
  height: 1px;
  border: 0;
  background: var(--ui-border);
  margin: 48px auto;
  --ui-custom-line-spacing: calc(3 * var(--ui-base-font-size));
}
.druids_typography_editorial-copy h1:not([class]),
.druids_typography_editorial-copy h1.druids_typography_editorial-copy__element,
.druids_typography_editorial-copy h2:not([class]),
.druids_typography_editorial-copy h2.druids_typography_editorial-copy__element,
.druids_typography_editorial-copy h3:not([class]),
.druids_typography_editorial-copy h3.druids_typography_editorial-copy__element,
.druids_typography_editorial-copy h4:not([class]),
.druids_typography_editorial-copy h4.druids_typography_editorial-copy__element,
.druids_typography_editorial-copy h5:not([class]),
.druids_typography_editorial-copy h5.druids_typography_editorial-copy__element,
.druids_typography_editorial-copy h6:not([class]),
.druids_typography_editorial-copy h6.druids_typography_editorial-copy__element {
  max-width: var(--ui-max-width);
  margin-left: var(--ui-max-width-margin);
  margin-right: var(--ui-max-width-margin);
  letter-spacing: var(--ui-header-letter-spacing);
  text-transform: var(--ui-header-text-transform);
  font-weight: var(--ui-header-font-weight);
  text-wrap: var(--ui-header-text-wrap);
}
.druids_typography_editorial-copy li {
  --ui-custom-line-spacing: calc(0.5 * var(--ui-base-font-size));
}
.druids_typography_editorial-copy h1,
.druids_typography_editorial-copy h2,
.druids_typography_editorial-copy h3,
.druids_typography_editorial-copy h4,
.druids_typography_editorial-copy h5,
.druids_typography_editorial-copy h6 {
  --ui-custom-line-spacing: calc(var(--ui-header-font-size) + var(--ui-base-font-size));
  --ui-custom-extra-padding: calc(0.25 * var(--ui-header-font-size));
}
.druids_typography_editorial-copy--reduced-vertical-spacing {
  --ui-vertical-spacing-modifier: 0;
  --ui-custom-reduced-vertical-spacing: 0.75;
  --ui-custom-reduced-vertical-line-height: 0.9;
  /* stylelint-disable-next-line selector-disallowed-list -- Ok for variables */
}
.druids_typography_editorial-copy--reduced-vertical-spacing h1,
.druids_typography_editorial-copy--reduced-vertical-spacing h2,
.druids_typography_editorial-copy--reduced-vertical-spacing h3,
.druids_typography_editorial-copy--reduced-vertical-spacing h4,
.druids_typography_editorial-copy--reduced-vertical-spacing h5,
.druids_typography_editorial-copy--reduced-vertical-spacing h6 {
  --ui-custom-extra-padding: 0;
}
.druids_typography_editorial-copy h1 + *,
.druids_typography_editorial-copy h2 + *,
.druids_typography_editorial-copy h3 + *,
.druids_typography_editorial-copy h4 + *,
.druids_typography_editorial-copy h5 + *,
.druids_typography_editorial-copy h6 + * {
  --ui-custom-line-spacing: inherit;
}
.druids_typography_editorial-copy h1 {
  --ui-header-font-size: var(--ui-header-size-h1);
  --ui-header-line-height: calc(var(--ui-header-lh-h1) * var(--ui-custom-reduced-vertical-line-height));
  --ui-header-text-transform: var(--ui-header-tt-h1);
  --ui-header-letter-spacing: var(--ui-header-ls-h1);
  --ui-header-font-weight: var(--ui-header-fw-h1);
}
.druids_typography_editorial-copy h2 {
  --ui-header-font-size: var(--ui-header-size-h2);
  --ui-header-line-height: calc(var(--ui-header-lh-h2) * var(--ui-custom-reduced-vertical-line-height));
  --ui-header-text-transform: var(--ui-header-tt-h2);
  --ui-header-letter-spacing: var(--ui-header-ls-h2);
  --ui-header-font-weight: var(--ui-header-fw-h2);
}
.druids_typography_editorial-copy h3 {
  --ui-header-font-size: var(--ui-header-size-h3);
  --ui-header-line-height: calc(var(--ui-header-lh-h3) * var(--ui-custom-reduced-vertical-line-height));
  --ui-header-text-transform: var(--ui-header-tt-h3);
  --ui-header-letter-spacing: var(--ui-header-ls-h3);
  --ui-header-font-weight: var(--ui-header-fw-h3);
}
.druids_typography_editorial-copy h4 {
  --ui-header-font-size: var(--ui-header-size-h4);
  --ui-header-line-height: calc(var(--ui-header-lh-h4) * var(--ui-custom-reduced-vertical-line-height));
  --ui-header-text-transform: var(--ui-header-tt-h4);
  --ui-header-letter-spacing: var(--ui-header-ls-h4);
  --ui-header-font-weight: var(--ui-header-fw-h4);
}
.druids_typography_editorial-copy h5 {
  --ui-header-font-size: var(--ui-header-size-h5);
  --ui-header-line-height: calc(var(--ui-header-lh-h5) * var(--ui-custom-reduced-vertical-line-height));
  --ui-header-text-transform: var(--ui-header-tt-h5);
  --ui-header-letter-spacing: var(--ui-header-ls-h5);
  --ui-header-font-weight: var(--ui-header-fw-h5);
}
.druids_typography_editorial-copy h6 {
  --ui-header-font-size: var(--ui-header-size-h6);
  --ui-header-line-height: calc(var(--ui-header-lh-h6) * var(--ui-custom-reduced-vertical-line-height));
  --ui-header-text-transform: var(--ui-header-tt-h6);
  --ui-header-letter-spacing: var(--ui-header-ls-h6);
  --ui-header-font-weight: var(--ui-header-fw-h6);
}
.druids_typography_editorial-copy[class][class] > * + *,
.druids_typography_editorial-copy[class][class] > div:not([class]) > * + *,
.druids_typography_editorial-copy[class][class] > div.druids_typography_editorial-copy__element > * + *,
.druids_typography_editorial-copy blockquote:not([class]) > * + *,
.druids_typography_editorial-copy section:not([class]) > * + *,
.druids_typography_editorial-copy .druids_typography_editorial-copy__element:not(li):not(p) > * + *,
.druids_typography_editorial-copy li:not([class]) > *:not(span):not(a):not(em):not(strong):not(code):not(img):not(button) + *:not(span):not(a):not(em):not(strong):not(code):not(img):not(button),
.druids_typography_editorial-copy li.druids_typography_editorial-copy__element > *:not(span):not(a):not(em):not(strong):not(code):not(img):not(button) + *:not(span):not(a):not(em):not(strong):not(code):not(img):not(button),
.druids_typography_editorial-copy * + li:not([class]),
.druids_typography_editorial-copy * + li.druids_typography_editorial-copy__element[class] {
  margin-top: calc(var(--ui-custom-line-spacing) * var(--ui-custom-reduced-vertical-spacing));
}
.druids_typography_editorial-copy ul:not([class]),
.druids_typography_editorial-copy ol:not([class]) {
  padding-left: 24px;
}
.druids_typography_editorial-copy ul:not([class]) ul:not([class]),
.druids_typography_editorial-copy ol:not([class]) ul:not([class]),
.druids_typography_editorial-copy ul:not([class]) ol:not([class]),
.druids_typography_editorial-copy ol:not([class]) ol:not([class]) {
  padding-top: 0;
  margin-top: 8px;
}
.druids_typography_editorial-copy ul:not([class]) li:not(:last-child) > ul:not([class]),
.druids_typography_editorial-copy ol:not([class]) li:not(:last-child) > ul:not([class]),
.druids_typography_editorial-copy ul:not([class]) li:not(:last-child) > ol:not([class]),
.druids_typography_editorial-copy ol:not([class]) li:not(:last-child) > ol:not([class]) {
  padding-bottom: 8px;
}
.druids_typography_editorial-copy ul:not([class]) > li::marker,
.druids_typography_editorial-copy ul.druids_typography_editorial-copy__element > li::marker {
  color: var(--ui-text-secondary);
}
.druids_typography_editorial-copy .druids_typography_paragraph,
.druids_typography_editorial-copy .druids_typography_title,
.druids_typography_editorial-copy .druids_misc_message-box,
.druids_typography_editorial-copy .druids_typography_code-wrapper {
  max-width: var(--ui-max-width);
  margin-left: var(--ui-max-width-margin);
  margin-right: var(--ui-max-width-margin);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_avatar {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 100%;
  flex-shrink: 0;
  background-color: var(--ui-background-tertiary);
}
.druids_misc_avatar__image {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: 0;
}
.druids_misc_avatar--is-loaded {
  background-color: transparent;
}
.druids_misc_avatar--is-loaded .druids_misc_avatar__image {
  opacity: 1;
}
.druids_misc_avatar__fallback-label {
  margin-top: -0.031em;
  font-size: var(--fallback-label-font-size, 13px);
  user-select: none;
}
.druids_misc_avatar--xs {
  width: 20px;
  height: 20px;
  --fallback-label-font-size: 13px;
}
.druids_misc_avatar--sm {
  width: 24px;
  height: 24px;
  --fallback-label-font-size: 15.6px;
}
.druids_misc_avatar--md {
  width: 28px;
  height: 28px;
  --fallback-label-font-size: 18.2px;
}
.druids_misc_avatar--lg {
  width: 36px;
  height: 36px;
  --fallback-label-font-size: 23.4px;
}
.druids_misc_avatar--xl {
  width: 44px;
  height: 44px;
  --fallback-label-font-size: 28.6px;
}
.druids_misc_avatar--xxl {
  width: 104px;
  height: 104px;
  --fallback-label-font-size: 67.6px;
}

.timestamp-tooltip_Kl7cBW_Column,.timestamp-tooltip_Kl7cBW_RelativeTime{text-align:left}.timestamp-tooltip_Kl7cBW_Label{opacity:.75}.timestamp-tooltip_Kl7cBW_AbsoluteTime{--timestamp-tooltip_Kl7cBW_absolute-time-color:#fdb4ff;color:var(--timestamp-tooltip_Kl7cBW_absolute-time-color)}.timestamp-tooltip_Kl7cBW_RelativeTime:first-letter{text-transform:uppercase}
@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide-builder_ui_table-of-contents__link {
  display: block;
  position: relative;
  color: var(--ui-text-secondary);
  font-size: 13px;
  border-radius: 4px;
  width: 100%;
  padding: 4px;
  transform: translateX(-4px);
  transition: background-color 150ms, color 150ms;
}
.styleguide-builder_ui_table-of-contents__link--is-current-section {
  color: var(--ui-text);
}
.styleguide-builder_ui_table-of-contents__link--is-current-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: -4px;
  width: 2px;
  height: 100%;
  background: var(--ui-text);
}
.styleguide-builder_ui_table-of-contents__link:hover {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  cursor: pointer;
  background: var(--docs-builder-nav-hover-background);
  color: var(--ui-text);
}
.styleguide-builder_ui_table-of-contents__link__label {
  transition: transform 150ms;
}
.styleguide-builder_ui_table-of-contents__link:hover .styleguide-builder_ui_table-of-contents__link__label {
  transform: translateX(4px);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide-builder_visible-table-of-content {
  position: var(--toc-position, sticky);
  top: var(--styleguide-sticky-header-height);
  width: 100%;
}
.styleguide-builder_visible-table-of-content__horizontal-separator {
  margin-left: 0;
  margin-right: 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide-builder_components-explorer_component-overview-side-content {
  --team-tag-background-color: var(--LIGHT, #F3E8FF) var(--DARK, #401a69);
  --team-tag-text-color: var(--LIGHT, #0c3472) var(--DARK, #a26dd8);
  position: sticky;
  top: calc(var(--styleguide-sticky-header-height) + 16px);
  align-self: stretch;
  max-height: calc(100vh - var(--styleguide-sticky-header-height) - 2 * 16px);
  margin-left: 32px;
  flex-shrink: 0;
  background: var(--ui-background);
  box-shadow: -12px 0 var(--ui-background), -15px 0 var(--ui-background), -16px 0 var(--ui-border);
}
.styleguide-builder_components-explorer_component-overview-side-content--is-open {
  width: max-content;
}
.styleguide-builder_components-explorer_component-overview-side-content__button-wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  left: -28px;
}
.styleguide-builder_components-explorer_component-overview-side-content__button {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  position: sticky;
  top: calc(50vh - 0.5 * 24px);
  left: -12px;
  background-color: var(--ui-background-elevated);
  border: 1px solid var(--ui-border);
  width: 24px;
  height: 24px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.styleguide-builder_components-explorer_component-overview-side-content__button::-moz-focus-inner {
  padding: 0;
  border: none;
}
html:not(.js-focus-visible) .styleguide-builder_components-explorer_component-overview-side-content__button:focus {
  outline: none;
}
html.js-focus-visible .styleguide-builder_components-explorer_component-overview-side-content__button:focus:not(.focus-visible) {
  outline: none;
}
.styleguide-builder_components-explorer_component-overview-side-content__button > svg {
  color: var(--ui-icon);
}
.styleguide-builder_components-explorer_component-overview-side-content__button:hover {
  background-color: var(--ui-interaction-primary);
  border-color: var(--ui-interaction-primary-contrast);
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
}
.styleguide-builder_components-explorer_component-overview-side-content__button:hover > svg {
  color: var(--ui-text-knockout);
}
.styleguide-builder_components-explorer_component-overview-side-content__button:active {
  background-color: var(--ui-interaction-primary-contrast);
}
.styleguide-builder_components-explorer_component-overview-side-content__button:active > svg {
  color: var(--ui-text-knockout);
}
.styleguide-builder_components-explorer_component-overview-side-content__button:hover,
.styleguide-builder_components-explorer_component-overview-side-content__button:hover > svg,
.styleguide-builder_components-explorer_component-overview-side-content__button:active,
.styleguide-builder_components-explorer_component-overview-side-content__button:active > svg {
  transition: 0.15s all ease-in-out;
}
.styleguide-builder_components-explorer_component-overview-side-content:not(.styleguide-builder_components-explorer_component-overview-side-content--is-open) .styleguide-builder_components-explorer_component-overview-side-content__button > svg {
  position: relative;
  left: -1px;
}
.styleguide-builder_components-explorer_component-overview-side-content__main-content {
  width: calc(calc(240px + var(--custom-scrollbars-width, 0px)) - 16px);
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
}
.styleguide-builder_components-explorer_component-overview-side-content__sticky-wrapper {
  width: 100%;
  max-width: calc(calc(240px + var(--custom-scrollbars-width, 0px)) + 16px);
  position: sticky;
  top: 0px;
  margin-top: -8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-height: calc(100vh - var(--styleguide-sticky-header-height) - 16px);
  overflow: auto;
  overflow-x: hidden;
  transition: 0.15s cubic-bezier(0.55, 0, 0.1, 1);
  transition-property: max-width, visibility;
  --toc-position: static;
}
.styleguide-builder_components-explorer_component-overview-side-content:not(.styleguide-builder_components-explorer_component-overview-side-content--is-open) .styleguide-builder_components-explorer_component-overview-side-content__sticky-wrapper {
  visibility: hidden;
  max-width: 1px;
  overflow: hidden;
}
.styleguide-builder_components-explorer_component-overview-side-content__tag-list {
  --ui-base-font-size: initial;
  --ui-base-line-height: initial;
  --ui-header-font-size: initial;
  --ui-header-line-height: initial;
  --ui-header-font-weight: initial;
  --ui-header-letter-spacing: initial;
  --ui-header-text-transform: initial;
  --ui-custom-reduced-vertical-spacing: 1;
  --ui-custom-reduced-vertical-line-height: 1;
  --ui-vertical-spacing-modifier: 1;
  --ui-header-text-wrap: initial;
  --ui-header-size-h1: initial;
  --ui-header-lh-h1: initial;
  --ui-header-ls-h1: initial;
  --ui-header-tt-h1: initial;
  --ui-header-fw-h1: initial;
  --ui-header-size-h2: initial;
  --ui-header-lh-h2: initial;
  --ui-header-ls-h2: initial;
  --ui-header-tt-h2: initial;
  --ui-header-fw-h2: initial;
  --ui-header-size-h3: initial;
  --ui-header-lh-h3: initial;
  --ui-header-ls-h3: initial;
  --ui-header-tt-h3: initial;
  --ui-header-fw-h3: initial;
  --ui-header-size-h4: initial;
  --ui-header-lh-h4: initial;
  --ui-header-ls-h4: initial;
  --ui-header-tt-h4: initial;
  --ui-header-fw-h4: initial;
  --ui-header-size-h5: initial;
  --ui-header-lh-h5: initial;
  --ui-header-ls-h5: initial;
  --ui-header-tt-h5: initial;
  --ui-header-fw-h5: initial;
  --ui-header-size-h6: initial;
  --ui-header-lh-h6: initial;
  --ui-header-ls-h6: initial;
  --ui-header-tt-h6: initial;
  --ui-header-fw-h6: initial;
  --ui-hr-width: initial;
  --ui-max-width: initial;
  --ui-max-width-margin: initial;
}
.styleguide-builder_components-explorer_component-overview-side-content__tag-list > * {
  --ui-custom-line-spacing: initial;
  --ui-custom-extra-padding: initial;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_status-pill {
  --status-pill-soft-background-danger-contrast: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --status-pill-soft-text-danger: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --status-pill-soft-background-warning-contrast: var(--LIGHT, #ffe6a2) var(--DARK, #664811);
  --status-pill-background-warning-hover: var(--LIGHT, #f27c00) var(--DARK, #e5a226);
  --status-pill-soft-text-warning: var(--LIGHT, #de5f0c) var(--DARK, var(--ui-status-warning-contrast));
  --status-pill-soft-text-success: var(--LIGHT, #2a7e41) var(--DARK, #52b76d);
  --status-pill-soft-background-success-contrast: var(--LIGHT, #d9f3e0) var(--DARK, #133a1d);
  --status-pill-soft-background-other-contrast: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --status-pill-soft-text-other: var(--LIGHT, #585f70) var(--DARK, var(--ui-text-secondary));
  --status-pill-soft-background-in-progress-contrast: var(--LIGHT, #e6d6f9) var(--DARK, #320e51);
  --status-pill-soft-text-in-progress: var(--LIGHT, #451481) var(--DARK, #a26dd8);
  --ui-border-radius: 4px;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--ui-text-knockout);
  text-align: center;
  font-weight: 600;
  padding: 0 0.5em;
  line-height: 20px;
  vertical-align: bottom;
  text-transform: uppercase;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (forced-colors: active) {
  .druids_pills_status-pill {
    forced-color-adjust: preserve-parent-color;
  }
}
.druids_pills_status-pill--xs {
  height: 20px;
  font-size: 11px;
  --ui-border-radius: 4px;
}
.druids_pills_status-pill--xs.druids_pills_status-pill--is-icon-only {
  width: 20px;
}
.druids_pills_status-pill--sm {
  height: 24px;
  font-size: 12px;
  --ui-border-radius: 4px;
}
.druids_pills_status-pill--sm.druids_pills_status-pill--is-icon-only {
  width: 24px;
}
.druids_pills_status-pill--md {
  height: 28px;
  font-size: 13px;
  --ui-border-radius: 4px;
}
.druids_pills_status-pill--md.druids_pills_status-pill--is-icon-only {
  width: 28px;
}
.druids_pills_status-pill--lg {
  height: 36px;
  font-size: 15px;
  --ui-border-radius: 4px;
}
.druids_pills_status-pill--lg.druids_pills_status-pill--is-icon-only {
  width: 36px;
}
.druids_pills_status-pill--has-auto-height {
  height: auto;
  align-self: stretch;
}
.druids_pills_status-pill__content {
  color: inherit !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_pills_status-pill--is-full-width {
  width: 100%;
}
.druids_pills_status-pill--is-empty {
  padding: 0 1px;
  min-width: 5px;
}
.druids_pills_status-pill--is-empty.druids_pills_status-pill--is-circle {
  padding: 0;
  width: 8px;
  height: 8px;
  --ui-border-radius: 100%;
}
.druids_pills_status-pill__icon-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  vertical-align: top;
  margin-right: 0.375em;
}
.druids_pills_status-pill--is-icon-only {
  padding: 0;
}
.druids_pills_status-pill--is-icon-only .druids_pills_status-pill__icon-wrapper {
  margin: 0;
}
.druids_pills_status-pill--is-interactive {
  cursor: pointer;
}
.druids_pills_status-pill--danger {
  background-color: var(--ui-status-danger);
}
.druids_pills_status-pill--danger.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--danger.druids_pills_status-pill--is-active {
  background-color: var(--ui-status-danger-contrast);
}
.druids_pills_status-pill--danger.druids_pills_status-pill--is-soft {
  background-color: var(--ui-status-danger-soft);
  color: var(--status-pill-soft-text-danger);
}
.druids_pills_status-pill--danger.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--danger.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-active {
  background-color: var(--status-pill-soft-background-danger-contrast);
}
.druids_pills_status-pill--warning {
  background-color: var(--ui-status-warning);
}
.druids_pills_status-pill--warning.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--warning.druids_pills_status-pill--is-active {
  background-color: var(--status-pill-background-warning-hover);
}
.druids_pills_status-pill--warning.druids_pills_status-pill--is-soft {
  background-color: var(--ui-status-warning-soft);
  color: var(--status-pill-soft-text-warning);
}
.druids_pills_status-pill--warning.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--warning.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-active {
  background-color: var(--status-pill-soft-background-warning-contrast);
}
.druids_pills_status-pill--success {
  background-color: var(--ui-status-success);
}
.druids_pills_status-pill--success.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--success.druids_pills_status-pill--is-active {
  background-color: var(--ui-status-success-contrast);
}
.druids_pills_status-pill--success.druids_pills_status-pill--is-soft {
  background-color: var(--ui-status-success-soft);
  color: var(--status-pill-soft-text-success);
}
.druids_pills_status-pill--success.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--success.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-active {
  background-color: var(--status-pill-soft-background-success-contrast);
}
.druids_pills_status-pill--default {
  background-color: var(--ui-status-other);
}
.druids_pills_status-pill--default.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--default.druids_pills_status-pill--is-active {
  background-color: var(--ui-status-other-contrast);
}
.druids_pills_status-pill--default.druids_pills_status-pill--is-soft {
  background-color: var(--ui-status-other-soft);
  color: var(--status-pill-soft-text-other);
}
.druids_pills_status-pill--default.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--default.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-active {
  background-color: var(--status-pill-soft-background-other-contrast);
}
.druids_pills_status-pill--in-progress {
  background-color: var(--ui-status-in-progress);
}
.druids_pills_status-pill--in-progress.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--in-progress.druids_pills_status-pill--is-active {
  background-color: var(--ui-status-in-progress-contrast);
}
.druids_pills_status-pill--in-progress.druids_pills_status-pill--is-soft {
  background-color: var(--ui-status-in-progress-soft);
  color: var(--status-pill-soft-text-in-progress);
}
.druids_pills_status-pill--in-progress.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--in-progress.druids_pills_status-pill--is-soft.druids_pills_status-pill--is-active {
  background-color: var(--status-pill-soft-background-in-progress-contrast);
}
.druids_pills_status-pill--has-responsive-behavior {
  padding: 0;
}
.druids_pills_status-pill--has-responsive-behavior .druids_layout_overflower__before {
  align-self: center;
}
.druids_pills_status-pill--has-custom-colors {
  color: var(--status-pill-custom-text-color);
  background-color: var(--status-pill-custom-background-color);
}
.druids_pills_status-pill--has-custom-colors.druids_pills_status-pill--is-interactive:hover,
.druids_pills_status-pill--has-custom-colors.druids_pills_status-pill--is-active {
  background-color: var(--status-pill-custom-background-color-hover);
}

ul.druids_typography_list,
ol.druids_typography_list {
  margin: 0;
  padding: 0 0 0 1.6em;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
ul.druids_typography_list--has-margin-top,
ol.druids_typography_list--has-margin-top {
  margin-top: 0.6em;
}
ul.druids_typography_list li,
ol.druids_typography_list li {
  line-height: 1.5;
}
ul.druids_typography_list li:not(:first-child),
ol.druids_typography_list li:not(:first-child) {
  margin-top: 0.3em;
}
ul.druids_typography_list .druids_typography_list,
ol.druids_typography_list .druids_typography_list {
  margin-top: 0.3em !important;
}

.styleguide-builder_ui_content-wrapper {
  flex: 1;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  --ui-hr-width: 20%;
}
.styleguide-builder_ui_content-wrapper--wide {
  max-width: 85rem;
}
.styleguide-builder_ui_content-wrapper--narrow {
  max-width: 47rem;
}

.styleguide-builder_spaced-container {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_ui_sticky-header {
  --styleguide-ui-sticky-header: var(--LIGHT, #eff1f5) var(--DARK, #272626);
  --styleguide-builder-sticky-header-stop-1: var(--docs-builder-background-gradient-stop-2, transparent);
  --styleguide-builder-sticky-header-stop-2: var(--docs-builder-background-gradient-stop-1, transparent);
  --styleguide-builder-sticky-header-primary-color: var(--docs-builder-primary-color, var(--ui-text));
  --styleguide-builder-sticky-header-accent-color: var(--docs-builder-accent-color, var(--ui-text-secondary));
  position: sticky;
  z-index: 90;
  top: 0;
  min-height: 44px;
  overflow-x: clip;
  align-items: center;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow ease-in 0.25s;
  background: linear-gradient(to right, var(--styleguide-builder-sticky-header-stop-1), var(--styleguide-builder-sticky-header-stop-2)), var(--styleguide-ui-sticky-header);
  width: 100%;
}
@supports (background: linear-gradient(in oklch shorter hue, red, lime)) {
  .styleguide_ui_sticky-header {
    background: linear-gradient(in oklch shorter hue to right, var(--styleguide-builder-sticky-header-stop-1), var(--styleguide-builder-sticky-header-stop-2)), var(--styleguide-ui-sticky-header);
  }
}
@media screen and (max-width: calc(768px - 0.1px)) {
  .styleguide_ui_sticky-header {
    width: calc(100vw - var(--custom-scrollbars-width, 0px));
  }
}
.styleguide_ui_sticky-header--is-stuck.styleguide_ui_sticky-header--has-stuck-shadow::before {
  content: '';
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 8px var(--ui-shadow-strength);
  inset: 0 0 0 1px;
}
.styleguide_ui_sticky-header--is-stuck.styleguide_ui_sticky-header--has-stuck-border {
  box-shadow: 0 1px 0 var(--ui-border);
}
.styleguide_ui_sticky-header__content {
  min-height: 48.5px;
}
@media screen and (min-width: 768px) {
  .styleguide_ui_sticky-header__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.styleguide_ui_sticky-header__sub-content {
  flex: 0 0 100%;
  min-width: 0;
  position: sticky;
  z-index: 1;
  top: 0;
}
.styleguide_ui_sticky-header--is-stuck .styleguide_ui_sticky-header__sub-content {
  background: linear-gradient(to right, var(--styleguide-builder-sticky-header-stop-1), var(--styleguide-builder-sticky-header-stop-2)), var(--styleguide-ui-sticky-header);
}
@supports (
            background: linear-gradient(in oklch shorter hue, red, lime)
        ) {
  .styleguide_ui_sticky-header--is-stuck .styleguide_ui_sticky-header__sub-content {
    background: linear-gradient(in oklch shorter hue to right, var(--styleguide-builder-sticky-header-stop-1), var(--styleguide-builder-sticky-header-stop-2)), var(--styleguide-ui-sticky-header);
  }
}
.styleguide_ui_sticky-header__sub-content--is-at-bottom + .styleguide_ui_sticky-header__sub_content--non-sticky {
  transform: translateY(-100%);
  transition: transform ease-out 0.15s;
}
.light-mode .styleguide_ui_sticky-header--has-light-text {
  --ui-text: var(--ui-text-knockout);
  --ui-text-secondary: var(--ui-text-knockout);
}
.styleguide_ui_sticky-header__section-name {
  color: var(--styleguide-builder-sticky-header-accent-color);
}
@media screen and (max-width: 992px) {
  .styleguide_ui_sticky-header__section-name {
    display: none;
  }
}
.styleguide_ui_sticky-header__page-name {
  color: var(--styleguide-builder-sticky-header-primary-color);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide-builder_page-detail-header__title {
  padding: 6px 0 12px 0;
}
.styleguide-builder_page-detail-header__component-name,
.styleguide-builder_page-detail-header__component-module-link {
  position: relative;
  top: 2px;
}
.styleguide-builder_page-detail-header__component-name {
  color: var(--styleguide-builder-sticky-header-primary-color);
}
.styleguide-builder_page-detail-header__reserved-bottom-margin {
  height: 10px;
}
.styleguide-builder_page-detail-header__component-module {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  opacity: 0.75;
}
.styleguide-builder_page-detail-header__component-module-link {
  text-decoration: none;
  color: var(--ui-interaction-primary);
}
.styleguide-builder_page-detail-header__component-module-link:hover,
.styleguide-builder_page-detail-header__component-module-link:active {
  opacity: 1;
}
.styleguide-builder_page-detail-header__component-module-link:hover {
  color: var(--ui-interaction-primary) !important;
}
.styleguide-builder_page-detail-header__component-module-link:active {
  color: var(--ui-interaction-primary-contrast) !important;
}
.styleguide-builder_page-detail-header__component-module-separator {
  padding: 0 5px;
  vertical-align: middle;
}
.dark-mode .styleguide-builder_page-detail-header a {
  mix-blend-mode: screen;
  filter: contrast(500%) invert(20%) brightness(1.25);
}
.styleguide-builder_page-detail-header--draft {
  --component-header-background-draft-gradient-stop-1: var(--LIGHT, #E0EDFF) var(--DARK, #256fb0);
  --component-header-background-draft-gradient-stop-2: var(--LIGHT, #A3B7FF) var(--DARK, #6589b9);
  background: radial-gradient(circle at bottom left, var(--component-header-background-draft-gradient-stop-1), var(--component-header-background-draft-gradient-stop-2));
  --styleguide-builder-sticky-header-stop-1: var(--component-header-background-draft-gradient-stop-1) !important;
  --styleguide-builder-sticky-header-stop-2: var(--component-header-background-draft-gradient-stop-2) !important;
}
.styleguide-builder_page-detail-header--draft .styleguide-builder_page-detail-header__component-description,
.styleguide-builder_page-detail-header--draft .styleguide-builder_page-detail-header__component-status-message {
  color: var(--ui-text);
}
.styleguide-builder_page-detail-header--private {
  --component-header-text-private: var(--LIGHT, #922c35) var(--DARK, var(--ui-text));
  --component-header-background-private-gradient-stop-1: var(--LIGHT, #FFEBE3) var(--DARK, #CF2A2D);
  --component-header-background-private-gradient-stop-2: var(--LIGHT, #FFB7B7) var(--DARK, #86102c);
  background: radial-gradient(circle at bottom left, var(--component-header-background-private-gradient-stop-1), var(--component-header-background-private-gradient-stop-2));
  --styleguide-builder-sticky-header-stop-1: var(--component-header-background-private-gradient-stop-1) !important;
  --styleguide-builder-sticky-header-stop-2: var(--component-header-background-private-gradient-stop-2) !important;
}
.styleguide-builder_page-detail-header--private .styleguide-builder_page-detail-header__component-description,
.styleguide-builder_page-detail-header--private .styleguide-builder_page-detail-header__component-status-message {
  color: var(--component-header-text-private);
}
.styleguide-builder_page-detail-header--experimental {
  --component-header-text-experimental: var(--LIGHT, #8e4500) var(--DARK, var(--ui-text));
  --component-header-background-experimental-gradient-stop-1: var(--LIGHT, #FFE9C9) var(--DARK, #A35218);
  --component-header-background-experimental-gradient-stop-2: var(--LIGHT, #FFCB71) var(--DARK, #622f00);
  --styleguide-builder-sticky-header-stop-1: var(--component-header-background-experimental-gradient-stop-1) !important;
  --styleguide-builder-sticky-header-stop-2: var(--component-header-background-experimental-gradient-stop-2) !important;
}
.styleguide-builder_page-detail-header--experimental .styleguide-builder_page-detail-header__component-description,
.styleguide-builder_page-detail-header--experimental .styleguide-builder_page-detail-header__component-status-message {
  color: var(--component-header-text-experimental);
}
.styleguide-builder_page-detail-header--deprecated {
  --component-header-background-deprecated-gradient-stop-1: var(--LIGHT, #D9DDE3) var(--DARK, #37394f);
  --component-header-background-deprecated-gradient-stop-2: var(--LIGHT, #9fa5b6) var(--DARK, #191a27);
  --styleguide-builder-sticky-header-stop-1: var(--component-header-background-deprecated-gradient-stop-1) !important;
  --styleguide-builder-sticky-header-stop-2: var(--component-header-background-deprecated-gradient-stop-2) !important;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.table_drag_and_drop__indicator {
  position: absolute;
  top: 0;
  width: 2px;
  background-color: var(--ui-interaction-primary);
}
.table_drag_and_drop__ghost-column {
  --ghost-column-background: var(--LIGHT, rgba(147, 100, 205, 0.2)) var(--DARK, rgba(103, 48, 158, 0.2));
  background-color: var(--ghost-column-background);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.table_drag_and_drop__drag-overlay {
  --overlay-border: var(--LIGHT, #451481) var(--DARK, #a26dd8);
  position: absolute;
  left: 0;
  border: 1px solid var(--overlay-border);
  width: 100%;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_overlay {
  --modal-overlay: var(--LIGHT, rgba(0, 0, 0, 0.6)) var(--DARK, rgba(39, 38, 38, 0.75));
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.druids_dialogs_overlay--is-visible {
  background-color: var(--modal-overlay);
}
.druids_dialogs_overlay--high {
  z-index: 9;
}
.druids_dialogs_overlay--higher {
  z-index: 99;
}
.druids_dialogs_overlay--highest {
  z-index: 999;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_context-menu-title {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  background: var(--context-menu-title-color);
  color: #ffffff;
  border-bottom: solid 1px var(--ui-background-shade);
  margin-bottom: var(--spacing-xs);
  padding: 8px;
  word-break: break-word;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(0px, 1fr) min-content;
  grid-template-areas: 'text copy';
}
.druids_dialogs_context-menu-title--no-background {
  background: unset;
  color: var(--ui-text);
  --copy-button-background--light: rgba(29, 28, 31, 0.2);
  --copy-button-background--dark: rgba(255, 255, 255, 0.2);
  --copy-button-background--light-active: rgba(29, 28, 31, 0.28);
  --copy-button-background--dark-active: rgba(255, 255, 255, 0.28);
}
.druids_dialogs_context-menu-title--no-background .druids_dialogs_context-menu-title__copy:hover[class] {
  background-color: var(--copy-button-background--light);
}
.dark-mode .druids_dialogs_context-menu-title--no-background .druids_dialogs_context-menu-title__copy:hover[class] {
  background-color: var(--copy-button-background--dark);
}
.dark-mode .druids_dialogs_context-menu-title--no-background .druids_dialogs_context-menu-title__copy:hover[class]:active {
  background-color: var(--copy-button-background--dark-active);
}
.druids_dialogs_context-menu-title--no-background .druids_dialogs_context-menu-title__copy:hover[class]:active {
  background-color: var(--copy-button-background--light-active);
}
.druids_dialogs_context-menu-title--light {
  color: #1c2b34;
}
.druids_dialogs_context-menu-title--light .druids_dialogs_context-menu-title__copy:hover[class] {
  background-color: rgba(29, 28, 31, 0.2);
}
.druids_dialogs_context-menu-title--light .druids_dialogs_context-menu-title__copy:hover[class]:active {
  background-color: rgba(29, 28, 31, 0.28);
}
.druids_dialogs_context-menu-title__text {
  grid-area: text;
}
.druids_dialogs_context-menu-title__text__label {
  word-break: break-word;
  line-height: 1.4;
  max-height: 4.2em;
  overflow: hidden;
  display: inline-block;
  flex: 1;
}
.druids_dialogs_context-menu-title__copy {
  grid-area: copy;
  color: inherit !important;
}
.druids_dialogs_context-menu-title__copy:hover[class] {
  color: inherit !important;
  background-color: rgba(255, 255, 255, 0.2);
}
.druids_dialogs_context-menu-title__copy:hover[class]:active {
  background-color: rgba(255, 255, 255, 0.28);
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_dialogs_context-menu-item-base {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  font-size: 13px;
  color: var(--ui-text);
  display: flex;
  align-items: flex-start;
  text-align: left;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 2px 12px;
  cursor: pointer;
  outline: none;
}
.druids_dialogs_context-menu-item-base::-moz-focus-inner {
  padding: 0;
  border: none;
}
.druids_dialogs_context-menu-item-base--soft {
  color: var(--ui-text-secondary);
}
.druids_dialogs_context-menu-item-base:disabled {
  cursor: not-allowed;
}
.druids_dialogs_context-menu-item-base--faded {
  color: var(--ui-text-tertiary);
}
.druids_dialogs_context-menu-item-base--faded .druids_dialogs_context-menu-item-base__description,
.druids_dialogs_context-menu-item-base--faded .druids_dialogs_context-menu-item-base__brief,
.druids_dialogs_context-menu-item-base--faded .druids_dialogs_context-menu-item-base__shortcut {
  color: var(--ui-text-tertiary);
}
.druids_dialogs_context-menu-item-base:not(:disabled)[data-is-highlighted='true'],
.druids_dialogs_context-menu-item-base:not(:disabled):active {
  color: var(--ui-text-knockout);
}
.druids_dialogs_context-menu-item-base:not(:disabled)[data-is-highlighted='true'] .druids_dialogs_context-menu-item-base__description,
.druids_dialogs_context-menu-item-base:not(:disabled):active .druids_dialogs_context-menu-item-base__description,
.druids_dialogs_context-menu-item-base:not(:disabled)[data-is-highlighted='true'] .druids_dialogs_context-menu-item-base__brief,
.druids_dialogs_context-menu-item-base:not(:disabled):active .druids_dialogs_context-menu-item-base__brief,
.druids_dialogs_context-menu-item-base:not(:disabled)[data-is-highlighted='true'] .druids_dialogs_context-menu-item-base__shortcut,
.druids_dialogs_context-menu-item-base:not(:disabled):active .druids_dialogs_context-menu-item-base__shortcut {
  color: var(--ui-text-knockout);
}
@media (forced-colors: active) {
  .druids_dialogs_context-menu-item-base:not(:disabled)[data-is-highlighted='true'],
  .druids_dialogs_context-menu-item-base:not(:disabled):active {
    outline: 2px solid Highlight;
    outline-offset: -4px;
  }
}
.druids_dialogs_context-menu-item-base:disabled {
  color: var(--ui-text-disabled);
}
.druids_dialogs_context-menu-item-base:disabled .druids_dialogs_context-menu-item-base__description,
.druids_dialogs_context-menu-item-base:disabled .druids_dialogs_context-menu-item-base__brief,
.druids_dialogs_context-menu-item-base:disabled .druids_dialogs_context-menu-item-base__shortcut {
  color: var(--ui-text-disabled);
}
.druids_dialogs_context-menu-item-base:not(:disabled)[data-is-highlighted='true'] {
  background: var(--ui-interaction-primary);
}
.druids_dialogs_context-menu-item-base:not(:disabled).druids_dialogs_context-menu-item-base--soft[data-is-highlighted='true'],
.druids_dialogs_context-menu-item-base:not(:disabled).druids_dialogs_context-menu-item-base--soft:active {
  color: var(--ui-interaction-primary);
}
.druids_dialogs_context-menu-item-base:not(:disabled).druids_dialogs_context-menu-item-base--soft[data-is-highlighted='true'] .druids_dialogs_context-menu-item-base__description,
.druids_dialogs_context-menu-item-base:not(:disabled).druids_dialogs_context-menu-item-base--soft:active .druids_dialogs_context-menu-item-base__description,
.druids_dialogs_context-menu-item-base:not(:disabled).druids_dialogs_context-menu-item-base--soft[data-is-highlighted='true'] .druids_dialogs_context-menu-item-base__brief,
.druids_dialogs_context-menu-item-base:not(:disabled).druids_dialogs_context-menu-item-base--soft:active .druids_dialogs_context-menu-item-base__brief {
  color: var(--ui-text-secondary);
}
.druids_dialogs_context-menu-item-base:not(:disabled).druids_dialogs_context-menu-item-base--soft[data-is-highlighted='true'] .druids_dialogs_context-menu-item-base__shortcut,
.druids_dialogs_context-menu-item-base:not(:disabled).druids_dialogs_context-menu-item-base--soft:active .druids_dialogs_context-menu-item-base__shortcut {
  color: var(--ui-interaction-primary);
}
.druids_dialogs_context-menu-item-base:not(:disabled).druids_dialogs_context-menu-item-base--soft[data-is-highlighted='true'] {
  background-color: var(--ui-interaction-secondary);
}
.druids_dialogs_context-menu-item-base:not(:disabled):active {
  background: var(--ui-interaction-primary-contrast);
}
.druids_dialogs_context-menu-item-base[data-has-separator-top='true'] {
  margin-top: 9px;
}
.druids_dialogs_context-menu-item-base[data-has-separator-top='true']::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  top: -5px;
  left: 0;
  background-color: var(--ui-border);
  pointer-events: none;
}
.druids_dialogs_context-menu-item-base__icon {
  height: 28px;
  margin-right: 12px;
  opacity: 0.75;
}
.druids_dialogs_context-menu-item-base__icon--callout {
  color: var(--ui-interaction-callout);
}
.druids_dialogs_context-menu-item-base--has-integration-logo:disabled .druids_dialogs_context-menu-item-base__icon {
  opacity: 0.25;
}
.druids_dialogs_context-menu-item-base__label-wrapper {
  line-height: 28px;
  display: flex;
  align-items: center;
}
.druids_dialogs_context-menu-item-base__label-wrapper__primary {
  max-width: 100%;
}
.druids_dialogs_context-menu-item-base__content {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_dialogs_context-menu-item-base__shortcut {
  text-decoration: underline;
}
.druids_dialogs_context-menu-item-base__highlight {
  font-weight: 600;
}
.druids_dialogs_context-menu-item-base__brief {
  color: var(--ui-text-secondary);
}
.druids_dialogs_context-menu-item-base__description {
  color: var(--ui-text-secondary);
}
.druids_dialogs_context-menu-item-base__description--below {
  white-space: normal;
}
.druids_dialogs_context-menu-item-base--has-border-bottom-radius {
  border-bottom-left-radius: var(--context-menu-border-radius);
  border-bottom-right-radius: var(--context-menu-border-radius);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_context-menu-item-action--danger:not(:disabled) {
  color: var(--ui-status-danger);
}
.druids_dialogs_context-menu-item-action--danger:not(:disabled)[data-is-highlighted='true'][class] {
  background: var(--ui-status-danger);
}
.druids_dialogs_context-menu-item-action--danger:not(:disabled):active[class] {
  background: var(--ui-status-danger-contrast);
}
.druids_dialogs_context-menu-item-action--ai:not(:disabled)[data-is-highlighted='true'][class] {
  background: #af0069;
}
.druids_dialogs_context-menu-item-action--ai:not(:disabled):active[class] {
  background: #af0069;
}

.druids_dialogs_context-menu-item-copy__button {
  height: 40px;
  border-radius: 0px;
}
.druids_dialogs_context-menu-item-copy__button:active,
.druids_dialogs_context-menu-item-copy__button:focus.focus-visible {
  outline: none;
  box-shadow: none;
  border-radius: 0px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_context-menu-item-header {
  cursor: default;
  padding: 2px 12px;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.druids_dialogs_context-menu-item-header[data-has-separator-top='true'] {
  margin-top: 5px;
}
.druids_dialogs_context-menu-item-header__separator {
  display: block;
  width: 100%;
  height: 1px;
  margin: 4px 0;
  background-color: var(--ui-border);
  pointer-events: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_dialogs_context-menu-item-link {
  text-decoration: none;
}
.druids_dialogs_context-menu-item-link__icon {
  display: none;
}
.druids_dialogs_context-menu-item-link[data-is-highlighted='true'] .druids_dialogs_context-menu-item-link__icon {
  display: block;
  opacity: 0.75;
  height: 28px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_dialogs_context-menu-section-copy {
  margin-bottom: -4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_dialogs_context-menu-section-expandable__icon {
  height: 28px;
}

.druids_dialogs_context-menu {
  --context-menu-width: 300px;
  width: var(--context-menu-width);
  overflow: auto;
  max-height: calc(100vh - 8px);
}
.context_menu_popover_redesign {
  --context-menu-border-radius: 8px;
  border-radius: var(--context-menu-border-radius);
}

@media (prefers-contrast: more), (forced-colors: active) {
}@keyframes delay-pointer-events {
  0% {
    pointer-events: none;
  }
  99% {
    pointer-events: none;
  }
  100% {
    pointer-events: auto;
  }
}
.druids_table_action-tray {
  --action-tray-background: var(--LIGHT, #f9fafb) var(--DARK, #272626);
  --action-tray-border: var(--ui-border);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: stretch;
  align-content: flex-end;
}
.druids_table_action-tray--theme-slider {
  pointer-events: none;
}
.druids_table_action-tray__unhideable-actions {
  display: flex;
  align-items: center;
  align-content: flex-end;
}
.druids_table_action-tray__unhideable-actions--is-confirmation {
  background-color: var(--action-tray-background);
}
.druids_table_action-tray--theme-slider > .druids_table_action-tray__unhideable-actions {
  padding-left: 8px;
  padding-right: 8px;
  pointer-events: all;
}
.druids_table_action-tray__hidden-actions {
  position: relative;
  width: 300px;
  overflow: hidden;
}
.druids_table_action-tray__slider {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  border-left: 5px solid var(--action-tray-border);
  background-color: var(--action-tray-background);
  transform: translateX(100%);
}
.druids_table_action-tray__slider--is-confirmation {
  transform: translateX(0);
  pointer-events: auto;
}
.druids_table_action-tray__button-container {
  width: 30px;
}
.druids_table_action-tray__button-container--has-text-label {
  width: 100%;
}
.druids_table_action-tray__button {
  width: 100% !important;
}
.druids_table_action-tray__button,
.druids_table_action-tray__button-content {
  height: 100%;
}
.druids_table_action-tray__button-popover-wrapper {
  width: 100% !important;
  height: 100%;
}
.ReactTable .rt-tr:hover .druids_table_action-tray--theme-slider .druids_table_action-tray__slider,
.druids_table_action-tray-hover-handle:not(
            .druids_table_action-tray-hover-handle--disabled
        ):hover .druids_table_action-tray--theme-slider .druids_table_action-tray__slider,
.druids_table_action-tray-always-shown .druids_table_action-tray--theme-slider .druids_table_action-tray__slider,
.druids_table_action-tray--theme-slider.druids_table_action-tray--is-open .druids_table_action-tray__slider {
  transition: transform 150ms cubic-bezier(0.55, 0, 0.1, 1);
  transform: translateX(0);
}
.ReactTable .rt-tr:hover .druids_table_action-tray--theme-slider .druids_table_action-tray__button,
.druids_table_action-tray-hover-handle:not(
            .druids_table_action-tray-hover-handle--disabled
        ):hover .druids_table_action-tray--theme-slider .druids_table_action-tray__button,
.druids_table_action-tray-always-shown .druids_table_action-tray--theme-slider .druids_table_action-tray__button,
.druids_table_action-tray--theme-slider.druids_table_action-tray--is-open .druids_table_action-tray__button {
  animation: delay-pointer-events 150ms linear;
  pointer-events: auto;
}
.ReactTable .rt-tr:hover .druids_table_action-tray--theme-slider .druids_table_action-tray__unhideable-actions,
.druids_table_action-tray-hover-handle:not(
            .druids_table_action-tray-hover-handle--disabled
        ):hover .druids_table_action-tray--theme-slider .druids_table_action-tray__unhideable-actions,
.druids_table_action-tray-always-shown .druids_table_action-tray--theme-slider .druids_table_action-tray__unhideable-actions,
.druids_table_action-tray--theme-slider.druids_table_action-tray--is-open .druids_table_action-tray__unhideable-actions {
  background-color: var(--action-tray-background);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_empty-state {
  --_empty-state__padding: 32px;
  --_empty-state__icon-size: 60px;
  padding: var(--_empty-state__padding);
}
.druids_misc_empty-state--sm {
  --_empty-state__padding: 24px;
  --_empty-state__icon-size: 40px;
}
.druids_misc_empty-state__image {
  width: var(--_empty-state__icon-size);
  height: var(--_empty-state__icon-size);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table__empty-state[class] {
  padding: 0;
  --colspan: var(--columns-count);
  background: var(--table-row-background);
  display: flex;
}
.druids_table_table__empty-state[class] > * {
  width: 0;
  flex-grow: 1;
}
.druids_table_table--has-default-row-background .druids_table_table__empty-state {
  --table-row-background: var(--ui-background);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table {
  display: flex;
  flex-direction: column;
}
.druids_table_table__root-wrapper {
  z-index: 0;
  position: relative;
  flex-shrink: 1;
  min-height: 0;
}
.druids_table_table__root {
  position: relative;
  flex-shrink: 1;
}
.druids_table_table--is-scrollable > * > .druids_table_table__root {
  overflow: hidden;
}
.druids_table_table--is-x-scrollable > * > .druids_table_table__root {
  overflow-x: auto;
}
.druids_table_table--is-y-scrollable > * > .druids_table_table__root {
  overflow-y: auto;
}
.druids_table_table__header,
.druids_table_table__footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-left: -8px;
}
.druids_table_table__header > *:only-child,
.druids_table_table__footer > *:only-child {
  flex-grow: 1;
}
.druids_table_table__header > *,
.druids_table_table__header .druids_table_table__pagination > * {
  margin-left: 8px;
  margin-bottom: 8px;
}
.druids_table_table__footer > *,
.druids_table_table__footer .druids_table_table__pagination > * {
  margin-left: 8px;
  margin-top: 8px;
}
.druids_table_table__spacer {
  flex-grow: 1;
  margin: 0;
}
.druids_table_table__rowBreak {
  flex-basis: 100%;
  flex-grow: 1;
  margin: 0;
}
.druids_table_table__pagination[class] {
  margin: 0;
}
.druids_table_table__pagination:empty {
  display: none;
}
.druids_table_table__pagination-pages {
  flex-wrap: wrap;
}
.druids_table_table__pagination-button {
  flex-grow: 1;
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}
.druids_table_table__footer > .druids_table_table__pagination-button:only-child {
  width: 0;
}
.druids_table_table__global-filter {
  min-width: 10em;
}
.druids_table_table__global-filter,
.druids_table_table__global-filter-input {
  max-width: 100%;
}
.druids_table_table__global-filter--is-fullwidth {
  width: 100%;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_typography_text-placeholder {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
.druids_typography_text-placeholder--xxs,
.druids_typography_text-placeholder--xxs .druids_typography_text-placeholder__token {
  height: 8px;
}
.druids_typography_text-placeholder--xs,
.druids_typography_text-placeholder--xs .druids_typography_text-placeholder__token {
  height: 11px;
}
.druids_typography_text-placeholder--sm,
.druids_typography_text-placeholder--sm .druids_typography_text-placeholder__token {
  height: 12px;
}
.druids_typography_text-placeholder--md,
.druids_typography_text-placeholder--md .druids_typography_text-placeholder__token {
  height: 13px;
}
.druids_typography_text-placeholder--lg,
.druids_typography_text-placeholder--lg .druids_typography_text-placeholder__token {
  height: 15px;
}
.druids_typography_text-placeholder--xl,
.druids_typography_text-placeholder--xl .druids_typography_text-placeholder__token {
  height: 18px;
}
.druids_typography_text-placeholder--xxl,
.druids_typography_text-placeholder--xxl .druids_typography_text-placeholder__token {
  height: 23px;
}
.druids_typography_text-placeholder--is-simple {
  background: var(--ui-placeholder);
}
.druids_typography_text-placeholder__token {
  display: inline-block;
  background: var(--ui-placeholder);
  vertical-align: top;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_option-default {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  text-align: inherit;
  outline: none;
  display: flex;
  line-height: 28px;
  cursor: pointer;
}
.druids_misc_option-default::-moz-focus-inner {
  padding: 0;
  border: none;
}
.druids_misc_option-default--is-selected {
  background: var(--ui-interaction-primary);
  color: var(--ui-text-knockout);
}
@media (forced-colors: active) {
  .druids_misc_option-default--is-selected {
    outline: 2px solid Highlight;
    outline-offset: -4px;
  }
}
.druids_misc_option-default:active {
  background: var(--ui-interaction-primary-contrast);
  color: var(--ui-text-knockout);
}
.druids_misc_option-default__decorator {
  display: inline-block;
  text-align: right;
  width: 4em;
  padding-right: 8px;
}
.druids_misc_option-default__label {
  flex: 1;
}

.druids_misc_option-list {
  display: grid;
  grid-template-rows: auto;
  text-align: left;
  padding: 0;
  width: 100%;
}
html:not(.js-focus-visible) .druids_misc_option-list:focus {
  outline: none;
}
html.js-focus-visible .druids_misc_option-list:focus:not(.focus-visible) {
  outline: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table__row-action:not(.druids_table_table__row-action--has-tooltip),
.druids_table_table__row-group:not(:hover) > * > * > .druids_table_table__row-action--has-tooltip:not(:focus),
.druids_table_table__tbody:not(.druids_table_table__row-group) > *:not(:hover) > * > .druids_table_table__row-action--has-tooltip:not(:focus) {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
.druids_table_table__row-action--has-tooltip:focus,
.druids_table_table__row-group:hover > * > * > .druids_table_table__row-action--has-tooltip,
.druids_table_table__tbody:not(.druids_table_table__row-group) > *:hover > * > .druids_table_table__row-action--has-tooltip {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  /* Basically, if we want to show a tooltip, we return the element as an item stretched
            to the full width of the row with zero height, and use the inner element to get the
            height needed for the positioning.
            Important moment: because this is not compatible with grid-auto-rows, we would have
            an extra work-around that would convert the fixed `rowHeight` into “dynamic” ones,
            where they would be applied per row instead. */
  grid-column: 1 / span var(--columns-count);
  width: 100%;
  height: 0px !important;
  pointer-events: none;
  opacity: 0;
}
.druids_table_table__row-action--has-tooltip:focus::-moz-focus-inner,
.druids_table_table__row-group:hover > * > * > .druids_table_table__row-action--has-tooltip::-moz-focus-inner,
.druids_table_table__tbody:not(.druids_table_table__row-group) > *:hover > * > .druids_table_table__row-action--has-tooltip::-moz-focus-inner {
  padding: 0;
  border: none;
}
.druids_table_table__row-action-tooltip-target {
  display: block;
  width: 100%;
  height: var(--table-row-height, 33px);
}
*:not(.druids_table_table__row-group) > .druids_table_table__tr:not(:hover) > .druids_table_table__cell--row-action-focus:focus-within ~ .druids_table_table__cell:not([colspan]),
.druids_table_table__row-group:not(:hover) > .druids_table_table__tr:not(.druids_table_table__tr--is-extra) > .druids_table_table__cell--row-action-focus:focus-within ~ .druids_table_table__cell:not([colspan]) {
  --table-row-background: var(--ui-interaction-primary);
  --table-cell-color: var(--ui-text-knockout);
  --_table-row-state: var(--table-row--not-default) var(--table-row--focus);
}
*:not(.druids_table_table__row-group) > .druids_table_table__tr:not(:hover) > .druids_table_table__cell--row-action-focus:focus-within ~ .druids_table_table__cell:not([colspan]):not(.druids_table_table__cell--is-checkbox) > *,
.druids_table_table__row-group:not(:hover) > .druids_table_table__tr:not(.druids_table_table__tr--is-extra) > .druids_table_table__cell--row-action-focus:focus-within ~ .druids_table_table__cell:not([colspan]):not(.druids_table_table__cell--is-checkbox) > * {
  --ui-interaction-primary: var(--ui-text-knockout);
}
.druids_table_table__td--has-overlay:hover ~ .druids_table_table__td:not(:hover):not(.druids_table_table__sub-component) {
  --table-row-background: var(--ui-interaction-secondary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_checkbox {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  transition: user-select 0s 0.1s linear;
  transition-behavior: allow-discrete;
  --druids_icons_checkbox-checked__checkmark: var(--ui-text-knockout);
  --druids_icons_minus-squared__minus: var(--ui-text-knockout);
  --druids_icons_checkbox-unchecked__background: var(--ui-background);
  position: relative;
  outline: none;
  display: inline-flex;
  align-items: center;
  cursor: inherit;
}
.druids_form_checkbox:not(:focus),
.druids_form_checkbox:focus-visible {
  -webkit-user-select: text;
  user-select: text;
}
.druids_form_checkbox:active {
  -webkit-user-select: none;
  user-select: none;
  transition-delay: 0s;
}
.druids_form_checkbox:not(.druids_form_checkbox--is-multiline) {
  white-space: nowrap;
}
.druids_form_checkbox--has-overflower {
  max-width: 100%;
  min-width: 0;
}
.druids_form_checkbox--has-overflower > .druids_form_checkbox__label {
  min-width: 0;
}
.druids_form_checkbox__input {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  left: 0;
  top: 0;
}
.druids_form_checkbox__icon {
  font-size: 1.14em;
  flex-shrink: 0;
  color: var(--form-border-minor);
}
.druids_form_checkbox:hover .druids_form_checkbox__icon {
  color: var(--form-border-hover);
}
.druids_form_checkbox--is-multiline > * > .druids_form_checkbox__icon {
  align-self: baseline;
  margin-top: 1px;
}
.druids_form_checkbox--has-baseline-align > * > .druids_form_checkbox__icon {
  align-self: baseline;
  position: relative;
  top: 3px;
}
.druids_form_checkbox--is-multiline.druids_form_checkbox--has-baseline-align > * > .druids_form_checkbox__icon {
  top: 2px;
}
*:not(:disabled):not([readonly]) + .druids_form_checkbox__label {
  cursor: pointer;
}
.druids_form_checkbox__label {
  position: relative;
}
.druids_form_checkbox__label::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- This is the default style in Firefox */
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
  visibility: hidden;
  transition: opacity 0s 9999s;
  opacity: 1;
}
input:focus + .druids_form_checkbox__label::after {
  visibility: inherit;
}
label:focus > .druids_form_checkbox__label::after,
input:not(.focus-visible) + .druids_form_checkbox__label::after {
  opacity: 0;
  transition: none;
}
label:not(:hover) > input:not(:focus) + .druids_form_checkbox__label::after,
input.focus-visible + .druids_form_checkbox__label::after {
  transition: none;
}
input:checked + .druids_form_checkbox__label > .druids_form_checkbox__icon,
input:indeterminate + .druids_form_checkbox__label > .druids_form_checkbox__icon {
  color: var(--ui-interaction-primary);
}
.druids_form_checkbox:hover input:checked:not(:disabled) + .druids_form_checkbox__label > .druids_form_checkbox__icon,
.druids_form_checkbox:hover input:indeterminate:not(:disabled) + .druids_form_checkbox__label > .druids_form_checkbox__icon {
  color: var(--ui-interaction-primary-contrast);
}
input:disabled + .druids_form_checkbox__label,
input:disabled + .druids_form_checkbox__label > .druids_form_checkbox__icon {
  --checkbox-unchecked-background-disabled: var(--LIGHT, rgba(28, 43, 52, 0.0875)) var(--DARK, rgba(255, 255, 255, 0.072));
  --druids_icons_checkbox-unchecked__background: var(--checkbox-unchecked-background-disabled);
  cursor: not-allowed;
  color: var(--ui-text-disabled);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table__cell--is-checkbox {
  position: relative;
}
.druids_table_table__th.druids_table_table__cell--is-checkbox > .druids_table_table__cell-content {
  display: flex;
  align-items: center;
}
.druids_table_table__th.druids_table_table__cell--is-checkbox:hover > .druids_table_table__cell-content::before,
.druids_table_table__th.druids_table_table__cell--is-checkbox.focus-visible > .druids_table_table__cell-content::before {
  display: block;
}
.druids_table_table__tr--is-selected > .druids_table_table__td {
  --table-row-background: var(--ui-interaction-secondary);
}
.druids_table_table__checkbox[class] {
  position: static;
  height: 16px;
  cursor: pointer;
}
.druids_table_table__checkbox[class]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.druids_table_table__cell--has-fixed-height > .druids_table_table__checkbox {
  vertical-align: middle;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_list-with-separators {
  --separator-width: 2px;
  --separator-gap: var(--gap-x);
  --final-separator-gap: calc(var(--separator-gap) + var(--separator-width));
  --separator-offset: calc(-0.5 * var(--separator-gap) - var(--separator-width));
  position: relative;
  overflow-x: hidden;
  overflow-x: clip;
  padding: 0;
  margin: 0;
  gap: var(--flex-gap-y, 0px) var(--final-separator-gap);
}
.druids_layout_list-with-separators--overflow-visible {
  overflow-x: visible;
}
.druids_layout_list-with-separators--overflow-indented {
  --final-separator-gap: calc(var(--separator-gap) / 2);
}
.druids_layout_list-with-separators--type-custom {
  --separator-width: 16px;
}
.druids_layout_list-with-separators--type-connector {
  --separator-width: 8px;
}
.druids_layout_list-with-separators--type-breadcrumb {
  --separator-width: 14px;
}
.druids_layout_list-with-separators--type-breadcrumb .druids_layout_list-with-separators__separator {
  fill: var(--ui-text-secondary);
}
.druids_layout_list-with-separators__item {
  position: relative;
  max-width: 100%;
  min-width: 0;
  flex-shrink: 0;
  overflow: visible !important;
  display: flex;
}
.druids_layout_list-with-separators--nowrap > .druids_layout_list-with-separators__item {
  flex-shrink: 1;
}
.druids_layout_list-with-separators__separator[class] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--separator-offset);
  margin: auto 0 !important;
  width: var(--separator-width);
}
.druids_layout_list-with-separators--overflow-indented .druids_layout_list-with-separators__separator {
  position: static;
  overflow-x: visible;
  --_margin-value: calc(var(--separator-gap) / 2);
  margin-right: var(--_margin-value) !important;
}
.druids_layout_list-with-separators--type-connector .druids_layout_list-with-separators__separator {
  height: 3px;
}
.druids_layout_list-with-separators--justify-end > * > .druids_layout_list-with-separators__separator {
  left: initial;
  right: var(--separator-offset);
}
.druids_layout_list-with-separators--justify-end.druids_layout_list-with-separators--overflow-indented > * > .druids_layout_list-with-separators__separator {
  order: 1;
  margin-right: 0px !important;
  margin-left: var(--_margin-value) !important;
}
.druids_layout_list-with-separators > .druids_layout_overflow-list-content {
  --gap-x: var(--final-separator-gap);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table {
  --nested-is-expanded: var(--LIGHT, #71b8e7) var(--DARK, #2471bf);
}
.druids_table_table__cell--vertical-align-center.druids_table_table__cell--has-centered-expander > .druids_table_table__cell-content {
  display: flex;
  align-items: center;
}
.druids_table_table__expander--arrow.druids_table_table__expander--is-expanded {
  transform: rotate(90deg);
}
.druids_table_table__cell--tree-expander .druids_table_table__expander--arrow,
.druids_table_table__expander--tree {
  position: relative;
  z-index: 1;
  background: var(--table-row-background, var(--ui-background));
}
.druids_table_table__expander--tree {
  color: var(--ui-interaction-primary);
  border-radius: 3px;
}
:hover > .druids_table_table__expander--tree {
  color: var(--ui-interaction-primary-contrast);
}
.druids_table_table__sub-component {
  display: flex;
  position: relative;
  z-index: 1;
  padding: 0;
}
.druids_table_table__sub-component-content {
  width: 0;
  flex-grow: 1;
  line-height: normal;
}
.druids_table_table__sub-component--is-sub-table {
  display: contents !important;
}
.druids_table_table__sub-component--is-nested-table[class] {
  background: linear-gradient(to bottom, var(--ui-background), var(--ui-background-secondary));
  padding: 0;
}
.druids_table_table__sub-component--is-nested-table[class]::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 8px;
  left: calc(calc(16px + 2 * var(--table-cell-padding-x)) / 2 - 4px / 2);
  width: 4px;
  border-radius: 4px;
  background: var(--nested-is-expanded);
}
.druids_table_table__tr--is-selectable-row .druids_table_table__sub-component--is-nested-table[class]::before {
  left: calc(16px - 4px / 2 + calc(16px + 2 * var(--table-cell-padding-x)));
}
.druids_table_table__td.druids_table_table__cell--tree-expander > .druids_table_table__cell-content {
  max-width: none;
  padding-left: calc(var(--table-cell-padding-x) + var(--depth) * 16px);
  margin-right: calc(var(--depth) * -16px);
  --tree-line-start: none;
  background-image: repeating-linear-gradient(to right, transparent 0, transparent 15px, var(--ui-border) 15px, var(--ui-border) 16px), linear-gradient(var(--ui-border), var(--ui-border)), var(--tree-line-start);
  background-repeat: no-repeat;
  background-size: calc(100% - 32px) 100%, 10px 1px, 1px 10px;
  background-position: 0 0, center right 20px, bottom 0 right 14px;
}
.druids_table_table__tr--is-root > .druids_table_table__td.druids_table_table__cell--tree-expander > .druids_table_table__cell-content {
  background-image: none, none, var(--tree-line-start);
}
.druids_table_table__td.druids_table_table__cell--tree-expander > .druids_table_table__cell-content {
  position: relative;
  z-index: auto;
  overflow: visible;
}
.druids_table_table__td.druids_table_table__cell--tree-expander > .druids_table_table__cell-content::before {
  content: '';
  position: absolute;
  top: -50%;
  right: 30px;
  width: 1px;
  height: 100%;
  background: var(--ui-border);
  pointer-events: none;
}
.druids_table_table__tr--is-root + .druids_table_table__tr:not(.druids_table_table__tr--is-root) > .druids_table_table__cell--tree-expander > .druids_table_table__cell-content::before {
  top: calc(-50% + 8px);
  height: calc(100% - 8px);
}
.druids_table_table__tr--is-root > .druids_table_table__td.druids_table_table__cell--tree-expander > .druids_table_table__cell-content::before {
  display: none;
}
.druids_table_table__td.druids_table_table__cell--tree-expander.druids_table_table__cell--is-expanded > .druids_table_table__cell-content::before {
  height: 150%;
}
.druids_table_table__cell--tree-expander.druids_table_table__cell--is-expanded > .druids_table_table__cell-content {
  --tree-line-start: linear-gradient(var(--ui-border), var(--ui-border));
}
.druids_table_table__td.druids_table_table__cell--tree-expander.druids_table_table__cell--is-empty > .druids_table_table__cell-content {
  background-size: calc(100% - 32px) 100%, 20px 1px;
  background-position: 0 0, center right 10px;
}
.druids_table_table__th.druids_table_table__cell--tree-expander {
  display: none;
}
.druids_table_table__cell--tree-expander + .druids_table_table__cell,
.druids_table_table__cell--tree-expander + .druids_table_table__cell--row-action-focus + .druids_table_table__cell {
  position: relative;
  z-index: 0;
  padding-left: 0;
  margin-left: calc(var(--depth) * 16px);
  --_extra-sticky-left-offset: calc(var(--depth) * 16px);
}
.druids_table_table__th.druids_table_table__cell--tree-expander + .druids_table_table__th {
  --colspan: 2;
  --column-start: _row-expander !important;
}

.highlight-keywords_DUn7RW_Highlighted{--highlight-keywords_DUn7RW_keyword-highlight:var(--LIGHT, #fff5ba )var(--DARK, #660036 );background-color:var(--highlight-keywords_DUn7RW_keyword-highlight);color:var(--ui-text)}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_thumb-and-track {
  --thumb-and-track-fill: var(--LIGHT, var(--CONTRAST_DEFAULT, #9da4b9) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-text-tertiary)));
  --thumb-and-track-fill-disabled: var(--LIGHT, #d1d6e6) var(--DARK, #3b393d);
  --thumb-and-track-thumb-disabled: var(--LIGHT, #eff1f5) var(--DARK, #858387);
  margin: 0;
  pointer-events: none;
  position: relative;
  width: 100%;
}
.druids_form_thumb-and-track__input {
  display: none;
}
.druids_form_thumb-and-track__track {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: var(--DIFFERENTIATE_OFF, visible) var(--DIFFERENTIATE_ON, hidden);
  background-color: var(--thumb-and-track-fill);
}
.druids_form_thumb-and-track__thumb {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  transition: transform 0.25s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  background-color: var(--ui-text-knockout);
}
.druids_form_thumb-and-track__thumb::before,
.druids_form_thumb-and-track__thumb::after {
  content: var(--DIFFERENTIATE_OFF, none) var(--DIFFERENTIATE_ON, '');
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.druids_form_thumb-and-track__thumb::after {
  height: 8px;
  width: 0;
  border-left: 1px solid var(--ui-text-knockout);
  left: -60%;
}
.druids_form_thumb-and-track__thumb::before {
  height: 7px;
  width: 7px;
  border-radius: 7px;
  border: 1px solid var(--ui-text-knockout);
  right: -105%;
}
.druids_form_thumb-and-track--is-disabled .druids_form_thumb-and-track__track {
  background-color: var(--thumb-and-track-fill-disabled);
}
.druids_form_thumb-and-track--is-disabled .druids_form_thumb-and-track__thumb {
  background-color: var(--thumb-and-track-thumb-disabled) !important;
}
.druids_form_thumb-and-track--xs .druids_form_thumb-and-track__track {
  width: 26px;
  height: 15px;
  border-radius: 15px;
}
.druids_form_thumb-and-track--xs .druids_form_thumb-and-track__thumb {
  width: 11px;
  height: 11px;
  margin: 2px;
}
.druids_form_thumb-and-track--xs .druids_form_thumb-and-track__thumb--right {
  transform: translateX(11px);
}
.druids_form_thumb-and-track--sm .druids_form_thumb-and-track__track {
  width: 32px;
  height: 18px;
  border-radius: 18px;
}
.druids_form_thumb-and-track--sm .druids_form_thumb-and-track__thumb {
  width: 12px;
  height: 12px;
  margin: 3px;
}
.druids_form_thumb-and-track--sm .druids_form_thumb-and-track__thumb--right {
  transform: translateX(14px);
}
.druids_form_thumb-and-track--md .druids_form_thumb-and-track__track {
  width: 37px;
  height: 21px;
  border-radius: 21px;
}
.druids_form_thumb-and-track--md .druids_form_thumb-and-track__thumb {
  width: 15px;
  height: 15px;
  margin: 3px;
}
.druids_form_thumb-and-track--md .druids_form_thumb-and-track__thumb--right {
  transform: translateX(16px);
}
.druids_form_thumb-and-track--lg .druids_form_thumb-and-track__track {
  width: 47px;
  height: 27px;
  border-radius: 27px;
}
.druids_form_thumb-and-track--lg .druids_form_thumb-and-track__thumb {
  width: 19px;
  height: 19px;
  margin: 4px;
}
.druids_form_thumb-and-track--lg .druids_form_thumb-and-track__thumb--right {
  transform: translateX(20px);
}

.toggle-switch_VFYRuG_ToggleSwitch{--toggle-switch_VFYRuG_toggle-switch-disabled:var(--LIGHT,#b3c1ea)var(--DARK,#2e4b6c);white-space:nowrap;color:var(--ui-text);align-items:center;font-weight:400;display:inline-flex}.toggle-switch_VFYRuG_isInteractive{cursor:pointer}.toggle-switch_VFYRuG_hasInlineCentering{vertical-align:middle;margin-top:-.3em}.toggle-switch_VFYRuG_Input{display:none}.toggle-switch_VFYRuG_Label{pointer-events:none}.toggle-switch_VFYRuG_isDisabled{cursor:not-allowed}.toggle-switch_VFYRuG_isDisabled .toggle-switch_VFYRuG_Label{color:var(--ui-text-disabled)}.toggle-switch_VFYRuG_ToggleSwitch:not(.toggle-switch_VFYRuG_isInteractive){cursor:unset}.toggle-switch_VFYRuG_ToggleSwitch--xs{font-size: 11px }.toggle-switch_VFYRuG_ToggleSwitch--xs .toggle-switch_VFYRuG_Label{padding-left:6px}.toggle-switch_VFYRuG_ToggleSwitch--sm{font-size: 12px }.toggle-switch_VFYRuG_ToggleSwitch--sm .toggle-switch_VFYRuG_Label{padding-left:7px}.toggle-switch_VFYRuG_ToggleSwitch--md{font-size: 13px }.toggle-switch_VFYRuG_ToggleSwitch--md .toggle-switch_VFYRuG_Label{padding-left:8px}.toggle-switch_VFYRuG_ToggleSwitch--lg{font-size: 15px }.toggle-switch_VFYRuG_ToggleSwitch--lg .toggle-switch_VFYRuG_Label{padding-left:10px}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table_table-menu {
  position: relative;
}
.druids_table_table_table-menu__header[class] {
  padding-left: 8px;
  padding-right: 8px;
}
.druids_table_table_table-menu__item {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  padding: 4px 8px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
  color: var(--ui-text);
}
html:not(.js-focus-visible) .druids_table_table_table-menu__item:focus {
  outline: none;
}
html.js-focus-visible .druids_table_table_table-menu__item:focus:not(.focus-visible) {
  outline: none;
}
.druids_table_table_table-menu__item::-moz-focus-inner {
  padding: 0;
  border: none;
}
.druids_table_table_table-menu__item:hover {
  background: var(--ui-interaction-secondary);
}
.druids_table_table_table-menu__item:active {
  background: var(--ui-interaction-secondary-contrast);
}
.druids_table_table_table-menu__toggle {
  margin-left: 16px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_select .druids_form_select__option-group__wrapper.is-disabled {
  padding: 0;
}
.druids_form_select .druids_form_select__option-group__wrapper.is-disabled .druids_form_select__option-group {
  padding: 0 8px;
  margin: 0;
  color: var(--ui-text-secondary);
  text-transform: uppercase;
}
.druids_form_select__option-group--xs {
  font-size: 11px;
}
.druids_form_select__option-group--sm {
  font-size: 11px;
}
.druids_form_select__option-group--md {
  font-size: 12px;
}
.druids_form_select__option-group--lg {
  font-size: 13px;
}
.druids_form_select .druids_form_select__option-group__wrapper.is-disabled:not(:first-child) .druids_form_select__option-group {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid var(--form-border);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_group-reset {
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_select-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
  white-space: normal;
}
.druids_form_select-wrapper--is-full-width {
  width: 100%;
  min-width: 0;
  vertical-align: top;
}
.druids_form_select-wrapper--is-full-width > .druids_form_select {
  width: 100%;
}
.druids_form_select-wrapper > .tether-target {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
}
.druids_form_select-wrapper:not(.druids_form_select-wrapper--is-multi-line),
.druids_form_select-wrapper:not(.druids_form_select-wrapper--is-multi-line) .Select-multi-value-wrapper[class] {
  max-width: 100%;
}
.tether-element.druids_form_select.is-closed {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.tether-element.druids_form_select.is-open {
  opacity: 1;
  pointer-events: all;
}
.tether-element.druids_form_select,
.tether-element.druids_form_select.is-closed,
.tether-element.druids_form_select:hover.is-closed {
  --ui-border-radius: initial;
  overflow: visible;
  height: auto;
  border: none;
}
.tether-element > .druids_form_select,
.tether-element > .druids_form_select__shadow {
  --_ui-lockup--bl: initial;
  --_ui-lockup--br: initial;
}
.druids_form_select {
  --_select-floating-label-input-offset: 7px;
  --_select-floating-label-top: -9px;
  --_select-floating-label-color: var(--ui-text-secondary);
  --_select-floating-label-font-size: 11px;
  --_select-floating-label-mask-top-position: calc(50% + 1px);
  border: none;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  text-align: left;
  box-sizing: border-box;
  font-weight: normal;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  line-height: 1;
  overflow: hidden;
  --_select-border-style: solid;
  --_select-border-color: var(--ui-is-quiet, transparent) var(--ui-not-quiet, var(--form-border));
  border-width: 1px;
  border-style: var(--_select-border-style);
  border-color: var(--_select-border-color);
  display: inline-grid;
  grid-template-columns: minmax(auto, 100%);
  grid-template-rows: auto auto auto;
}
.druids_form_select::-moz-focus-inner {
  padding: 0;
  border: none;
}
html:not(.js-focus-visible) .druids_form_select:focus {
  outline: none;
}
html.js-focus-visible .druids_form_select:focus:not(.focus-visible) {
  outline: none;
}
.druids_form_select::after {
  content: '';
  display: block;
  width: calc(var(--select-base-width) - 2 * 1px);
  max-width: 100%;
}
.druids_form_select .Select-control,
.druids_form_select .Select-multi-value-wrapper,
.druids_form_select .Select-value-label {
  max-width: inherit;
  min-width: inherit;
}
.is-open.druids_form_select .Select-control,
.is-open.druids_form_select .Select-multi-value-wrapper,
.is-open.druids_form_select .Select-value-label {
  -webkit-font-smoothing: subpixel-antialiased;
}
.druids_form_select .Select-control,
.druids_form_select .Select-value {
  box-sizing: border-box;
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
}
.druids_form_select .Select-menu-outer .Select-menu .druids_layout_flex-item:not(:only-child) .option-list {
  border-right: 1px solid var(--ui-border);
}
.druids_form_select .Select-aria-only {
  display: none;
}
.druids_form_select--is-never-quiet,
.druids_form_select.focus-visible:focus {
  --ui-is-quiet:  /*!*/;
  --ui-not-quiet: initial;
}
.druids_form_select .is-closed .druids_form_select {
  border: 1px var(--_select-border-style) var(--_select-border-color);
}
.druids_form_select:hover.is-closed {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
  border: 1px var(--_select-border-style) var(--form-border-hover);
}
.druids_form_select .is-focused {
  border-color: var(--form-border-focus);
}
.druids_form_select .is-focused .Select-control {
  background-color: var(--form-background);
  z-index: 10;
}
.druids_form_select .is-focused .Select-control--searchable {
  background-color: var(--form-background-focus) !important;
}
.druids_form_select .Select-input {
  align-items: center;
  position: absolute;
  width: 100%;
  min-width: 25%;
  max-width: 100%;
  background: transparent;
  border: none;
}
@supports (field-sizing: content) {
  .druids_form_select .Select-input {
    width: auto;
    min-width: max(25%, 4ch);
    field-sizing: content;
  }
}
.tether-element:hover.druids_form_select.is-closed.is-disabled {
  pointer-events: none;
}
.druids_form_select.is-disabled {
  --_select-border-style: var(--ui-disabled-border-style);
}
.druids_form_select.is-disabled .Select-control {
  cursor: not-allowed;
}
.tether-element:hover.druids_form_select.is-closed.is-disabled,
.druids_form_select.is-disabled,
.druids_form_select.is-disabled:hover {
  cursor: not-allowed;
  box-shadow: none !important;
  --box-shadow: none !important;
  border-color: var(--form-border-disabled);
}
.tether-element:hover.druids_form_select.is-closed.is-disabled .Select-control,
.druids_form_select.is-disabled .Select-control,
.druids_form_select.is-disabled:hover .Select-control {
  background: var(--form-background-disabled);
}
.tether-element:hover.druids_form_select.is-closed.is-disabled .Select-placeholder,
.druids_form_select.is-disabled .Select-placeholder,
.druids_form_select.is-disabled:hover .Select-placeholder,
.tether-element:hover.druids_form_select.is-closed.is-disabled .Select-value-label,
.druids_form_select.is-disabled .Select-value-label,
.druids_form_select.is-disabled:hover .Select-value-label {
  color: var(--form-text-disabled);
}
.tether-element:hover.druids_form_select.is-closed.is-disabled .druids_form_select__arrow-icon,
.druids_form_select.is-disabled .druids_form_select__arrow-icon,
.druids_form_select.is-disabled:hover .druids_form_select__arrow-icon,
.tether-element:hover.druids_form_select.is-closed.is-disabled .druids_form_select__clear-icon,
.druids_form_select.is-disabled .druids_form_select__clear-icon,
.druids_form_select.is-disabled:hover .druids_form_select__clear-icon {
  color: var(--form-icon-disabled) !important;
}
.druids_form_select--is-borderless {
  border-color: transparent;
}
.druids_form_select__floating-label {
  color: var(--_select-floating-label-color);
  position: absolute;
  left: var(--_select-floating-label-input-offset);
  top: var(--_select-floating-label-top);
  padding-left: 2px;
  padding-right: 2px;
  font-size: var(--_select-floating-label-font-size);
  line-height: initial;
  z-index: calc(var(--ui-group-elevation, 0) + 1);
  max-width: calc(var(--_select-button-base-width, 100%) - 2 * var(--_select-floating-label-input-offset));
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transform-origin: left center;
}
.druids_form_select__floating-label::before {
  content: '';
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 2px;
  top: var(--_select-floating-label-mask-top-position);
  left: 0;
  background: var(--ui-background);
  box-shadow: 0 -1px 0 var(--ui-background);
}
.druids_form_select__floating-label--is-open {
  animation: scaleDownLabel 0.15s;
  transform: scale(0.9);
  --_select-floating-label-color: var(--ui-interaction-primary-contrast);
}
@keyframes scaleDownLabel {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
.druids_form_select__floating-label--is-open::before {
  box-shadow: none;
  background-color: var(--ui-interaction-secondary);
}
.druids_form_select:not(.is-open):not(.is-disabled):hover {
  --_select-floating-label-color: var(--ui-text);
}
.druids_form_select:not(.is-open):not(.is-disabled).focus-visible:focus {
  --_select-floating-label-color: var(--ui-interaction-primary-contrast);
}
.druids_form_select--xs.Select--single {
  height: 20px;
}
.druids_form_select--xs.Select--multi .Select-multi-value-wrapper {
  min-height: 18px;
}
.druids_form_select--xs.Select--multi .Select-multi-value-wrapper .Select-value[class] {
  line-height: 11px;
}
.druids_form_select--xs.Select--multi .Select-multi-value-wrapper .Select-value {
  padding-left: 0;
  padding-right: 0;
}
.druids_form_select--xs.Select--multi .Select-multi-value-wrapper .Select-value-icon:before {
  font-size: 11px;
}
.druids_form_select--xs,
.druids_form_select--xs .Select-control {
  line-height: 18px;
  --ui-border-radius: 4px;
  font-size: 11px;
}
.druids_form_select--xs .Select-input,
.druids_form_select--xs .Select-control .Select-input {
  height: 18px;
  line-height: 18px;
}
.druids_form_select--xs .Select-multi-value-wrapper,
.druids_form_select--xs .Select-control .Select-multi-value-wrapper {
  min-height: 18px;
}
.druids_form_select--xs .Select-clear-zone,
.druids_form_select--xs .Select-control .Select-clear-zone {
  margin-right: -1px;
}
.druids_form_select--xs {
  --_select-floating-label-input-offset: 5.5px;
  --_select-floating-label-top: -6.5px;
  --_select-floating-label-font-size: 8px;
  --_select-floating-label-mask-top-position: calc(50% + 0.5px);
}
.druids_form_select--sm.Select--single {
  height: 24px;
}
.druids_form_select--sm.Select--multi .Select-multi-value-wrapper {
  min-height: 22px;
}
.druids_form_select--sm.Select--multi .Select-multi-value-wrapper .Select-value-icon:before {
  font-size: 11px;
}
.druids_form_select--sm,
.druids_form_select--sm .Select-control {
  --ui-border-radius: 4px;
  line-height: 22px;
  font-size: 12px;
}
.druids_form_select--sm .Select-arrow-zone,
.druids_form_select--sm .Select-control .Select-arrow-zone,
.druids_form_select--sm .Select-clear-zone,
.druids_form_select--sm .Select-control .Select-clear-zone {
  margin-top: 3px;
}
.druids_form_select--sm .Select-clear-zone,
.druids_form_select--sm .Select-control .Select-clear-zone {
  margin-right: -1px;
}
.druids_form_select--md.Select--single {
  height: 28px;
}
.druids_form_select--md.Select--multi .Select-multi-value-wrapper {
  min-height: 26px;
}
.druids_form_select--md.Select--multi .Select-multi-value-wrapper .Select-value-icon:before {
  font-size: 13px;
}
.druids_form_select--md,
.druids_form_select--md .Select-control {
  --ui-border-radius: 4px;
  line-height: 26px;
  font-size: 13px;
}
.druids_form_select--md .Select-arrow-zone,
.druids_form_select--md .Select-control .Select-arrow-zone,
.druids_form_select--md .Select-clear-zone,
.druids_form_select--md .Select-control .Select-clear-zone {
  margin-top: 3px;
}
.druids_form_select--lg.Select--single {
  height: 36px;
}
.druids_form_select--lg.Select--multi .Select-multi-value-wrapper {
  min-height: 34px;
}
.druids_form_select--lg.Select--multi .Select-multi-value-wrapper .Select-value-icon:before {
  font-size: 15px;
}
.druids_form_select--lg,
.druids_form_select--lg .Select-control {
  --ui-border-radius: 4px;
  line-height: 34px;
  font-size: 15px;
}
.druids_form_select--lg .Select-arrow-zone,
.druids_form_select--lg .Select-control .Select-arrow-zone,
.druids_form_select--lg .Select-clear-zone,
.druids_form_select--lg .Select-control .Select-clear-zone {
  margin-top: 6px;
}
.druids_form_select .Select-control {
  --_select-bg: var(--ui-is-quiet, transparent) var(--ui-not-quiet, var(--select-custom-background-color, var(--form-background)));
  position: relative;
  width: auto;
  cursor: pointer;
  background-color: var(--_select-bg);
  border-radius: 0 !important;
}
.druids_form_select .Select-control .Select-arrow-zone {
  position: absolute;
  top: 3px;
  right: 0;
  pointer-events: none;
  padding-right: 5px;
}
.druids_form_select .Select-control .Select-arrow-zone .druids_form_select__arrow-icon {
  --_select-arrow-color: var(--ui-is-quiet, transparent) var(--ui-not-quiet, var(--ui-icon));
  color: var(--_select-arrow-color);
}
.druids_form_select--is-borderless .Select-control {
  background-color: transparent;
}
button.druids_form_select--has-arrow .Select-control {
  padding-right: 24px;
}
.druids_form_select .Select-option {
  color: var(--ui-text);
  background-color: var(--ui-background-elevated);
  padding: 4px 8px;
  word-break: break-word;
  text-indent: -8px;
  padding-left: 16px;
  border-radius: 0;
  -webkit-font-smoothing: subpixel-antialiased;
}
.druids_form_select .Select-option.is-loading {
  display: flex;
  justify-content: center;
}
.druids_form_select .Select-option > * {
  word-break: normal;
  text-indent: 0;
  margin-left: -8px;
}
.druids_form_select--xs .druids_form_select .Select-option > * {
  margin-left: -6px;
}
.druids_form_select--xs .Select-option:not(.druids_form_select__option-group__wrapper) {
  text-indent: -6px;
  padding-left: 12px;
}
.druids_form_select--xs .Select-option.druids_form_select__option-group__wrapper > .druids_form_select__option-group {
  padding-left: 6px;
}
.druids_form_select .Select-placeholder {
  position: relative !important;
  color: var(--form-text-placeholder);
}
.druids_form_select.is-open {
  height: auto;
}
.druids_form_select.is-open .Select-control {
  overflow: hidden;
  border-color: transparent;
}
.druids_form_select.is-open .Select-placeholder {
  position: absolute !important;
  min-width: fit-content;
  white-space: nowrap;
}
.druids_form_select .Select-multi-value-wrapper {
  max-width: 100%;
  min-height: 1em;
}
.druids_form_select .Select-multi-value-wrapper:not(.druids_layout_overflower) {
  display: block;
}
.druids_form_select .Select-multi-value-wrapper,
.druids_form_select .Select-menu-outer,
.druids_form_select .Select-value {
  position: relative !important;
}
.druids_form_select .Select-value {
  max-width: var(--computed-select-value-max-width, unset);
}
.druids_form_select.has-max-width .Select-value {
  max-width: calc(var(--computed-select-value-max-width) + 0.75em);
}
.druids_form_select.is-clearable.has-min-width .Select-value {
  max-width: calc(var(--computed-select-value-min-width) - 0.5em);
}
.druids_form_select.is-clearable .Select-value {
  max-width: calc(var(--computed-select-value-max-width) - 0.5em);
}
.druids_form_select.is-clearable.has-max-width .Select-control {
  padding-right: 0;
}
.druids_form_select .Select-placeholder,
.druids_form_select .Select-input,
.druids_form_select.Select--single > .Select-control .Select-value {
  padding: 0 8px;
}
.druids_form_select.tether-element.is-open {
  z-index: 1000;
  --box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_form_select.tether-element .druids_form_select__shadow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: var(--box-shadow);
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
}
.druids_form_select--xs.tether-element.is-open {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.druids_form_select--sm.tether-element.is-open {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.druids_form_select--md.tether-element.is-open {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.druids_form_select--lg.tether-element.is-open {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.druids_form_select.is-open {
  z-index: 10;
}
.druids_form_select.is-open .Select-arrow-zone {
  display: none;
}
.druids_form_select.is-open .Select-control {
  border-bottom-color: var(--form-border) !important;
}
.druids_form_select .Select-arrow {
  top: 1px;
}
.druids_form_select.Select--multi .Select-option.is-selected {
  display: none;
}
.druids_form_select.Select--multi.has-max-width .Select-control {
  min-width: unset;
}
.druids_form_select.Select--multi.has-value > .Select-control {
  padding-left: 3px;
}
.druids_form_select.Select--multi .Select-multi-value-wrapper .Select-input {
  position: relative;
}
@supports not (field-sizing: content) {
  .druids_form_select.Select--multi .Select-multi-value-wrapper .Select-input {
    width: 4ch;
    flex-grow: 1;
  }
}
.druids_form_select.Select--multi .Select-multi-value-wrapper .Select-value {
  display: inline-flex;
  align-self: flex-start;
  flex-direction: row-reverse;
  max-width: 100%;
  min-width: 0;
  line-height: 1.4;
  margin: 2px;
  background-color: var(--select-value-custom-background-color, var(--input-tag-background));
}
.druids_form_select.Select--multi .Select-multi-value-wrapper .Select-value-label {
  color: var(--select-value-custom-text-color, var(--input-tag-text));
  padding: 1px 3px 2px 4px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.druids_form_select--lg.druids_form_select.Select--multi .Select-multi-value-wrapper .Select-value {
  margin-top: 5px;
}
.druids_form_select.Select--multi .Select-multi-value-wrapper--single-line .Select-value-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_form_select.Select--multi .Select-value-icon {
  display: flex;
  align-items: center;
  color: var(--input-tag-text);
  padding: 0 3px;
  line-height: 1;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_form_select.Select--multi .Select-value-icon svg {
  transform: scale(0.8);
}
.druids_form_select--xs.druids_form_select.Select--multi .Select-value-icon {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_form_select--sm.druids_form_select.Select--multi .Select-value-icon {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_form_select--md.druids_form_select.Select--multi .Select-value-icon {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_form_select--lg.druids_form_select.Select--multi .Select-value-icon {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_form_select.Select--multi .Select-value-icon:hover {
  background-color: var(--select-value-custom-background-color-hover, var(--select-value-custom-background-color, var(--input-tag-background-hover)));
  color: var(--select-value-custom-text-color, var(--input-tag-icon-hover));
}
.druids_form_select--xs .Select-multi-value-wrapper .Select-value {
  border-radius: 4px;
}
.druids_form_select--sm .Select-multi-value-wrapper .Select-value {
  border-radius: 4px;
}
.druids_form_select--md .Select-multi-value-wrapper .Select-value {
  border-radius: 4px;
}
.druids_form_select--lg .Select-multi-value-wrapper .Select-value {
  border-radius: 4px;
}
.druids_form_select .Select-noresults {
  background: var(--ui-background-elevated);
  text-align: center;
  color: var(--ui-text-secondary);
  padding: 4px 8px;
}
.druids_form_select .druids_form_select__clear-icon,
.druids_form_select .druids_form_select__arrow-icon {
  display: block;
}
.druids_form_select .Select-clear-zone {
  position: absolute;
  top: 2px;
  right: 4px;
}
.druids_form_select .Select-clear-zone .druids_form_select__clear-icon {
  color: var(--form-icon);
}
.druids_form_select .Select-clear-zone .druids_form_select__clear-icon:hover {
  color: var(--form-icon-hover);
}
.druids_form_select.is-closed.is-clearable .Select-control {
  padding-right: 3em;
}
.druids_form_select.is-closed.is-clearable .Select-clear-zone {
  right: calc(8px + 1em);
}
.druids_form_select.is-open.is-clearable .Select-input {
  padding-right: 0;
}
.druids_form_select .Select-value-label {
  color: var(--select-custom-text-color, var(--ui-text));
}
*:where(.druids_form_select:not(.is-disabled)) {
  z-index: var(--ui-group-elevation);
}
.druids_form_select:hover {
  z-index: 10;
}
.druids_form_select .Select-input {
  outline: none;
  background-color: transparent;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: var(--ui-text);
  padding-top: 4px;
  padding-bottom: 4px;
}
.druids_form_select.is-closed.Select--single .Select-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_form_select.is-closed.Select--single.has-min-width .Select-value,
.druids_form_select.is-closed.Select--single.has-max-width .Select-value {
  padding-right: 0;
}
.druids_form_select.is-closed.Select--single .Select-value-label {
  white-space: nowrap;
}
.druids_form_select .Select--single .Select-input {
  position: absolute;
  top: 0;
  left: 0;
}
.druids_form_select.Select--multi .Select-multi-value-wrapper {
  display: inline-flex;
  vertical-align: top;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.druids_form_select--xs {
  font-size: 11px;
}
.druids_form_select--xs .Select-control {
  border-radius: 4px;
}
.druids_form_select--xs .Select-input {
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
}
.druids_form_select--xs .Select-placeholder,
.druids_form_select--xs.Select--single > .Select-control .Select-value,
.druids_form_select--xs .Select-control .Select-value {
  line-height: 18px;
  padding-left: 6px;
  padding-right: 6px;
}
.druids_form_select--sm .Select-input {
  height: 22px;
  line-height: 22px;
  top: -1px !important;
  font-size: 12px;
}
.druids_form_select--sm .Select-placeholder {
  height: 22px;
}
.druids_form_select--sm .Select-placeholder,
.druids_form_select--sm.Select--single .Select-value {
  line-height: 22px;
}
.druids_form_select--sm.Select--single .Select-control {
  height: 22px;
}
.druids_form_select--sm.is-open.Select--single .Select-control {
  height: 23px;
}
.druids_form_select--md .Select-input {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
}
.druids_form_select--md .Select-placeholder {
  height: 26px;
}
.druids_form_select--md .Select-placeholder,
.druids_form_select--md.Select--single .Select-value {
  line-height: 26px;
}
.druids_form_select--md.Select--single .Select-control {
  height: 26px;
}
.druids_form_select--md.is-open.Select--single .Select-control {
  height: 27px;
}
.druids_form_select--lg .Select-input {
  height: 34px;
  line-height: 34px;
  font-size: 15px;
}
.druids_form_select--lg .Select-placeholder {
  height: 34px;
}
.druids_form_select--lg .Select-placeholder,
.druids_form_select--lg.Select--single .Select-value {
  line-height: 34px;
}
.druids_form_select--lg.Select--single .Select-control {
  height: 34px;
}
.druids_form_select--lg.is-open.Select--single .Select-control {
  height: 35px;
}
.druids_form_select .Select-menu-outer {
  max-width: var(--select-menu-max-width, inherit);
  min-width: inherit;
  max-height: var(--select-menu-max-height, unset);
  border-top: 0;
  width: auto;
  top: unset;
  margin-top: 0;
  overflow-y: auto;
  background-color: var(--ui-background-elevated);
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
}
.druids_form_select .Select-option.is-focused {
  background-color: var(--ui-interaction-primary);
  color: var(--ui-text-knockout);
  cursor: pointer;
}
@media (forced-colors: active) {
  .druids_form_select .Select-option.is-focused {
    outline: 2px solid Highlight;
    outline-offset: -4px;
  }
}
.druids_form_select .Select-option.is-disabled {
  color: var(--form-text-disabled);
  cursor: not-allowed;
}
.tether-element .druids_form_select.is-open > .Select-control {
  border-bottom: 1px solid var(--form-border);
  border-radius: 0;
  --box-shadow: none;
}
.tether-element .druids_form_select.is-open > .Select-control .Select-multi-value-wrapper {
  padding-right: 24px;
}
.druids_form_select.is-open.Select--single .Select-multi-value-wrapper {
  text-overflow: ellipsis;
}
.druids_form_select.is-open.Select--single.has-max-width .Select-value {
  width: 100%;
  min-width: unset;
  max-width: unset;
  color: var(--form-text-placeholder) !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.druids_form_select.is-open.Select--single.has-max-width.is-clearable .Select-value {
  width: calc(100% - 1em);
}
.druids_form_select.is-open.Select--single .Select-value-label {
  color: var(--form-text-placeholder) !important;
}
.druids_layout_overflower__tooltipContent > .Select-value:not(:last-child) > .Select-value-label::after {
  content: ', ';
}
.druids_layout_overflower__tooltipContent > .Select-value > .Select-value-label {
  display: inline-flex;
}
.druids_layout_overflower__tooltipContent > .Select-value > .Select-value-icon,
.druids_layout_overflower__tooltipContent > .Select-value > * > .Select-aria-only {
  display: none;
}
.tether-element {
  --translate-y: 0px;
  --translate-x: 0px;
}
.tether-element .druids_form_select {
  display: flex;
  flex-direction: column;
}
.tether-element.tether-element-attached-bottom {
  --translate-y: var(--react-handle-height, 0px);
}
.tether-element.tether-element-attached-bottom .druids_form_select {
  flex-direction: column-reverse;
}
.tether-element.tether-element-attached-bottom .druids_form_select.is-open > .Select-control {
  border-bottom: none;
  border-top: 1px solid var(--form-border);
}
.tether-element.tether-element-attached-right {
  --translate-x: var(--select-base-width, 0px);
}
.tether-element.tether-element-attached-right .druids_form_select.is-open > .Select-control {
  border-right: none;
  border-left: 1px solid var(--form-border);
}
.tether-element.druids_form_select {
  transform: translate(var(--translate-x), var(--translate-y));
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_pagination {
  display: flex;
}
.druids_nav_pagination__entry {
  --ui-border-radius: 4px;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  min-width: 28px;
  text-align: center;
}
.druids_nav_pagination__entry + .druids_nav_pagination__entry {
  margin-left: 4px;
}
.druids_nav_pagination__button {
  box-shadow: none;
  white-space: pre;
}
.druids_nav_pagination__button[class] {
  color: var(--ui-interaction-text);
}
.druids_nav_pagination__button:hover {
  background: var(--ui-interaction-secondary);
}
.druids_nav_pagination__button:active,
.druids_nav_pagination__button--is-active,
.druids_nav_pagination__button--is-active:hover {
  background: var(--ui-interaction-primary);
  text-decoration: none;
}
.druids_nav_pagination__button:active[class],
.druids_nav_pagination__button--is-active[class],
.druids_nav_pagination__button--is-active:hover[class] {
  color: var(--ui-text-knockout);
}
@media (forced-colors: active) {
  .druids_nav_pagination__button:active,
  .druids_nav_pagination__button--is-active,
  .druids_nav_pagination__button--is-active:hover {
    outline: 2px solid Highlight;
  }
}
.druids_nav_pagination__button--is-disabled,
.druids_nav_pagination__button--is-disabled:hover {
  background: transparent;
}
.druids_nav_pagination__button--is-disabled[class],
.druids_nav_pagination__button--is-disabled:hover[class] {
  color: var(--ui-text-disabled);
}
.druids_nav_pagination__ellipsis {
  cursor: default;
  color: var(--ui-text-secondary);
}
.druids_nav_pagination__icon-wrapper {
  display: inline-flex;
  align-items: center;
  height: 100%;
  vertical-align: top;
}
.druids_nav_pagination__icon {
  pointer-events: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table__placeholder {
  max-width: 100%;
  min-width: 16px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table {
  --table-resizer-color: transparent;
}
.druids_table_table__resizer,
.druids_table_table__resizer-helper {
  --_resizer-offset: 0;
  grid-column: var(--column-start) / span var(--colspan, 1);
  width: 1px;
  position: absolute;
  z-index: calc(19 + var(--table-extra-z-index));
  left: 0;
  top: -1px;
  bottom: 0;
  user-select: none;
  background: var(--ui-border);
  opacity: 0;
}
.druids_table_table__resizer[class] {
  width: 7px;
  --resizer-left: -3px;
  left: var(--resizer-left);
  grid-row: calc(var(--rowindex) - var(--_resizer-offset)) / span calc(var(--_resizer-offset) + 1);
  background: linear-gradient(to right, transparent 2px, var(--table-resizer-color) 0, var(--table-resizer-color) 5px, transparent 0);
}
.druids_table_table__cell--is-sticky:not(
                    [style*='--table-cell--is-sticky']
                ) .druids_table_table__resizer[class]:not(.druids_table_table__resizer--is-full-height) {
  position: sticky;
  top: var(--table-sticky-headers, 0px);
  left: auto;
  margin-left: var(--resizer-left);
}
.druids_table_table__resizer--is-full-height[class] {
  grid-row-end: auto;
}
.druids_table_table__resizer:hover,
.druids_table_table__resizer:hover + .druids_table_table__resizer-helper,
.druids_table_table__resizer:active,
.druids_table_table__resizer:active + .druids_table_table__resizer-helper {
  opacity: 1;
  --table-resizer-color: var(--ui-interaction-primary);
}
.druids_table_table__resizer-helper {
  grid-row: calc(var(--rowindex) - var(--_resizer-offset));
  pointer-events: none;
}
.druids_table_table__resizer:active + .druids_table_table__resizer-helper {
  background: var(--table-resizer-color);
}
.druids_table_table--is-resizing .druids_table_table__resizer-helper,
.druids_table_table__cell:focus-within > .druids_table_table__resizer,
.druids_table_table__cell:focus-within + * > .druids_table_table__resizer {
  opacity: 1;
}
.druids_table_table__width-spy {
  grid-column: var(--column-start) / span var(--colspan, 1);
  grid-row: 1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  user-select: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_pagination-summary {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  color: var(--ui-text);
}
.druids_nav_pagination-summary__index {
  font-weight: 600;
}
.druids_nav_pagination-summary__dash::before,
.druids_nav_pagination-summary__dash::after {
  content: '\200a';
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_scroll-box {
  --scrollbox-height: auto;
  --scrollbox-max-height: 100%;
  position: relative;
  z-index: 0;
  display: flex;
  max-width: 100%;
  max-height: var(--scrollbox-max-height);
  overflow: hidden;
  overflow: clip;
}
.druids_layout_scroll-box--has-height {
  height: var(--scrollbox-height);
}
.druids_layout_scroll-box__content {
  overflow: auto;
  overflow-x: hidden;
  max-height: 100%;
}
.druids_layout_scroll-box--overscroll-behavior-none > .druids_layout_scroll-box__content {
  overscroll-behavior: none;
}
.druids_layout_scroll-box--display-scrollbar-never > .druids_layout_scroll-box__content {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.druids_layout_scroll-box--display-scrollbar-never > .druids_layout_scroll-box__content::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.druids_layout_scroll-box--display-scrollbar-on-hover > .druids_layout_scroll-box__content {
  visibility: hidden;
}
.druids_layout_scroll-box--display-scrollbar-on-hover.druids_layout_scroll-box--can-be-focused > .druids_layout_scroll-box__content:focus,
.druids_layout_scroll-box--display-scrollbar-on-hover.druids_layout_scroll-box--can-be-focused:focus-within > .druids_layout_scroll-box__content,
.druids_layout_scroll-box--display-scrollbar-on-hover:hover > .druids_layout_scroll-box__content,
.druids_layout_scroll-box--display-scrollbar-on-hover > * > .druids_layout_scroll-box__inner {
  visibility: visible;
}
.druids_layout_scroll-box--can-be-focused > .druids_layout_scroll-box__content:focus {
  outline: none;
}
.druids_layout_scroll-box__content,
.druids_layout_scroll-box__inner {
  box-sizing: border-box;
  width: 100%;
}
.druids_layout_scroll-box::before,
.druids_layout_scroll-box::after {
  content: '';
  position: absolute;
  z-index: 9;
  left: 0;
  right: var(--custom-scrollbars-width, 0);
  pointer-events: none;
  opacity: 0;
  height: 24px;
  transition: opacity 0.15s linear;
  border-radius: 50%;
}
.druids_layout_scroll-box::before {
  top: -24px;
  box-shadow: 0 8px 8px -8px var(--ui-shadow-strength);
  clip: rect(24px, auto, 32px, 0);
}
.druids_layout_scroll-box::after {
  bottom: -24px;
  box-shadow: 0 -8px 8px -8px var(--ui-shadow-strength);
  clip: rect(-8px, auto, 0, 0);
}
.druids_layout_scroll-box--has-top-shadow::before,
.druids_layout_scroll-box--has-bottom-shadow::after {
  opacity: 1;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_table_table__toolbar__item,
.druids_table_table__column-manager__item {
  display: block;
  cursor: pointer;
  padding: 2px 12px !important;
  line-height: 28px;
}
.druids_table_table__toolbar__item:hover,
.druids_table_table__column-manager__item:hover {
  background: var(--ui-interaction-secondary);
}
.druids_table_table__toolbar__item--is-dragging,
.druids_table_table__column-manager__item--is-dragging {
  cursor: grabbing;
}
.druids_table_table__toolbar__item--disabled,
.druids_table_table__column-manager__item--disabled {
  cursor: not-allowed;
  color: var(--ui-text-disabled);
}
.druids_table_table__toolbar__item--disabled:hover,
.druids_table_table__column-manager__item--disabled:hover {
  background: var(--ui-background);
}
.druids_table_table__toolbar__item__icon--locked,
.druids_table_table__column-manager__item__icon--locked {
  cursor: not-allowed;
}
.druids_table_table__toolbar__search-container,
.druids_table_table__column-manager__search-container,
.druids_table_table__toolbar__confirm-container,
.druids_table_table__column-manager__confirm-container,
.druids_table_table__toolbar__add-button-container,
.druids_table_table__column-manager__add-button-container {
  padding: 6px 12px !important;
}
.druids_table_table__toolbar__header-text,
.druids_table_table__column-manager__header-text {
  padding: 2px 12px !important;
  line-height: 28px;
}
.druids_table_table__toolbar__reset,
.druids_table_table__column-manager__reset {
  cursor: pointer;
  color: var(--ui-text);
  border-radius: 0;
  padding: 2px 12px !important;
  line-height: 28px;
}
.druids_table_table__toolbar__reset:hover,
.druids_table_table__column-manager__reset:hover {
  background: var(--ui-interaction-secondary);
  color: var(--ui-interaction-primary);
}
.druids_table_table__toolbar__reset--disabled,
.druids_table_table__column-manager__reset--disabled {
  color: var(--ui-text-disabled);
  cursor: not-allowed;
}
.druids_table_table__toolbar__reset--disabled:hover,
.druids_table_table__column-manager__reset--disabled:hover {
  background: var(--ui-background);
  color: var(--ui-text-disabled);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table__toolbar__count__select-button:hover {
  --_button-bg--hover: var(--ui-interaction-secondary-contrast);
}
.druids_table_table__select-menu-item {
  min-width: 110px;
  width: auto;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_table_table {
  --colspan: 1;
  --rowspan: 1;
  --table-row-height: initial;
  --table-bulk-actions-height: initial;
  --table-auto-rows: initial;
  --table--has-border: initial;
  --table-outer-border: var(--ui-border);
  --table-inner-border: var(--ui-border);
  --table-inner-border-width: 1px;
  --table-border-radius: 4px;
  --table-header-group-border: initial;
  --table-header-group-border--left: initial;
  --table-header-group-border--right: initial;
  --table-cell-border-radius: 0px;
  --table-first-row-radius: var(--table-border-radius);
  --table-header-hover-shadow: inset 0 calc(-1px * (1 - var(--is-helper-pseudo, 0))) var(--ui-border),
        0 -1px var(--ui-border),
        inset calc(1px * (1 - var(--is-first-header))) 0 var(--ui-border),
        calc(1px * (1 - var(--is-last-header))) 0 var(--ui-border);
  --virtualized-offset: 0px;
  --has-virtualized-placeholder: 0;
  --table-extra-z-index: 1;
  --scroll-left: 0px;
  --table-header-height: 28px;
  --table-toolbar-height: 44px;
  --has-visible-bulk-actions: 0;
  --table-extra-top-shadow-padding: 1px;
  --has-content-borders: initial;
  --has-no-content-borders:  /*!*/;
  --table--is-not-loading: initial;
  --table-cell-padding-x: 7px;
  --table-cell-padding-y: 8px;
  --table-row-background: initial;
  --table-passive-row-hover-background: var(--ui-background-secondary);
  --table-cell-color: inherit;
}
@supports (display: contents) {
  .druids_table_table__table,
  .druids_table_table__thead,
  .druids_table_table__tbody,
  .druids_table_table__tr,
  .druids_table_table--is-sub-table[class],
  .druids_table_table--is-sub-table > .druids_table_table__root-wrapper,
  .druids_table_table--is-sub-table > * > .druids_table_table__root,
  .druids_table_table--is-sub-table > * > * > .druids_table_table__batch,
  .druids_table_table__cell--is-complex {
    display: contents;
  }
  .druids_table_table__cell--is-draggable {
    z-index: 2;
  }
  .druids_table_table__cell-content {
    position: inherit;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: inherit;
    z-index: inherit;
    white-space: inherit;
    min-width: inherit;
    grid-column-start: inherit;
    grid-column-end: inherit;
    grid-row-start: inherit;
    grid-row-end: inherit;
    box-shadow: inherit;
    background: inherit;
    border-radius: inherit;
    padding: inherit;
    margin: inherit;
    text-align: inherit;
    justify-content: inherit;
    align-content: inherit;
    align-items: inherit;
    overflow: inherit;
    text-overflow: inherit;
    line-height: inherit;
    transition: inherit;
  }
  .druids_table_table__cell-content-draggable-icon {
    visibility: hidden;
  }
  .druids_table_table__cell-content:hover .druids_table_table__cell-content-draggable-icon,
  .druids_table_table__cell-content:active .druids_table_table__cell-content-draggable-icon,
  .druids_table_table__th:focus-visible .druids_table_table__cell-content-draggable-icon {
    visibility: inherit;
  }
  .druids_table_table__batch {
    position: relative;
    display: grid;
    align-content: start;
    grid-template-areas: var(--table-template);
    grid-template-columns: var(--columns-widths, repeat(var(--columns-count), auto));
    grid-template-rows: repeat(calc(var(--header-groups-count) + var(--has-virtualized-placeholder)), auto);
    grid-auto-rows: var(--table-auto-rows, auto);
  }
  .druids_table_table__batch--has-virtualized-placeholder {
    --has-virtualized-placeholder: 1;
  }
  .druids_table_table--is-headerless > * > * > .druids_table_table__batch:not(.druids_table_table__batch--has-virtualized-placeholder) {
    grid-template-rows: initial;
  }
  .druids_table_table--is-x-scrollable > * > * > .druids_table_table__batch {
    min-width: max-content;
  }
  .druids_table_table__cell {
    grid-column-end: span var(--colspan);
    grid-row-end: span var(--rowspan);
  }
}
.druids_table_table__tr {
  --cell-box-shadow-separators: 0 calc(-1 * var(--table-inner-border-width)) var(--table-inner-border);
  --cell-box-shadow-first-sticky-column: 0 0;
  --cell-box-shadow-interactive-cell: 0 0;
  --cell-box-shadow-sticky-header: 0 0;
  --cell-box-shadow-interactive-row-hover: 0 0;
  --cell-box-shadow-sticky-column: 0 0;
}
.druids_table_table--is-borderless {
  --table--has-border: invalid;
  --table-border-radius: 0;
}
.druids_table_table--has-no-inner-borders {
  --table-inner-border: transparent;
  --table-inner-border-width: 0px;
}
.druids_table_table--has-no-inner-borders,
.druids_table_table--has-no-inner-borders-except-headers {
  --has-content-borders:  /*!*/;
  --has-no-content-borders: initial;
}
.druids_table_table__tr:not(.druids_table_table__tr--is-first):not(.druids_table_table__tr--is-group-header) {
  --table-inner-border: var(--has-content-borders, var(--ui-border)) var(--has-no-content-borders, transparent);
  --table-inner-border-width: var(--has-content-borders, 1px) var(--has-no-content-borders, 0px);
}
.druids_table_table--is-borderless {
  --table-extra-top-shadow-padding: 0px;
}
.druids_table_table--is-loading {
  --table--is-not-loading: invalid;
}
.druids_table_table--is-full-height {
  height: 100%;
  flex-grow: 1;
}
.druids_table_table--is-full-height > .druids_table_table__root-wrapper {
  flex-grow: 1;
}
.druids_table_table--is-full-height > * > .druids_table_table__root,
.druids_table_table--is-full-height > * > * > .druids_table_table__batch {
  height: 100%;
  min-height: 100%;
}
.druids_table_table__cell:not(.druids_table_table__cell--is-wrappable) {
  white-space: nowrap;
}
.druids_table_table__td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_table_table__cell--overflow-visible {
  overflow: visible;
}
.druids_table_table__cell--overflow-auto {
  overflow: auto;
  text-overflow: clip;
}
.druids_table_table__root-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  --bulk-actions-height: var(--table-bulk-actions-height, var(--table-row-height, 33px));
}
.druids_table_table__root {
  border-radius: var(--table-border-radius);
  padding: var(--table--has-border, 1px);
}
.druids_table_table--is-scrollable > * > .druids_table_table__root {
  padding-bottom: 0.1px;
}
.druids_table_table--is-x-scrollable > * > .druids_table_table__root {
  overscroll-behavior-x: contain;
}
.druids_table_table:not(.druids_table_table--is-borderless) > .druids_table_table__root-wrapper::before {
  content: '';
  position: absolute;
  z-index: calc(2 + var(--table-extra-z-index));
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border: 1px solid var(--table-outer-border);
  border-radius: var(--table-border-radius);
}
.druids_table_table--is-scrollable:not(.druids_table_table--is-borderless) > .druids_table_table__root-wrapper {
  margin-bottom: 1px;
}
.druids_table_table--is-scrollable:not(.druids_table_table--is-borderless) > .druids_table_table__root-wrapper::before {
  bottom: -1px;
}
.druids_table_table__batch + .druids_table_table__batch {
  border-top: var(--table-inner-border-width) solid var(--table-inner-border);
}
.druids_table_table__cell,
.druids_table_table__cell-content {
  box-shadow: var(--cell-box-shadow-interactive-row-hover), var(--cell-box-shadow-interactive-cell), var(--cell-box-shadow-sticky-header), var(--cell-box-shadow-sticky-column), var(--cell-box-shadow-first-sticky-column), var(--cell-box-shadow-separators);
  border-radius: var(--table-cell-border-radius);
}
.druids_table_table__cell[class]:empty,
.druids_table_table__cell--is-empty[class],
.druids_table_table__cell--is-empty > .druids_table_table__cell-content[class] {
  cursor: default;
  padding: 0;
}
.druids_table_table__tr--is-extra,
.druids_table_table__tr--is-first {
  --cell-box-shadow-separators: 0 0;
}
.druids_table_table__th--is-group::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  grid-row-start: var(--rowindex);
  grid-column: var(--column-start) / span var(--colspan, 1);
  pointer-events: none;
  --_default-header-group-border: var(--table-inner-border-width) solid var(--table-inner-border);
}
@supports (pointer-events: none) {
  .druids_table_table__th--is-group::before {
    z-index: calc(8 + var(--table-extra-z-index));
  }
}
.druids_table_table--has-empty-state .druids_table_table__th--is-group::before {
  grid-row-end: calc(var(--header-groups-count) + 1);
}
.druids_table_table__th--is-group:not(.druids_table_table__cell--is-first)::before {
  border-left: var(--table-header-group-border--left, var(--table-header-group-border, var(--_default-header-group-border)));
}
.druids_table_table__th--is-group:not(:last-child)::before {
  right: -1px;
  border-right: var(--table-header-group-border--right, var(--table-header-group-border, var(--_default-header-group-border)));
}
.druids_table_table__tr--is-first > .druids_table_table__cell:is(:first-child, .druids_table_table__cell--is-first) {
  --table-cell-border-radius: var(--table-first-row-radius) 0 0 0;
}
.druids_table_table__tr--is-first > .druids_table_table__cell:last-child {
  --table-cell-border-radius: 0 var(--table-first-row-radius) 0 0;
}
.druids_table_table__tr--is-last > .druids_table_table__cell:is(:first-child, .druids_table_table__cell--row-action-focus + *) {
  --table-cell-border-radius: 0 0 0 var(--table-border-radius);
}
.druids_table_table__tr--is-last > .druids_table_table__cell:last-child {
  --table-cell-border-radius: 0 0 var(--table-border-radius) 0;
}
.druids_table_table__tr--is-last > .druids_table_table__cell:only-child {
  --table-cell-border-radius: 0 0 var(--table-border-radius) var(--table-border-radius);
}
.druids_table_table--size-xs,
.druids_table_table--size-sm {
  --table-cell-padding-y: 4px;
}
.druids_table_table--size-lg {
  --table-cell-padding-x: 8px;
  --table-cell-padding-y: 12px;
}
.druids_table_table--size-xl {
  --table-cell-padding-x: 12px;
  --table-cell-padding-y: 16px;
}
.druids_table_table__thead {
  --table-cell-padding-y: 5px;
  --table-sort-icon-opacity: 1;
}
.druids_table_table__cell[class] {
  --table-cell-padding-top: calc(var(--table-cell-padding-y) - 1px);
  --table-cell-padding-bottom: var(--table-cell-padding-y);
}
.druids_table_table__cell {
  --table-cell-padding: var(--table-cell-padding-top) var(--table-cell-padding-x) var(--table-cell-padding-bottom) var(--table-cell-padding-x);
  padding: var(--table-cell-padding);
}
.druids_table_table__thead > * > .druids_table_table__cell {
  --table-cell-padding-top: var(--table-cell-padding-y);
}
.druids_table_table:not(.druids_table_table--has-fixed-row-height) > * > * > * > * > .druids_table_table__row-group > * + .druids_table_table__tr > .druids_table_table__cell:not(.druids_table_table__cell--is-full-width) {
  --table-cell-padding-top: 0;
}
.druids_table_table:not(.druids_table_table--is-sub-table) > * > * > * > .druids_table_table__table > *:not(.druids_table_table__row-group) > .druids_table_table__tr--is-last > .druids_table_table__cell {
  --table-cell-padding-bottom: var(--table-cell-padding-top);
}
.druids_table_table__th,
.druids_table_table__th > .druids_table_table__cell-content {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: inherit;
}
.druids_table_table__th--is-group.druids_table_table__cell--is-empty {
  position: static;
}
.druids_table_table__th--is-group,
.druids_table_table__th--is-group > .druids_table_table__cell-content {
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  color: var(--ui-text-secondary);
}
.druids_table_table__th > .druids_table_table__cell-content {
  padding: 0;
  --overflower-padding-x: var(--table-cell-padding-x);
  --overflower-padding-y: var(--table-cell-padding-y);
}
.druids_table_table--has-no-passive-hover-on-rows {
  --table-passive-row-hover-background: transparent;
}
.druids_table_table--has-default-row-background {
  --table-row-background: var(--ui-background);
}
.druids_table_table--has-default-row-background.druids_table_table--is-loading {
  --table-passive-row-hover-background: var(--ui-background);
}
.druids_table_table:not(.druids_table_table--has-row-groups) > * > * > * > * > .druids_table_table__tbody > .druids_table_table__tr:hover,
.druids_table_table--has-row-groups > * > * > * > * > .druids_table_table__tbody:hover > .druids_table_table__tr {
  --table-row-background: var(--table-passive-row-hover-background);
}
.druids_table_table:not(.druids_table_table--has-row-groups) > * > * > * > * > .druids_table_table__tbody > .druids_table_table__tr:not(.druids_table_table__tr--is-last):hover,
.druids_table_table--has-row-groups > * > * > * > * > .druids_table_table__tbody:not(:last-child):hover > .druids_table_table__tr--is-last {
  --cell-box-shadow-interactive-row-hover: var(--has-content-borders, inset 0 calc(-1 * var(--table-inner-border-width)) var(--table-inner-border)) var(--has-no-content-borders, 0 0);
}
.druids_table_table--has-no-inner-borders-except-headers > * > * > * > * > .druids_table_table__thead .druids_table_table__tr {
  --cell-box-shadow-separators: inset 0 -1px var(--ui-border);
}
.druids_table_table__tr--is-interactive:not(.druids_table_table__tr--no-hover):hover > .druids_table_table__td:not(.druids_table_table__cell--is-full-width),
.druids_table_table__row-group:hover > .druids_table_table__tr--is-interactive:not(.druids_table_table__tr--no-hover) > .druids_table_table__td:not(.druids_table_table__cell--is-full-width),
.druids_table_table__td.druids_table_table__cell--is-interactive:hover {
  --table-row-background: var(--ui-interaction-secondary);
}
.druids_table_table__cell,
body:not(.druids_table_table) {
  --_table-row-state: var(--table-row--default) var(--table-row--not-focus);
  --table-row--default: var(--_table-row-state,);
  --table-row--hover: var(--_table-row-state,);
  --table-row--focus: var(--_table-row-state,);
  --table-row--not-focus: var(--_table-row-state,);
  --table-row--not-default: var(--_table-row-state,);
  --_table-row-selected-state: var(--table-row--not-selected);
  --table-row--not-selected: var(--_table-row-selected-state,);
  --table-row--is-selected: var(--_table-row-selected-state,);
  --_table-cell-state: var(--table-cell--default);
  --table-cell--default: var(--_table-cell-state,);
  --table-cell--hover: var(--_table-cell-state,);
}
.druids_table_table__tr--is-interactive:hover > .druids_table_table__cell,
.druids_table_table__tr:hover > .druids_table_table__cell--is-interactive-inside {
  --_table-row-state: var(--table-row--not-default) var(--table-row--hover) var(--table-row--not-focus);
}
.druids_table_table__tr--is-selected > .druids_table_table__cell {
  --_table-row-selected-state: var(--table-row--is-selected);
}
.druids_table_table__tr--is-interactive.druids_table_table__tr--is-selected:hover > .druids_table_table__cell[class] {
  --table-row-background: var(--ui-interaction-secondary-contrast);
}
.druids_table_table__cell--is-interactive:hover {
  --_table-cell-state: var(--table-cell--hover);
}
@supports not selector(:has(.focus-visible:focus)) {
  .druids_table_table__cell--is-interactive:focus-within {
    --_table-cell-state: var(--table-cell--hover);
  }
}
.druids_table_table__cell--is-interactive:has(.focus-visible:focus) {
  --_table-cell-state: var(--table-cell--hover);
}
.druids_table_table__tr:not(.druids_table_table__tr--is-last) > .druids_table_table__cell--arrows-expander:not(.druids_table_table__nested-table-expander):not(:hover) {
  --cell-box-shadow-interactive-cell: inset 0 -1px var(--table-inner-border);
}
.druids_table_table__cell--is-interactive[class]:hover {
  z-index: calc(10 + var(--table-extra-z-index));
  --cell-box-shadow-interactive-cell: -1px 0 var(--ui-border),
            1px 0 var(--ui-border), 0 -1px var(--ui-border),
            inset 0 -1px var(--ui-border);
}
.druids_table_table__tbody > * > .druids_table_table__cell,
.druids_table_table__thead > * > .druids_table_table__cell--is-empty {
  color: var(--table-cell-color);
  background-color: var(--table-row-background);
}
.druids_table_table__cell--is-virtual {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
.druids_table_table__cell--text-align-right {
  text-align: right;
  justify-content: flex-end;
}
.druids_table_table__cell--text-align-center {
  text-align: center;
  justify-content: center;
}
.druids_table_table__cell--is-sticky:not(.druids_table_table__cell--is-complex),
.druids_table_table__cell--is-sticky > .druids_table_table__cell-content[class][class] {
  position: sticky;
  z-index: calc(17 + var(--table-extra-z-index));
  top: var(--table-sticky-headers);
  background: var(--ui-background);
  --cell-box-shadow-sticky-header: 0 calc(-1 * var(--table-inner-border-width)) var(--table-inner-border),
            inset 0 calc(-1 * var(--table-inner-border-width))
                var(--table-inner-border);
  grid-column-start: var(--column-start);
  grid-row-start: var(--rowindex);
}
.druids_table_table__cell--has-fixed-height {
  --table-cell-padding-y: var(--has-content-borders, 1px) var(--has-no-content-borders, 0px);
  line-height: calc(var(--table-row-height) - var(--table-cell-padding-y));
}
.druids_table_table__cell--has-input:not(.druids_table_table__cell--is-complex),
.druids_table_table__cell--has-input > .druids_table_table__cell-content {
  display: flex;
  align-items: center;
  min-height: var(--table-row-height, 33px);
  --table-cell-padding-y: 0px;
}
.druids_table_table__cell--has-input:not(.druids_table_table__cell--is-complex) > *,
.druids_table_table__cell--has-input > .druids_table_table__cell-content > * {
  width: 0;
  min-width: 1.5em;
  flex-grow: 1;
}
.druids_table_table__cell--has-vertical-align.druids_table_table__cell--has-custom-component:not( .druids_table_table__cell--is-complex),
.druids_table_table__cell--has-vertical-align:not(.druids_table_table__cell--is-complex),
.druids_table_table__cell--has-vertical-align > .druids_table_table__cell-content {
  display: flex;
  align-items: var(--table-cell-vertical-align, center);
}
.druids_table_table__cell--has-vertical-align,
.druids_table_table__cell--has-vertical-align > .druids_table_table__cell-content {
  line-height: inherit;
}
.druids_table_table__cell--has-fixed-height.druids_table_table__cell--has-vertical-align,
.druids_table_table__cell--has-fixed-height.druids_table_table__cell--has-vertical-align > .druids_table_table__cell-content {
  min-height: var(--table-row-height, 33px);
}
.druids_table_table__sort-icon {
  vertical-align: middle;
  margin: 0 6px 2px 0;
  fill: currentColor;
}
.druids_table_table__sort-icon-tooltip > .druids_table_table__sort-icon {
  margin-right: 0;
}
.druids_table_table__sort-icon-tooltip {
  margin-right: 6px;
}
.druids_table_table__th.druids_table_table__cell--is-interactive,
.druids_table_table__th.druids_table_table__cell--is-interactive > .druids_table_table__cell-content {
  transition: user-select 0s 0.1s linear;
  transition-behavior: allow-discrete;
}
.druids_table_table__th.druids_table_table__cell--is-interactive:not(:focus),
.druids_table_table__th.druids_table_table__cell--is-interactive > .druids_table_table__cell-content:not(:focus),
.druids_table_table__th.druids_table_table__cell--is-interactive:focus-visible,
.druids_table_table__th.druids_table_table__cell--is-interactive > .druids_table_table__cell-content:focus-visible {
  -webkit-user-select: text;
  user-select: text;
}
.druids_table_table__th.druids_table_table__cell--is-interactive:active,
.druids_table_table__th.druids_table_table__cell--is-interactive > .druids_table_table__cell-content:active {
  -webkit-user-select: none;
  user-select: none;
  transition-delay: 0s;
}
.druids_table_table__th.druids_table_table__cell--is-interactive,
.druids_table_table__th.druids_table_table__cell--is-interactive > .druids_table_table__cell-content,
.druids_table_table__cell--is-row-action,
.druids_table_table__cell--is-row-action > .druids_table_table__cell-content {
  cursor: pointer;
  color: inherit;
  border: none;
}
html:not(.js-focus-visible) .druids_table_table__th.druids_table_table__cell--is-interactive:focus,
html:not(.js-focus-visible) .druids_table_table__th.druids_table_table__cell--is-interactive > .druids_table_table__cell-content:focus,
html:not(.js-focus-visible) .druids_table_table__cell--is-row-action:focus,
html:not(.js-focus-visible) .druids_table_table__cell--is-row-action > .druids_table_table__cell-content:focus {
  outline: none;
}
html.js-focus-visible .druids_table_table__th.druids_table_table__cell--is-interactive:focus:not(.focus-visible),
html.js-focus-visible .druids_table_table__th.druids_table_table__cell--is-interactive > .druids_table_table__cell-content:focus:not(.focus-visible),
html.js-focus-visible .druids_table_table__cell--is-row-action:focus:not(.focus-visible),
html.js-focus-visible .druids_table_table__cell--is-row-action > .druids_table_table__cell-content:focus:not(.focus-visible) {
  outline: none;
}
.druids_table_table__th.druids_table_table__cell--is-interactive:is([href]),
.druids_table_table__th.druids_table_table__cell--is-interactive > .druids_table_table__cell-content:is([href]),
.druids_table_table__cell--is-row-action:is([href]),
.druids_table_table__cell--is-row-action > .druids_table_table__cell-content:is([href]) {
  text-decoration: var(--ui-text-decoration-line);
  text-decoration-color: var(--ui-text-decoration-color);
}
.druids_table_table__th.druids_table_table__cell--is-interactive[tabindex='-1']:focus,
.druids_table_table__th.druids_table_table__cell--is-interactive > .druids_table_table__cell-content[tabindex='-1']:focus,
.druids_table_table__cell--is-row-action[tabindex='-1']:focus,
.druids_table_table__cell--is-row-action > .druids_table_table__cell-content[tabindex='-1']:focus {
  outline: none;
}
.druids_table_table__td.druids_table_table__cell--is-row-action {
  position: relative;
  z-index: calc(0 + var(--table-extra-z-index));
}
.druids_table_table__td.druids_table_table__cell--is-interactive {
  position: relative;
  z-index: calc(1 + var(--table-extra-z-index));
}
.druids_table_table__th > .druids_table_table__cell-content::after {
  content: '';
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  bottom: 1px;
  right: 0;
  background: var(--table-row-background);
  border-radius: inherit;
  box-shadow: var(--cell-box-shadow-interactive-row-hover);
  --is-helper-pseudo: 1;
}
.druids_table_table__sub-component--is-nested-table .druids_table_table__th > .druids_table_table__cell-content::after {
  background: var(--ui-background-secondary);
}
.druids_table_table__cell--is-interactive {
  --right-offset: 1px;
}
.druids_table_table--is-scrollable .druids_table_table__cell--is-interactive:last-child,
.druids_table_table--is-borderless .druids_table_table__cell--is-interactive:last-child {
  --right-offset: 0px;
}
.druids_table_table__cell--is-interactive .druids_table_table--is-scrollable,
.druids_table_table--is-borderless .druids_table_table__cell--is-interactive:not( :has( ~ .druids_table_table__th:not( .druids_table_table__cell--is-empty, .druids_table_table__cell--is-virtual))) {
  --right-offset: 0px;
}
.druids_table_table__cell--is-interactive.druids_table_table__th > .druids_table_table__cell-content {
  --header-hover-background: transparent;
  --header-border-color: transparent;
  --header-hover-border-color: var(--ui-interaction-primary-contrast);
  z-index: calc(0 + var(--table-extra-z-index));
}
.druids_table_table__cell--is-interactive.druids_table_table__th > .druids_table_table__cell-content::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: calc(-1 * var(--table-inner-border-width));
  right: calc(-1 * var(--right-offset));
  bottom: 0;
  left: 0;
  width: calc(100% + var(--right-offset));
  border-radius: inherit;
  pointer-events: none;
  background: var(--header-hover-background);
  box-shadow: inset 0 0 0 1px var(--header-border-color), var(--header-shadow);
  visibility: inherit;
}
.druids_table_table__cell--is-interactive.druids_table_table__th:is(:first-child, .druids_table_table__cell--is-first) > .druids_table_table__cell-content::before {
  left: -1px;
  width: calc(100% + 2px);
}
.druids_table_table__cell--is-interactive.druids_table_table__th > .druids_table_table__cell-content[class]:hover,
.druids_table_table__cell--is-interactive.druids_table_table__cell--is-active > .druids_table_table__cell-content[class][class],
.druids_table_table__cell--is-interactive.druids_table_table__cell--is-interactive.druids_table_table__cell--is-interactive.druids_table_table__th:focus-within > .druids_table_table__cell-content[class] {
  z-index: calc(18 + var(--table-extra-z-index));
}
.druids_table_table:not(.druids_table_table--is-resizing) .druids_table_table__cell--is-interactive.druids_table_table__cell--is-active > .druids_table_table__cell-content[class][class],
.druids_table_table:not(.druids_table_table--is-resizing) .druids_table_table__cell--is-interactive.druids_table_table__th:not(.druids_table_table__cell--no-hover) > .druids_table_table__cell-content[class][class]:hover,
.druids_table_table:not(.druids_table_table--is-resizing) .druids_table_table__cell--is-interactive.druids_table_table__th:not( .druids_table_table__cell--no-hover):not(.druids_table_table__cell--is-checkbox):focus-within > .druids_table_table__cell-content[class][class],
.druids_table_table:not(.druids_table_table--is-resizing) .druids_table_table__cell--is-interactive.druids_table_table__th:not( .druids_table_table__cell--no-hover).druids_table_table__cell--is-checkbox.focus-visible > .druids_table_table__cell-content[class][class] {
  color: var(--ui-text-knockout);
  background: transparent;
  --header-hover-background: var(--ui-interaction-primary);
  --header-border-color: var(--header-hover-border-color);
  --header-shadow: 0 0;
}
.druids_table_table__cell--is-interactive.druids_table_table__cell--is-active > .druids_table_table__cell-content[class][class] .druids_form_checkbox__icon,
.druids_table_table__cell--is-interactive.druids_table_table__th:not(.druids_table_table__cell--no-hover) > .druids_table_table__cell-content[class][class]:hover .druids_form_checkbox__icon,
.druids_table_table__cell--is-interactive.druids_table_table__th:not( .druids_table_table__cell--no-hover):not(.druids_table_table__cell--is-checkbox):focus-within > .druids_table_table__cell-content[class][class] .druids_form_checkbox__icon,
.druids_table_table__cell--is-interactive.druids_table_table__th:not( .druids_table_table__cell--no-hover).druids_table_table__cell--is-checkbox.focus-visible > .druids_table_table__cell-content[class][class] .druids_form_checkbox__icon {
  color: var(--ui-interaction-primary-contrast);
}
.druids_table_table__thead > .druids_table_table__tr > .druids_table_table__th {
  --is-first-header: 0;
  --is-last-header: 0;
}
.druids_table_table:not(.druids_table_table--is-borderless) .druids_table_table__thead > .druids_table_table__tr > .druids_table_table__th:is(:first-child, .druids_table_table__cell--is-first) {
  --is-first-header: 1;
}
.druids_table_table:not(.druids_table_table--is-borderless) .druids_table_table__thead > .druids_table_table__tr > .druids_table_table__th:last-child {
  --is-last-header: 1;
}
.druids_table_table__thead > .druids_table_table__tr--has-interactive-cells:hover > * > .druids_table_table__cell-content,
.druids_table_table__thead > .druids_table_table__tr--has-interactive-cells:focus-within > * > .druids_table_table__cell-content,
.druids_table_table__thead > .druids_table_table__tr--has-interactive-cells:hover > * > .druids_table_table__cell-content::after,
.druids_table_table__thead > .druids_table_table__tr--has-interactive-cells:focus-within > * > .druids_table_table__cell-content::after {
  --cell-box-shadow-interactive-row-hover: var(--table-header-hover-shadow, inset 0 calc(-1px * (1 - var(--is-helper-pseudo, 0))) var(--ui-border), 0 -1px var(--ui-border), inset calc(1px * (1 - var(--is-first-header))) 0 var(--ui-border), calc(1px * (1 - var(--is-last-header))) 0 0 var(--ui-border));
}
.druids_table_table__cell--is-first,
*:not(.druids_table_table__row-group) > * > .druids_table_table__td:first-child,
.druids_table_table__row-group > *:not(.druids_table_table__tr--is-extra) > .druids_table_table__td:first-child {
  grid-column-start: 1;
}
.druids_table_table__thead .druids_layout_overflower__before,
.druids_table_table__thead .druids_layout_overflower__after {
  display: inline-flex;
  align-self: center;
  align-items: center;
}
.druids_table_table__thead .druids_table_table__cell-content > .druids_layout_overflower__after {
  display: contents;
}
.druids_table_table__thead .druids_table_table__cell:not(.druids_table_table__cell--is-active) > .druids_table_table__cell-content:not(:hover):not(:focus-within) .druids_table_table__header-button-wrapper:not(.druids_table_table__header-button-wrapper--is-active) {
  opacity: 0;
}
.druids_table_table__thead .druids_table_table__cell--text-align-right.druids_table_table__cell--is-intrinsic-column:not( .druids_table_table__cell--is-active) > .druids_table_table__cell-content:not(:hover):not(:focus-within) .druids_table_table__header-button-wrapper:not(.druids_table_table__header-button-wrapper--is-active) {
  order: -1;
}
.druids_table_table__thead .druids_table_table__th:not(.druids_table_table__cell--is-intrinsic-column):not(.druids_table_table__cell--is-active) > .druids_table_table__cell-content:not(:hover):not(:focus-within) .druids_table_table__header-button-wrapper:not(.druids_table_table__header-button-wrapper--is-active) {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
.druids_table_table__thead .druids_table_table__cell--text-align-center.druids_table_table__cell--is-intrinsic-column .druids_table_table__header-button-wrapper {
  position: absolute;
  right: 0;
}
.druids_table_table__toolbar,
.druids_table_table__bulk-actions-toolbar {
  height: var(--table-toolbar-height);
  border-radius: 4px 4px 0 0;
  border: 1px solid var(--table-outer-border);
  background: var(--table-row-background);
}
.druids_table_table__toolbar__deselect-button,
.druids_table_table__bulk-actions-toolbar__deselect-button {
  margin-left: auto;
}
.druids_table_table__toolbar__count,
.druids_table_table__bulk-actions-toolbar__count {
  display: inline-block;
  white-space: nowrap;
}
.druids_table_table__bulk-actions-toolbar {
  background: var(--ui-interaction-secondary);
  border: 1px solid var(--ui-interaction-primary);
  z-index: calc(3 + var(--table-extra-z-index));
}
.druids_table_table--is-borderless .druids_table_table__bulk-actions-toolbar,
.druids_table_table--is-borderless .druids_table_table__toolbar {
  border-radius: 4px;
}
.druids_table_table--is-borderless .druids_table_table__toolbar,
.druids_table_table--is-borderless .druids_table_table__bulk-actions-toolbar {
  margin-bottom: 8px;
}
.druids_table_table--has-default-row-background .druids_table_table__toolbar {
  --table-row-background: var(--ui-background);
}
.druids_table_table__header-button-wrapper[class] {
  display: flex;
  align-self: flex-start;
  align-items: center;
  height: 29px;
  margin: -1px 0 0 auto;
}
.druids_table_table__header-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 28px;
  transform: translateX(var(--right-offset));
  border-radius: var(--table-cell-border-radius);
  border-top-left-radius: 0;
  --header-hover-border-color: var(--ui-interaction-primary-contrast);
  --box-shadow--active: 0 0;
  box-shadow: none;
  background: none !important;
  --box-shadow: inset 0 0 0 1px var(--header-hover-border-color);
}
.druids_table_table__header-button:focus {
  --box-shadow--active: inset 0 0.1em 0.3em rgba(36, 41, 49, 0.44);
}
.druids_table_table__header-button:not(:hover):not(:focus) .druids_table_table__header-button__icon {
  opacity: 0.75;
}
.druids_table_table__header-button[class]:hover,
.druids_table_table__header-button[class]:focus,
.druids_table_table__cell--is-interactive .druids_table_table__header-button[class] {
  box-shadow: var(--box-shadow), var(--box-shadow--active);
  background: var(--ui-interaction-primary) !important;
  color: var(--ui-text-knockout);
}
.druids_table_table--is-sub-table::before {
  content: '';
  z-index: calc(6 + var(--table-extra-z-index));
  height: 1px;
  margin-top: -1px;
  pointer-events: none;
  background: var(--ui-border);
  grid-column: 1 / span var(--columns-count);
}
.druids_table_table--is-sub-table > .druids_table_table__header,
.druids_table_table--is-sub-table > .druids_table_table__footer {
  grid-column: 1 / span var(--columns-count);
  margin: 0;
}
.druids_table_table--is-sub-table > .druids_table_table__header > *,
.druids_table_table--is-sub-table > .druids_table_table__footer > * {
  margin: 0;
}
.druids_table_table--is-sub-table > .druids_table_table__footer:not(:empty) {
  border-top: var(--table-inner-border-width) solid var(--table-inner-border);
}
.druids_table_table__cell--is-action-tray[class][class] {
  position: sticky;
  z-index: calc(7 + var(--table-extra-z-index));
  right: 0;
  padding: 0;
}
.druids_table_table__cell--is-action-tray[class][class]:hover {
  z-index: calc(12 + var(--table-extra-z-index));
}
*:hover > .druids_table_table__cell--is-action-tray[class][class][class][class] {
  --table-row-background: var(--ui-background-secondary);
}
.druids_table_table__cell--is-action-tray > .druids_table_action-tray {
  position: relative;
  box-sizing: border-box;
  width: fit-content;
  padding-bottom: var(--table-inner-border-width);
  margin-left: auto;
}
.druids_table_table__cell--is-action-tray > .druids_table_action-tray::before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  left: calc(-1 * var(--table-cell-padding-x));
  right: 0;
  bottom: var(--table-inner-border-width);
  --transparent-background: var(--LIGHT, rgba(255, 255, 255, 0)) var(--DARK, rgba(29, 28, 31, 0));
  background: linear-gradient(to right, var(--transparent-background), var(--table-row-background, var(--ui-background)) calc(2 * var(--table-cell-padding-x)));
}
.druids_table_table__cell--is-action-tray > .druids_table_action-tray > .druids_table_action-tray__hidden-actions {
  position: absolute;
  right: 100%;
  top: 0;
  bottom: var(--table-inner-border-width);
}
.druids_table_table__cell--is-action-tray.druids_table_table__cell--has-fixed-height {
  max-height: var(--table-row-height);
}
.druids_table_table__cell--is-full-width[class][class][class] {
  --colspan: var(--columns-count);
  --table-row-background: var(--ui-background);
  z-index: calc(9 + var(--table-extra-z-index));
  --bottom-cell-border: 0 0;
  --table-cell-shadow: 0 0;
  box-shadow: 0 calc(-1 * var(--table-inner-border-width)) var(--table-inner-border), var(--bottom-cell-border), var(--table-cell-shadow);
}
*:not(.druids_table_table__tr--is-last) > .druids_table_table__cell--is-full-width[class][class][class] {
  --bottom-cell-border: inset 0 calc(-1 * var(--table-inner-border-width)) var(--table-inner-border);
}
.druids_table_table__sub-component--is-nested-table[class][class][class] {
  box-shadow: 0 0, 0 calc(1 * var(--table-inner-border-width)) var(--table-inner-border);
}
.druids_table_table__bulk-actions[class][class] {
  display: flex;
  align-items: center;
  line-height: var(--bulk-actions-height);
  height: var(--bulk-actions-height);
  background: var(--ui-background-secondary);
}
.druids_table_table__thead--has-bulk-actions-as-first-row > * > .druids_table_table__bulk-actions {
  --table-cell-border-radius: var(--table-border-radius) var(--table-border-radius) 0 0;
}
.druids_table_table__bulk-actions-content {
  width: 0;
  flex-grow: 1;
}
.druids_table_table--has-sticky-headers .druids_table_table__bulk-actions--header {
  position: sticky;
  top: calc(var(--table-sticky-headers, 0px) + var(--table-header-height) * var(--header-groups-count--no-empty, 1));
}
.druids_table_table__bulk-actions--footer {
  position: sticky;
  bottom: 0;
}
*:last-child > .druids_table_table__bulk-actions--footer {
  border-radius: 0 0 var(--table-border-radius) var(--table-border-radius);
}
.druids_table_table__bulk-actions--is-stuck[class][class][class] {
  --table-cell-shadow: var(--shadow-position) 8px calc(2px - 8px) var(--ui-shadow-strength);
}
.druids_table_table__bulk-actions--header.druids_table_table__bulk-actions--is-stuck {
  --shadow-position: 0 8px;
}
.druids_table_table__bulk-actions--footer.druids_table_table__bulk-actions--is-stuck {
  --shadow-position: 0 calc(-1 * 8px);
}
.druids_table_table__cell--should-shrink:not(.druids_table_table__cell--is-complex),
.druids_table_table__cell--should-shrink > .druids_table_table__cell-content {
  contain: size;
  min-height: var(--table-row-height, 35px);
}
.druids_table_table__cell-keyboard-helper {
  grid-column: var(--column-start);
  grid-row: var(--rowindex);
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
@media (prefers-reduced-motion: no-preference) {
  .druids_table_table__tr--has-transition {
    --table-row-background: transparent;
  }
  .druids_table_table__tr--has-transition > .druids_table_table__cell {
    transition: background-color ease 0.2s;
  }
  .druids_table_table__tr--is-highlighted {
    --table-row-highlight: var(--LIGHT, var(--ui-interaction-secondary)) var(--DARK, #65626a);
    --table-row-background: var(--table-row-highlight);
  }
  .druids_table_table__tr--is-highlighted-callout {
    --table-row-background: var(--ui-interaction-callout-contrast);
  }
}
.druids_table_table__virtualized-placeholder {
  grid-column: 1 / span var(--columns-count);
  grid-row: calc(var(--header-groups-count) + 1);
}
.druids_table_table--is-resizing .druids_table_table__thead > * > .druids_table_table__cell:not(.druids_table_table__cell--is-complex),
.druids_table_table--is-resizing .druids_table_table__thead > * > * > .druids_table_table__cell-content,
.druids_table_table--is-resizing .druids_table_table__tbody {
  pointer-events: none;
}
.druids_table_table__popover-action:not(:hover) {
  background: var(--ui-background-secondary);
}
.druids_table_table__popover-action-highlight {
  color: var(--action-hover-text-color, var(--ui-interaction-primary));
}
.druids_table_table__root-wrapper[style*='--table-sticky-column-id-'] {
  --table-row-background: var(--ui-background);
}
.druids_table_table__cell:not(.druids_table_table__cell--is-complex)[style*='--table-cell--is-sticky:'],
.druids_table_table__cell[style*='--table-cell--is-sticky:'] > .druids_table_table__cell-content {
  position: sticky;
  left: calc(var(--table-cell--is-sticky, 0px) + var(--_extra-sticky-left-offset, 0px));
  z-index: calc(0 + var(--table-extra-z-index));
  --cell-box-shadow-sticky-column: 1px 0 var(--ui-border);
  --table-extra-z-index: 14;
  --size: 16px;
  will-change: border-image;
}
thead[style*='--scroll-left:']:not([style*='--scroll-left:0px;']):not(
                [style*='--scroll-left: 0px;']
            ) > * > .druids_table_table__cell:not(.druids_table_table__cell--is-complex)[style*='--table-cell--is-sticky:'],
thead[style*='--scroll-left:']:not([style*='--scroll-left:0px;']):not(
                [style*='--scroll-left: 0px;']
            ) > * > .druids_table_table__cell[style*='--table-cell--is-sticky:'] > .druids_table_table__cell-content,
thead[style*='--scroll-left:']:not([style*='--scroll-left:0px;']):not(
                [style*='--scroll-left: 0px;']
            ) ~ tbody > * > .druids_table_table__cell:not(.druids_table_table__cell--is-complex)[style*='--table-cell--is-sticky:'],
thead[style*='--scroll-left:']:not([style*='--scroll-left:0px;']):not(
                [style*='--scroll-left: 0px;']
            ) ~ tbody > * > .druids_table_table__cell[style*='--table-cell--is-sticky:'] > .druids_table_table__cell-content {
  border-image: linear-gradient(to right, var(--ui-shadow-strength) -75%, -25%, transparent) 0 fill / 0 0 0 calc(100% - var(--size)) / 0 var(--size) 0 0;
}
.druids_table_table__tr--is-empty > .druids_table_table__th--is-group.druids_table_table__cell--is-sticky {
  position: static;
  --table-extra-z-index: 2;
}
.druids_table_table__cell[style*='--table-cell--is-sticky:']:first-child,
.druids_table_table__cell[style*='--table-cell--is-sticky:']:first-child > .druids_table_table__cell-content {
  --cell-box-shadow-first-sticky-column: -1px 0 var(--ui-border);
}
.druids_table_table__cell.druids_table_table__th[style*='--table-cell--is-sticky:'],
.druids_table_table__cell.druids_table_table__th[style*='--table-cell--is-sticky:'] > .druids_table_table__cell-content {
  --table-extra-z-index: 20;
}
.druids_table_table__cell[style*='--table-cell--is-sticky:'] > .druids_table_table__resizer {
  left: calc(var(--resizer-left) + var(--scroll-left));
}
.druids_table_table__cell[style*='--table-cell--is-sticky:'] > .druids_table_table__resizer-helper {
  left: var(--scroll-left);
}
.druids_table_table__scroll-guard,
.druids_table_table__scroll-shadow {
  pointer-events: none;
  position: absolute;
  top: var(--offset);
  left: var(--offset);
  right: var(--offset);
  bottom: var(--offset);
  z-index: 13;
  --size: 1px;
  --offset: 0px;
}
.druids_table_table__scroll-guard--top,
.druids_table_table__scroll-shadow--top {
  --mask-direction: to bottom;
  --mask-corner-a: 100% 0;
  --mask-corner-b: 0 0;
  --shadow-position: 0 var(--size);
  height: var(--size);
  bottom: auto;
  right: var(--custom-scrollbars-width, 0px);
  border-radius: var(--table-border-radius) var(--optional-border-radius) 0 0;
}
.druids_table_table__scroll-guard--bottom,
.druids_table_table__scroll-shadow--bottom {
  --mask-direction: to top;
  --mask-corner-a: 100% 100%;
  --mask-corner-b: 0 100%;
  --shadow-position: 0 calc(-1 * var(--size));
  height: var(--size);
  top: auto;
  right: var(--custom-scrollbars-width, 0px);
  border-radius: 0 0 var(--optional-border-radius) var(--table-border-radius);
}
.druids_table_table__scroll-guard--left,
.druids_table_table__scroll-shadow--left {
  --mask-direction: to right;
  --mask-corner-a: 0 100%;
  --mask-corner-b: 0 0;
  --shadow-position: var(--size) 0;
  width: var(--size);
  right: auto;
  bottom: var(--custom-scrollbars-width, 0px);
  border-radius: var(--table-border-radius) 0 0 var(--optional-border-radius);
}
.druids_table_table__scroll-guard--right,
.druids_table_table__scroll-shadow--right {
  --mask-direction: to left;
  --mask-corner-a: 100% 100%;
  --mask-corner-b: 100% 0;
  --shadow-position: calc(-1 * var(--size)) 0;
  width: var(--size);
  left: auto;
  bottom: var(--custom-scrollbars-width, 0px);
  border-radius: 0 var(--table-border-radius) var(--optional-border-radius) 0;
}
.druids_table_table__scroll-shadow {
  --size: 16px;
  --optional-border-radius: var(--table-border-radius);
  box-shadow: inset var(--shadow-position) var(--size) calc(-1 * var(--size)) var(--ui-shadow-strength);
}
.has-custom-scrollbars .druids_table_table__scroll-shadow {
  --optional-border-radius: 0;
}
.dark-mode .druids_table_table__scroll-shadow {
  --offset: 1px;
}
.druids_table_table__scroll-shadow--top,
.druids_table_table__scroll-shadow--bottom {
  --mask-middle-position: var(--size) 0 / calc(100% - 2 * var(--size))
                100%;
}
.druids_table_table__scroll-shadow--left,
.druids_table_table__scroll-shadow--right {
  --mask-middle-position: 0 var(--size) / 100%
                calc(100% - 2 * var(--size));
}
.druids_table_table__scroll-shadow--bottom {
  bottom: calc(var(--offset) - 1px);
}
.druids_table_table__scroll-shadow--bottom,
.druids_table_table__scroll-shadow--top {
  z-index: 16;
}
.druids_table_table__scroll-shadow:not(.druids_table_table__scroll-shadow--is-visible) {
  visibility: hidden;
}
.druids_table_table__scroll-shadow--is-visible + .druids_table_table__scroll-shadow--right,
.druids_table_table__scroll-shadow--is-visible + * + .druids_table_table__scroll-shadow--right {
  right: var(--custom-scrollbars-width, 0px);
}
.druids_table_table--is-borderless .druids_table_table__scroll-shadow {
  --mask: radial-gradient(100% 100% at var(--mask-corner-a), #fff, transparent) 0 0 / var(--size) var(--size) no-repeat,
            linear-gradient(var(--mask-direction), #fff, transparent)
                var(--mask-middle-position) no-repeat,
            radial-gradient(
                    100% 100% at var(--mask-corner-b),
                    #fff,
                    transparent
                )
                100% 100% / var(--size) var(--size) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  opacity: 0.9;
}
.druids_table_table--has-sticky-headers .druids_table_table__scroll-shadow {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.druids_table_table--has-sticky-headers .druids_table_table__scroll-shadow--top,
.druids_table_table--has-sticky-headers .druids_table_table__scroll-shadow--left,
.druids_table_table--has-sticky-headers .druids_table_table__scroll-shadow--right {
  top: calc(var(--has-visible-bulk-actions) * var(--bulk-actions-height, 0px) + var(--table-shadow-toolbar-offset, 0px) + var(--table-sticky-headers, 0px) + var(--table-header-height) * var(--header-groups-count--no-empty, 1) + var(--table-extra-top-shadow-padding));
}
.druids_table_table__sticky-scrollbar-guard {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 1px;
  pointer-events: none;
}
.druids_table_table--is-x-scrollable:not(.druids_table_table--is-y-scrollable) {
  --custom-scrollbars-width: 13px;
}
.has-custom-scrollbars .druids_table_table--is-x-scrollable:not(.druids_table_table--is-y-scrollable) {
  --custom-scrollbars-width: inherit;
}
.druids_table_table__sticky-scrollbar[style*='--content-width:'] {
  position: sticky;
  bottom: 0;
  z-index: 20;
  visibility: hidden;
  min-height: var(--custom-scrollbars-width);
  margin-top: calc(-1 * var(--custom-scrollbars-width));
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  contain: strict;
  --content-width: 0px;
  /* stylelint-disable-next-line selector-disallowed-list -- The `#a#b` will never match, and the `::-webkit-scrollbar` makes the whole rule to apply only if it is supported. */
}
.has-custom-scrollbars .druids_table_table__sticky-scrollbar[style*='--content-width:'] {
  background: var(--ui-background);
  border-radius: 0 0 var(--table-border-radius) var(--table-border-radius);
  transform: translateY(1px);
  --size: 8px;
  box-shadow: inset 0 0 0 1px var(--ui-border), 0 calc(-0.5 * var(--size)) var(--size) calc(-0.5 * var(--size)) var(--ui-shadow-strength);
}
.druids_table_table__sticky-scrollbar[style*='--content-width:']:hover {
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg);
}
.druids_table_table__sticky-scrollbar[style*='--content-width:']#a#b::-webkit-scrollbar,
.druids_table_table__sticky-scrollbar[style*='--content-width:']:hover {
  scrollbar-color: unset;
}
.druids_table_table__sticky-scrollbar[style*='--content-width:']::before {
  content: '';
  display: block;
  width: var(--content-width);
  height: 0.1px;
}
.druids_table_table__sliced-columns-button {
  --table-cell-padding-x: 0px;
  --table-cell-padding-y: 0px;
}
.druids_table_table__summary-placeholder {
  box-sizing: content-box;
  padding-block: 0.25em;
  background-clip: content-box;
}
.druids_table_table__quiet-row-context,
.druids_table_table--has-quiet-rows .druids_table_table__cell {
  --ui-is-quiet: var(--table-row--is-selected,  /*!*/) var(--table-row--not-selected, var(--table-row--default, initial) var(--table-row--not-default,  /*!*/));
  --ui-not-quiet: var(--table-row--is-selected, initial) var(--table-row--not-selected, var(--table-row--default,  /*!*/) var(--table-row--not-default, initial));
}
.druids_table_table__quiet-row-context--reset[class] {
  --ui-is-quiet:  /*!*/;
  --ui-not-quiet: initial;
}
.druids_table_table--has-toolbar {
  --table-first-row-radius: 0;
  --table-shadow-toolbar-offset: var(--table-toolbar-height);
  --table-header-hover-shadow: inset 0 -999px transparent,
        inset calc(1px * (1 - var(--is-first-header))) 0 var(--ui-border),
        calc(1px * (1 - var(--is-last-header))) 0 0 var(--ui-border);
}
.druids_table_table--has-toolbar > .druids_table_table__root {
  padding-top: 0;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_search-modal {
  --search-modal-background: var(--LIGHT, var(--ui-background-elevated)) var(--DARK, #464b59);
  --search-modal-icon: var(--LIGHT, var(--ui-text-tertiary)) var(--DARK, rgba(255, 255, 255, 0.4));
  --search-modal-icon-active: var(--LIGHT, #bebbc0) var(--DARK, rgba(255, 255, 255, 0.7));
  --search-modal-divider: var(--LIGHT, #eff1f5) var(--DARK, rgba(255, 255, 255, 0.2));
  --search-modal-no-results: var(--LIGHT, var(--ui-text-secondary)) var(--DARK, rgba(255, 255, 255, 0.5));
  --search-modal-namespace-background: var(--LIGHT, #eff1f5) var(--DARK, #373b46);
  --search-modal-namespace-text: var(--LIGHT, var(--ui-text-tertiary)) var(--DARK, rgba(255, 255, 255, 0.85));
  --search-modal-item-text: var(--LIGHT, var(--ui-text)) var(--DARK, var(--ui-text-knockout));
  --search-modal-item-knockout-text: var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text-knockout));
  --search-modal-item-is-selected-background: var(--LIGHT, #0953bf) var(--DARK, #3d8bd0);
  --search-modal-item-is-selected-background-active: var(--LIGHT, #0848a7) var(--DARK, #2f7ec4);
  position: relative;
  width: 768px;
  max-width: 100vw;
  box-sizing: border-box;
  margin-right: 16px;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  background: var(--search-modal-background) !important;
  border-radius: 8px !important;
  overflow: hidden;
  box-shadow: 0px 8px 72px 8px rgba(0, 0, 0, 0.12), 0px 24px 33px 5px rgba(0, 0, 0, 0.14), 0px 11px 20px -8px rgba(0, 0, 0, 0.2);
}
.druids_dialogs_search-modal--theme-dd-product {
  --search-modal-background: #292e39;
  --search-modal-icon: rgba(255, 255, 255, 0.4);
  --search-modal-icon-active: rgba(255, 255, 255, 0.7);
  --search-modal-divider: rgba(255, 255, 255, 0.2);
  --search-modal-no-results: rgba(255, 255, 255, 0.5);
  --search-modal-namespace-background: #1d1f26;
  --search-modal-namespace-text: rgba(255, 255, 255, 0.85);
  --search-modal-item-text: var(--ui-text-knockout);
  --search-modal-item-knockout-text: var(--ui-text-knockout);
  --search-modal-item-is-selected-background: #006bc2;
  --search-modal-item-is-selected-badge-background: #4e91d1;
  --search-modal-item-is-selected-background-active: #005da9;
}
.druids_dialogs_search-modal__scope {
  white-space: nowrap;
  font-size: 18px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: var(--ui-text-secondary);
}
.druids_dialogs_search-modal--is-scoped .druids_dialogs_search-modal__input {
  padding-left: 4px;
}
.druids_dialogs_search-modal__input {
  border: none;
  outline: none;
  width: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--search-modal-background);
  box-sizing: border-box;
  font-size: 18px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: var(--search-modal-item-text);
  padding-left: 16px;
  padding-right: 8px;
  height: 52px;
}
.druids_dialogs_search-modal__input::placeholder {
  color: var(--search-modal-icon);
  left: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_dialogs_search-modal__search {
  color: var(--search-modal-icon);
  flex-shrink: 0;
}
.druids_dialogs_search-modal__clear__icon {
  color: var(--search-modal-icon) !important;
}
.druids_dialogs_search-modal__clear:hover .druids_dialogs_search-modal__clear__icon {
  color: var(--search-modal-item-knockout-text) !important;
}
.druids_dialogs_search-modal__clear:active .druids_dialogs_search-modal__clear__icon {
  color: var(--search-modal-icon-active) !important;
}
.druids_dialogs_search-modal__list-holder {
  position: relative;
}
.druids_dialogs_search-modal__list-holder::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 1;
  height: 24px;
  transition: opacity 0.15s linear;
  border-radius: 50%;
  top: -24px;
  box-shadow: 0 8px 8px -8px var(--ui-shadow-strength);
  clip: rect(24px, auto, 32px, 0);
}
.druids_dialogs_search-modal__list-holder--at-top::before {
  opacity: 0;
}
.druids_dialogs_search-modal__list {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  overflow: auto;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0 8px 8px 8px;
}
.druids_dialogs_search-modal__row {
  scroll-margin-top: 34px;
  line-height: 1;
  box-sizing: border-box;
  color: var(--search-modal-item-text);
  cursor: pointer;
  --icon-fill-override: var(--ui-text-secondary);
}
.druids_dialogs_search-modal__row--item {
  padding: 10px 16px 10px 16px;
  border-radius: 8px;
}
.druids_dialogs_search-modal__row--namespace {
  position: sticky;
  padding: 0 16px;
  margin: 8px -8px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.8;
  font-weight: 600;
  background-color: var(--search-modal-namespace-background);
  color: var(--search-modal-namespace-text);
  cursor: auto;
  user-select: none;
  top: 0;
  z-index: 1;
}
.druids_dialogs_search-modal__row--namespace-shadow:first-child {
  margin-top: 0;
}
.druids_dialogs_search-modal__row--namespace-shadow-stuck.druids_dialogs_search-modal__row--namespace-shadow::before {
  content: '';
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 1;
  height: 24px;
  transition: opacity 0.15s linear;
  border-radius: 50%;
  bottom: 0;
  box-shadow: 0 8px 8px -8px var(--ui-shadow-strength);
  clip: rect(24px, auto, 32px, 0);
}
.druids_dialogs_search-modal__row--no-results {
  color: var(--search-modal-no-results);
  font-style: italic;
  font-size: 15px;
  padding: 16px 32px;
  cursor: default;
}
.druids_dialogs_search-modal__row--is-selected {
  background-color: var(--search-modal-item-is-selected-background);
  color: var(--ui-text-knockout);
  --icon-fill-override: var(--ui-text-knockout);
}
@media (forced-colors: active) {
  .druids_dialogs_search-modal__row--is-selected {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
}
.druids_dialogs_search-modal__row--is-selected:active {
  background-color: var(--search-modal-item-is-selected-background-active);
}
@media (forced-colors: active) {
  .druids_dialogs_search-modal__row--is-selected {
    --icon-fill-override: currentColor;
  }
}
.druids_dialogs_search-modal__default-item__title {
  flex: 1;
  font-size: 15px;
}
.druids_dialogs_search-modal__default-item__status {
  font-size: 8px;
  color: var(--ui-status-warning-contrast);
  margin-left: 4px;
  text-transform: uppercase;
}
.druids_dialogs_search-modal--overlay {
  --search-modal-overlay-background: var(--LIGHT, rgba(255, 255, 255, 0.15)) var(--DARK, rgba(0, 0, 0, 0.15));
}
.druids_dialogs_search-modal--overlay::before {
  --modal-overlay: var(--search-modal-overlay-background);
}

.styleguide-builder_scope-logo--icon .styleguide-builder_scope-logo__gradient {
  background: linear-gradient(133.97deg, var(--docs-builder-background-gradient-stop-1) 0%, var(--docs-builder-background-gradient-stop-2) 98.26%);
}
@supports (
            background: linear-gradient(in oklch shorter hue, red, lime)
        ) {
  .styleguide-builder_scope-logo--icon .styleguide-builder_scope-logo__gradient {
    background: linear-gradient(in oklch shorter hue 133.97deg, var(--docs-builder-background-gradient-stop-1) 0%, var(--docs-builder-background-gradient-stop-2) 98.26%);
  }
}
.styleguide-builder_scope-logo__svg {
  max-height: 60%;
  object-fit: contain;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide-builder_search-modal_preview__container {
  --search-modal-preview-breadcrumbs-background: var(--LIGHT, #eff1f5) var(--DARK, #373b46);
  border-left: 1px solid var(--search-modal-preview-breadcrumbs-background);
  height: 100%;
  overflow: auto;
}
@media (max-width: 860px) {
  .styleguide-builder_search-modal_preview__container {
    display: none;
  }
}
.styleguide-builder_search-modal_preview__breadcrumbs {
  background: linear-gradient(to right, var(--docs-builder-background-gradient-stop-1), var(--docs-builder-background-gradient-stop-2));
  background-color: var(--search-modal-preview-breadcrumbs-background);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 11px;
}
.styleguide-builder_search-modal_preview__toc-link {
  line-height: 20px;
}

.druids_layout_grid-item {
  --grid-area: initial;
  --grid-column-span: 1;
  --grid-row-span: 1;
  --grid-column-start: auto;
  --grid-row-start: auto;
  grid-area: var(--grid-area, var(--grid-row-start) / var(--grid-column-start) / span var(--grid-row-span) / span var(--grid-column-span));
}
.druids_layout_grid-item--should-inherit-grid[class] {
  --grid-columns-count: var(--grid-column-span, auto-fit);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide-builder_search-modal_create-item--is-focused .styleguide-builder_search-modal_create-item__scope-logo {
  --selected-ring: var(--LIGHT, rgba(255, 255, 255, 0.6)) var(--DARK, rgba(255, 255, 255, 0.5));
  box-shadow: 0 0 0 1px var(--selected-ring);
}
.styleguide-builder_search-modal_create-item__status-pill {
  vertical-align: baseline;
  margin-left: 8px;
}

.styleguide_nav_search-modal {
  width: 860px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_focus-group {
  --_outline-offset: 0;
  position: relative;
}
fieldset.druids_form_focus-group {
  border: none;
  padding: 0;
  margin: 0;
}
.druids_form_focus-group--is-focused::before {
  content: '';
  position: absolute;
  z-index: 9;
  inset: 0;
  pointer-events: none;
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- This is the default style in Firefox */
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: var(--_outline-offset);
}
.druids_form_focus-group:not(.druids_form_focus-group--is-focused):focus-within > .druids_form_focus-group__gate {
  visibility: hidden;
}
.druids_form_focus-group__gate {
  top: 0;
  left: 0;
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
.druids_form_focus-group__tooltip-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_theme-toggle {
  display: inline-block;
  position: relative;
  height: 28px;
  width: 28px;
}
.druids_misc_theme-toggle--is-read-only {
  pointer-events: none;
}
.druids_misc_theme-toggle__icon {
  position: absolute;
  bottom: 2px;
  left: 2px;
  height: 20px;
  width: 20px;
}
@media (prefers-reduced-motion: no-preference) {
  .druids_misc_theme-toggle__icon {
    transition-duration: 400ms;
    transition-property: transform, color, z-index;
  }
}
.druids_misc_theme-toggle__light-theme-icon {
  fill: var(--ui-text-secondary);
  transform: perspective(500px) translate3d(0, 0, 0);
  z-index: 1;
}
.dark-mode .druids_misc_theme-toggle__light-theme-icon {
  fill: var(--ui-text-tertiary);
  transform: perspective(200px) translate3d(15px, -15px, -100px);
  z-index: 0;
}
.druids_misc_theme-toggle__dark-theme-icon {
  fill: var(--ui-text-tertiary);
  transform: perspective(200px) translate3d(15px, -15px, -100px);
  z-index: 0;
}
.dark-mode .druids_misc_theme-toggle__dark-theme-icon {
  fill: var(--ui-text-secondary);
  transform: perspective(500px) translate3d(0, 0, 0);
  z-index: 1;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.ui-docs_blobs {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --text: var(--LIGHT, #a87ad6) var(--DARK, #b3bcb7);
  --glow: var(--LIGHT, #fff) var(--DARK, #320e51);
  --moon-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --moon-outline: var(--LIGHT, #d9d6ff) var(--DARK, #b3bcb7);
  --sun-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --sun-outline: var(--LIGHT, #a87ad6) var(--DARK, #2a3e64);
  --cloak-base: var(--LIGHT, #6e42af) var(--DARK, #32112b);
  --cloak-highlights: var(--LIGHT, #97bdff) var(--DARK, #57658f);
  --hexagon-base: var(--LIGHT, #405893) var(--DARK, #170e20);
  --hexagon-rings-under: var(--LIGHT, #f8f) var(--DARK, #ed2590);
  --hexagon-rings-over: #fff;
  --arms: var(--LIGHT, #fff) var(--DARK, #b3bcb7);
  --animation-count: calc(var(--is-chrome-browser) * 99999);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  display: flex;
  justify-content: space-evenly;
  user-select: none;
  pointer-events: none;
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .ui-docs_blobs {
    --animation-count: 0;
  }
}
.dark-mode .ui-docs_blobs > * {
  filter: brightness(0.35) hue-rotate(60deg);
}
.ui-docs_blobs > :nth-child(1) {
  transform: translateY(-10%) translateX(-100px) scale(3);
  animation: moveAround1 20s ease-in-out var(--animation-count) alternate;
}
.ui-docs_blobs > :nth-child(2) {
  transform: translateY(100px) translateX(200px) scale(2);
  animation: moveAround2 24s ease-in-out var(--animation-count) alternate;
}
.ui-docs_blobs > :nth-child(3) {
  transform: translateY(0px) translateX(-50px) scale(3);
  animation: moveAround3 30s ease-in-out var(--animation-count) alternate;
}
@keyframes moveAround1 {
  100% {
    transform: translateY(10%) translateX(300px) rotate(180deg);
  }
}
@keyframes moveAround2 {
  100% {
    transform: translateY(-200px) translateX(-300px) rotate(270deg) scale(4);
  }
}
@keyframes moveAround3 {
  100% {
    transform: translateY(20vw) translateX(-20vw) rotate(180deg) scale(3);
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}@property --ui-docs_doc-card__gradient-angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: false;
}
@supports (-moz-appearance: none) {
  :root {
    --ui-docs_doc-card__gradient-angle: 90deg;
  }
}
@keyframes ui-docs_doc-card__animated-border-on-hover {
  0% {
    --ui-docs_doc-card__gradient-angle: 90deg;
  }
  25% {
    --ui-docs_doc-card__gradient-angle: 210deg;
  }
  50% {
    --ui-docs_doc-card__gradient-angle: 270deg;
  }
  75% {
    --ui-docs_doc-card__gradient-angle: 330deg;
  }
  100% {
    --ui-docs_doc-card__gradient-angle: 450deg;
  }
}
.ui-docs_doc-card__base-styles {
  --card-hover-background: var(--LIGHT, var(--ui-background-elevated)) var(--DARK, black);
  --border-animation-count: var(--LIGHT, calc(var(--is-chrome-browser) * 0)) var(--DARK, calc(var(--is-chrome-browser) * 99999));
  position: relative;
  z-index: 0;
  width: 100%;
  border-radius: 8px !important;
}
@media (prefers-reduced-motion: reduce) {
  .ui-docs_doc-card__base-styles {
    --border-animation-count: 0;
  }
}
.ui-docs_doc-card__base-styles::before,
.ui-docs_doc-card__base-styles::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  border: 2px solid transparent;
  box-shadow: none;
  transform: scale(0.98);
}
.ui-docs_doc-card__base-styles::before {
  transition: transform 100ms ease-out, box-shadow 100ms ease-out;
}
.ui-docs_doc-card__base-styles::after {
  transition: transform 100ms ease-out;
}
.ui-docs_doc-card__base-styles:hover::before,
.ui-docs_doc-card__base-styles:focus::before,
.ui-docs_doc-card__base-styles:focus-within::before,
.ui-docs_doc-card__base-styles:active::before,
.ui-docs_doc-card__base-styles:hover::after,
.ui-docs_doc-card__base-styles:focus::after,
.ui-docs_doc-card__base-styles:focus-within::after,
.ui-docs_doc-card__base-styles:active::after {
  transform: scale(1);
}
.ui-docs_doc-card__base-styles:hover::before,
.ui-docs_doc-card__base-styles:focus::before,
.ui-docs_doc-card__base-styles:focus-within::before,
.ui-docs_doc-card__base-styles:active::before,
.ui-docs_doc-card__base-styles:hover::after,
.ui-docs_doc-card__base-styles:focus::after,
.ui-docs_doc-card__base-styles:focus-within::after,
.ui-docs_doc-card__base-styles:active::after {
  background-image: conic-gradient(from var(--ui-docs_doc-card__gradient-angle), var(--docs-builder-background-gradient-stop-1), var(--docs-builder-background-gradient-stop-2), var(--docs-builder-background-gradient-stop-2), var(--docs-builder-background-gradient-stop-1));
  background-origin: border-box;
  animation: ui-docs_doc-card__animated-border-on-hover 1.8s linear var(--border-animation-count) forwards 500ms;
}
.ui-docs_doc-card__base-styles:hover::after,
.ui-docs_doc-card__base-styles:focus::after,
.ui-docs_doc-card__base-styles:focus-within::after,
.ui-docs_doc-card__base-styles:active::after {
  box-shadow: inset 0 100vw var(--card-hover-background);
}
.ui-docs_doc-card__base-styles:hover::before,
.ui-docs_doc-card__base-styles:focus::before,
.ui-docs_doc-card__base-styles:focus-within::before {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 2px 8px var(--ui-shadow-strength);
}
@supports (-webkit-font-smoothing: antialiased) {
  .dark-mode .ui-docs_doc-card__base-styles:hover::before,
  .dark-mode .ui-docs_doc-card__base-styles:focus::before,
  .dark-mode .ui-docs_doc-card__base-styles:focus-within::before {
    filter: blur(3em) opacity(0.8);
  }
}
.ui-docs_doc-card__base-styles:active:not(:has(.ui-docs_doc-card__base-styles__slack-link:focus))::before,
.ui-docs_doc-card__base-styles:active:not(:has(.ui-docs_doc-card__base-styles__slack-link:focus))::after {
  animation-play-state: paused;
}
.ui-docs_doc-card__base-styles:active:not(:has(.ui-docs_doc-card__base-styles__slack-link:focus))::before {
  box-shadow: none;
}
@supports (-webkit-font-smoothing: antialiased) {
  .dark-mode .ui-docs_doc-card__base-styles:active:not(:has(.ui-docs_doc-card__base-styles__slack-link:focus))::before {
    filter: blur(6em) opacity(0.8);
  }
}
.ui-docs_doc-card__base-styles:active:not(:has(.ui-docs_doc-card__base-styles__slack-link:focus))::after {
  box-shadow: inset 0 2px 8px var(--ui-shadow-strength), inset 0 100vw var(--card-hover-background);
}
.ui-docs_doc-card {
  --card-hover-background: var(--LIGHT, var(--ui-background-elevated)) var(--DARK, black);
  --border-animation-count: var(--LIGHT, calc(var(--is-chrome-browser) * 0)) var(--DARK, calc(var(--is-chrome-browser) * 99999));
  position: relative;
  z-index: 0;
  width: 100%;
  border-radius: 8px !important;
  padding: 16px;
}
@media (prefers-reduced-motion: reduce) {
  .ui-docs_doc-card {
    --border-animation-count: 0;
  }
}
.ui-docs_doc-card::before,
.ui-docs_doc-card::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  border: 2px solid transparent;
  box-shadow: none;
  transform: scale(0.98);
}
.ui-docs_doc-card::before {
  transition: transform 100ms ease-out, box-shadow 100ms ease-out;
}
.ui-docs_doc-card::after {
  transition: transform 100ms ease-out;
}
.ui-docs_doc-card:hover::before,
.ui-docs_doc-card:focus::before,
.ui-docs_doc-card:focus-within::before,
.ui-docs_doc-card:active::before,
.ui-docs_doc-card:hover::after,
.ui-docs_doc-card:focus::after,
.ui-docs_doc-card:focus-within::after,
.ui-docs_doc-card:active::after {
  transform: scale(1);
}
.ui-docs_doc-card:hover::before,
.ui-docs_doc-card:focus::before,
.ui-docs_doc-card:focus-within::before,
.ui-docs_doc-card:active::before,
.ui-docs_doc-card:hover::after,
.ui-docs_doc-card:focus::after,
.ui-docs_doc-card:focus-within::after,
.ui-docs_doc-card:active::after {
  background-image: conic-gradient(from var(--ui-docs_doc-card__gradient-angle), var(--docs-builder-background-gradient-stop-1), var(--docs-builder-background-gradient-stop-2), var(--docs-builder-background-gradient-stop-2), var(--docs-builder-background-gradient-stop-1));
  background-origin: border-box;
  animation: ui-docs_doc-card__animated-border-on-hover 1.8s linear var(--border-animation-count) forwards 500ms;
}
.ui-docs_doc-card:hover::after,
.ui-docs_doc-card:focus::after,
.ui-docs_doc-card:focus-within::after,
.ui-docs_doc-card:active::after {
  box-shadow: inset 0 100vw var(--card-hover-background);
}
.ui-docs_doc-card:hover::before,
.ui-docs_doc-card:focus::before,
.ui-docs_doc-card:focus-within::before {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 2px 8px var(--ui-shadow-strength);
}
@supports (-webkit-font-smoothing: antialiased) {
  .dark-mode .ui-docs_doc-card:hover::before,
  .dark-mode .ui-docs_doc-card:focus::before,
  .dark-mode .ui-docs_doc-card:focus-within::before {
    filter: blur(3em) opacity(0.8);
  }
}
.ui-docs_doc-card:active:not(:has(.ui-docs_doc-card__slack-link:focus))::before,
.ui-docs_doc-card:active:not(:has(.ui-docs_doc-card__slack-link:focus))::after {
  animation-play-state: paused;
}
.ui-docs_doc-card:active:not(:has(.ui-docs_doc-card__slack-link:focus))::before {
  box-shadow: none;
}
@supports (-webkit-font-smoothing: antialiased) {
  .dark-mode .ui-docs_doc-card:active:not(:has(.ui-docs_doc-card__slack-link:focus))::before {
    filter: blur(6em) opacity(0.8);
  }
}
.ui-docs_doc-card:active:not(:has(.ui-docs_doc-card__slack-link:focus))::after {
  box-shadow: inset 0 2px 8px var(--ui-shadow-strength), inset 0 100vw var(--card-hover-background);
}
.ui-docs_doc-card--jumbo {
  padding: 32px;
}
.ui-docs_doc-card__label-and-link {
  text-align: left;
  overflow: hidden;
}
.ui-docs_doc-card__label {
  transform: translateY(8px);
  transition: transform 100ms ease-out;
}
.ui-docs_doc-card:hover .ui-docs_doc-card__label,
.ui-docs_doc-card:focus .ui-docs_doc-card__label,
.ui-docs_doc-card:focus-within .ui-docs_doc-card__label,
.ui-docs_doc-card:active .ui-docs_doc-card__label {
  transform: translateY(0);
}
.ui-docs_doc-card__logo-wrapper {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  flex-shrink: 0;
  transition: transform 100ms ease-out;
}
.ui-docs_doc-card__logo-wrapper > * {
  width: 100% !important;
  height: 100% !important;
}
.ui-docs_doc-card--jumbo .ui-docs_doc-card__logo-wrapper {
  width: 112px;
  height: 112px;
  margin-right: 24px;
}
.ui-docs_doc-card--jumbo .ui-docs_doc-card__logo-wrapper > * {
  border-radius: 8px !important;
}
.ui-docs_doc-card--jumbo .ui-docs_doc-card__logo-wrapper img {
  width: 100%;
  height: 100%;
  transform: scale(1.04) !important;
}
.ui-docs_doc-card:hover .ui-docs_doc-card__logo-wrapper,
.ui-docs_doc-card:focus .ui-docs_doc-card__logo-wrapper,
.ui-docs_doc-card:focus-within .ui-docs_doc-card__logo-wrapper,
.ui-docs_doc-card:active .ui-docs_doc-card__logo-wrapper {
  transform: scale(1.06);
}
.ui-docs_doc-card--jumbo:hover .ui-docs_doc-card__logo-wrapper,
.ui-docs_doc-card--jumbo:focus .ui-docs_doc-card__logo-wrapper,
.ui-docs_doc-card--jumbo:focus-within .ui-docs_doc-card__logo-wrapper,
.ui-docs_doc-card--jumbo:active .ui-docs_doc-card__logo-wrapper {
  transform: scale(1.03);
}
.ui-docs_doc-card__label,
.ui-docs_doc-card__slack-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-docs_doc-card__slack-link {
  display: block;
  opacity: 0;
  transition: opacity 100ms ease-out;
}
.ui-docs_doc-card__slack-link:hover,
.ui-docs_doc-card__slack-link:focus {
  text-decoration: underline;
}
.ui-docs_doc-card:hover .ui-docs_doc-card__slack-link,
.ui-docs_doc-card:focus .ui-docs_doc-card__slack-link,
.ui-docs_doc-card:focus-within .ui-docs_doc-card__slack-link,
.ui-docs_doc-card:active .ui-docs_doc-card__slack-link {
  opacity: 1;
}
.ui-docs_doc-card__slack-logo {
  margin-right: 6px;
  vertical-align: sub;
}
.ui-docs_doc-card--is-app-config-missing .ui-docs_doc-card__slack-logo {
  opacity: 0;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@property --ui-docs_doc-card__gradient-angle {
  syntax: '<angle>';initial-value: 90deg;inherits: false;
}.styleguide-builder_app-switcher {
  --separator-color: var(--LIGHT, rgba(9, 83, 191, 0.12)) var(--DARK, rgba(212, 209, 214, 0.12));
  --cmd-k-background: var(--LIGHT, rgba(9, 83, 191, 0.05)) var(--DARK, rgba(122, 181, 234, 0.05));
  position: relative;
  z-index: 0;
}
.styleguide-builder_app-switcher__theme-toggle {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1000;
}
@media screen and (min-width: 992px) {
  .styleguide-builder_app-switcher__theme-toggle {
    position: fixed;
    top: 24px;
    right: 24px;
  }
}
.styleguide-builder_app-switcher__theme-toggle > * {
  opacity: 0.8;
  transform: scale(1.1);
}
@media screen and (min-width: 992px) {
  .styleguide-builder_app-switcher__theme-toggle > * {
    transform: scale(1.3);
  }
}
.styleguide-builder_app-switcher__theme-toggle:hover,
.styleguide-builder_app-switcher__theme-toggle:active {
  opacity: 1;
  filter: contrast(2);
}
.styleguide-builder_app-switcher__content-wrapper {
  max-width: 980px;
  margin: 0 auto;
  padding: 32px;
}
.styleguide-builder_app-switcher__cmd-k {
  --card-hover-background: var(--LIGHT, var(--ui-background-elevated)) var(--DARK, black);
  --border-animation-count: var(--LIGHT, calc(var(--is-chrome-browser) * 0)) var(--DARK, calc(var(--is-chrome-browser) * 99999));
  position: relative;
  z-index: 0;
  width: 100%;
  border-radius: 8px !important;
  max-width: calc((600px * (1 + (0.02 / (1 + 0.02)))) - 1px);
  margin-left: auto;
  margin-right: auto;
  padding: 12px 24px;
  font-size: 15px;
  color: var(--ui-text-tertiary);
}
@media (prefers-reduced-motion: reduce) {
  .styleguide-builder_app-switcher__cmd-k {
    --border-animation-count: 0;
  }
}
.styleguide-builder_app-switcher__cmd-k::before,
.styleguide-builder_app-switcher__cmd-k::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  border: 2px solid transparent;
  box-shadow: none;
  transform: scale(0.98);
}
.styleguide-builder_app-switcher__cmd-k::before {
  transition: transform 100ms ease-out, box-shadow 100ms ease-out;
}
.styleguide-builder_app-switcher__cmd-k::after {
  transition: transform 100ms ease-out;
}
.styleguide-builder_app-switcher__cmd-k:hover::before,
.styleguide-builder_app-switcher__cmd-k:focus::before,
.styleguide-builder_app-switcher__cmd-k:focus-within::before,
.styleguide-builder_app-switcher__cmd-k:active::before,
.styleguide-builder_app-switcher__cmd-k:hover::after,
.styleguide-builder_app-switcher__cmd-k:focus::after,
.styleguide-builder_app-switcher__cmd-k:focus-within::after,
.styleguide-builder_app-switcher__cmd-k:active::after {
  transform: scale(1);
}
.styleguide-builder_app-switcher__cmd-k:hover::before,
.styleguide-builder_app-switcher__cmd-k:focus::before,
.styleguide-builder_app-switcher__cmd-k:focus-within::before,
.styleguide-builder_app-switcher__cmd-k:active::before,
.styleguide-builder_app-switcher__cmd-k:hover::after,
.styleguide-builder_app-switcher__cmd-k:focus::after,
.styleguide-builder_app-switcher__cmd-k:focus-within::after,
.styleguide-builder_app-switcher__cmd-k:active::after {
  background-image: conic-gradient(from var(--ui-docs_doc-card__gradient-angle), var(--docs-builder-background-gradient-stop-1), var(--docs-builder-background-gradient-stop-2), var(--docs-builder-background-gradient-stop-2), var(--docs-builder-background-gradient-stop-1));
  background-origin: border-box;
  animation: ui-docs_doc-card__animated-border-on-hover 1.8s linear var(--border-animation-count) forwards 500ms;
}
.styleguide-builder_app-switcher__cmd-k:hover::after,
.styleguide-builder_app-switcher__cmd-k:focus::after,
.styleguide-builder_app-switcher__cmd-k:focus-within::after,
.styleguide-builder_app-switcher__cmd-k:active::after {
  box-shadow: inset 0 100vw var(--card-hover-background);
}
.styleguide-builder_app-switcher__cmd-k:hover::before,
.styleguide-builder_app-switcher__cmd-k:focus::before,
.styleguide-builder_app-switcher__cmd-k:focus-within::before {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 2px 8px var(--ui-shadow-strength);
}
@supports (-webkit-font-smoothing: antialiased) {
  .dark-mode .styleguide-builder_app-switcher__cmd-k:hover::before,
  .dark-mode .styleguide-builder_app-switcher__cmd-k:focus::before,
  .dark-mode .styleguide-builder_app-switcher__cmd-k:focus-within::before {
    filter: blur(3em) opacity(0.8);
  }
}
.styleguide-builder_app-switcher__cmd-k:active:not(:has(.styleguide-builder_app-switcher__cmd-k__slack-link:focus))::before,
.styleguide-builder_app-switcher__cmd-k:active:not(:has(.styleguide-builder_app-switcher__cmd-k__slack-link:focus))::after {
  animation-play-state: paused;
}
.styleguide-builder_app-switcher__cmd-k:active:not(:has(.styleguide-builder_app-switcher__cmd-k__slack-link:focus))::before {
  box-shadow: none;
}
@supports (-webkit-font-smoothing: antialiased) {
  .dark-mode .styleguide-builder_app-switcher__cmd-k:active:not(:has(.styleguide-builder_app-switcher__cmd-k__slack-link:focus))::before {
    filter: blur(6em) opacity(0.8);
  }
}
.styleguide-builder_app-switcher__cmd-k:active:not(:has(.styleguide-builder_app-switcher__cmd-k__slack-link:focus))::after {
  box-shadow: inset 0 2px 8px var(--ui-shadow-strength), inset 0 100vw var(--card-hover-background);
}
.styleguide-builder_app-switcher__cmd-k::before {
  background: var(--cmd-k-background);
}
.styleguide-builder_app-switcher__cmd-k:not(:hover):not(:active):not(:focus)::before {
  outline: 1px solid var(--separator-color);
  backdrop-filter: hue-rotate(5deg);
  mix-blend-mode: hue;
}
.styleguide-builder_app-switcher__cmd-k:hover,
.styleguide-builder_app-switcher__cmd-k:active,
.styleguide-builder_app-switcher__cmd-k:focus {
  color: var(--ui-text);
}
.styleguide-builder_app-switcher__doc-card:not(.styleguide-builder_app-switcher__doc-card--druids) {
  margin-left: -16px;
}
.styleguide-builder_app-switcher__doc-card--druids {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --text: var(--LIGHT, #a87ad6) var(--DARK, #b3bcb7);
  --glow: var(--LIGHT, #fff) var(--DARK, #320e51);
  --moon-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --moon-outline: var(--LIGHT, #d9d6ff) var(--DARK, #b3bcb7);
  --sun-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --sun-outline: var(--LIGHT, #a87ad6) var(--DARK, #2a3e64);
  --cloak-base: var(--LIGHT, #6e42af) var(--DARK, #32112b);
  --cloak-highlights: var(--LIGHT, #97bdff) var(--DARK, #57658f);
  --hexagon-base: var(--LIGHT, #405893) var(--DARK, #170e20);
  --hexagon-rings-under: var(--LIGHT, #f8f) var(--DARK, #ed2590);
  --hexagon-rings-over: #fff;
  --arms: var(--LIGHT, #fff) var(--DARK, #b3bcb7);
  --stop-2: var(--LIGHT, var(--cloak-highlights)) var(--DARK, #97bdff);
  --docs-builder-background-gradient-stop-1: var(--hexagon-rings-under) !important;
  --docs-builder-background-gradient-stop-2: var(--stop-2) !important;
}
.styleguide-builder_app-switcher__doc-card-separator[class] {
  background: var(--separator-color);
  mix-blend-mode: hue;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_nav_navigation__app-switcher {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  position: relative;
  z-index: 1;
  width: 100%;
  height: 48px;
  background: var(--docs-builder-background-gradient-stop-2);
}
.styleguide_nav_navigation__app-switcher__button {
  --_app-switcher-button-accent-color: var(--ui-text-knockout);
  --_app-switcher-button-accent-color-hovered: var(--ui-text-knockout);
  cursor: pointer;
  border: 1px solid var(--_app-switcher-button-accent-color);
  opacity: 1;
  border-radius: 8px;
  transition-property: border-width, width, height, box-shadow, opacity;
  transition-duration: 0.125s;
  transition-timing-function: ease;
  background: var(--docs-builder-background-gradient-stop-2);
  width: 160px;
  height: 32px;
}
.styleguide_nav_navigation__app-switcher__button__is-bright-theme {
  --_app-switcher-button-accent-color: var(--docs-builder-nav-section-color);
  --_app-switcher-button-accent-color-hovered: var(--docs-builder-nav-section-color);
}
.styleguide_nav_navigation__app-switcher__button:hover,
.styleguide_nav_navigation__app-switcher__button:active {
  opacity: 1;
  border-width: 2px;
  width: 170px;
  height: 36px;
}
.styleguide_nav_navigation__app-switcher__button:hover {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 2px 8px var(--ui-shadow-strength);
}
.styleguide_nav_navigation__app-switcher__button:active {
  box-shadow: inset 2px 1px 5px var(--ui-shadow-strength);
}
.styleguide_nav_navigation__app-switcher__button--has-fixed-position {
  transition-property: border-width, width, height, box-shadow, opacity, transform;
  transform: translateX(0);
}
.styleguide_nav_navigation__app-switcher__button--has-fixed-position:hover,
.styleguide_nav_navigation__app-switcher__button--has-fixed-position:active {
  transform: translateX(-5px);
}
.styleguide_nav_navigation__app-switcher__button__text,
.styleguide_nav_navigation__app-switcher__button__icon {
  color: var(--_app-switcher-button-accent-color);
  opacity: 0.8;
  transition-property: color, opacity;
  transition-duration: 0.125s;
  transition-timing-function: ease;
  pointer-events: none;
  z-index: 1;
}
.styleguide_nav_navigation__app-switcher__modal {
  height: calc(100vh - 64px);
  z-index: 1002 !important;
}
.styleguide_nav_navigation__app-switcher__modal::before {
  opacity: 0.2;
}
.styleguide_nav_navigation__app-switcher__modal__content {
  width: calc(100vw - 64px);
  min-height: 800px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_nav_navigation-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 28px;
  padding: 4px 0;
  color: var(--ui-text-secondary);
  overflow-wrap: break-word;
  text-wrap: balance;
  padding-left: 40px;
  padding-right: 1em;
}
@media screen and (max-width: calc(768px - 0.1px)) {
  .styleguide_nav_navigation-item {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 18px;
  }
}
.styleguide_nav_navigation-item--is-active {
  background: var(--docs-builder-nav-hover-background);
}
.styleguide_nav_navigation-item:hover {
  cursor: pointer;
  background: var(--docs-builder-nav-hover-background);
  color: var(--ui-text);
}
.styleguide_nav_navigation-item__text {
  min-width: 0;
}
.styleguide_nav_navigation-item__text--hyphenated {
  text-wrap: initial;
  hyphenate-character: '';
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_new_nav_navigation-section__link_padding {
  padding-left: var(--link-padding-left);
}
.styleguide_new_nav_navigation-section__header {
  padding-right: 12px;
  align-items: center;
  padding-left: var(--section-header-padding, 14px);
}
.styleguide_new_nav_navigation-section__header__secondary {
  background-color: var(--ui-background-secondary);
  padding-right: 12px;
  align-items: center;
  margin-bottom: -3px;
}
.styleguide_new_nav_navigation-section__header__secondary:hover {
  cursor: pointer;
  background: var(--docs-builder-nav-hover-background);
  color: var(--ui-text);
}
.styleguide_new_nav_navigation-section__header:hover {
  cursor: pointer;
  background: var(--docs-builder-nav-hover-background);
  color: var(--ui-text);
}
.styleguide_new_nav_navigation-section__secondary .styleguide_new_nav_navigation-section__list {
  margin-top: 3px;
}
.styleguide_new_nav_navigation-section__secondary:first-of-type .styleguide_new_nav_navigation-section__header__secondary {
  margin-top: 8px;
}
.styleguide_new_nav_navigation-section__secondary:last-of-type .styleguide_new_nav_navigation-section__header__secondary {
  margin-bottom: -8px;
}
.styleguide_new_nav_navigation-section__secondary + .styleguide_new_nav_navigation-section__secondary {
  margin-top: calc(4px - 1px);
  position: relative;
}
.styleguide_new_nav_navigation-section__secondary + .styleguide_new_nav_navigation-section__secondary::before {
  content: '';
  width: 100%;
  height: 1px;
  top: 0px;
  left: 0;
  background: var(--ui-border);
  display: block;
  position: absolute;
  pointer-events: none;
}
@media screen and (max-width: calc(768px - 0.1px)) {
  .styleguide_new_nav_navigation-section {
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: content-box;
    --styleguide-nav-border: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  }
  .styleguide_new_nav_navigation-section > *:first-child {
    padding-left: 0;
  }
  .styleguide_new_nav_navigation-section + .styleguide_new_nav_navigation-section {
    margin-top: unset;
    border-top: 1px var(--styleguide-nav-border) solid;
  }
  .styleguide_new_nav_navigation-section:last-child {
    border-bottom: 1px var(--styleguide-nav-border) solid;
  }
}
.styleguide_new_nav_navigation-section__title {
  outline: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
  padding: 4px 0 4px var(--title-base-padding, 10px);
}
.styleguide_new_nav_navigation-section__title__text {
  font-weight: 600;
  color: var(--docs-builder-nav-section-color, var(--ui-text));
}
.styleguide_new_nav_navigation-section__title__text__secondary {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--ui-text-secondary);
}
@media screen and (max-width: calc(768px - 0.1px)) {
  .styleguide_new_nav_navigation-section__title[class] {
    justify-content: space-between;
    padding-left: 16px;
  }
}
.styleguide_new_nav_navigation-section__title::-webkit-details-marker {
  display: none;
}
.styleguide_new_nav_navigation-section__caret {
  margin-right: 32px;
  color: var(--docs-builder-nav-section-color, var(--ui-text-secondary));
}
details[open] .styleguide_new_nav_navigation-section__caret--down {
  display: none;
}
details:not([open]) .styleguide_new_nav_navigation-section__caret--up {
  display: none;
}
details:not([open]) .styleguide_new_nav_navigation-section__caret--down {
  display: inline;
}
.styleguide_new_nav_navigation-section__icon {
  line-height: 0;
  color: var(--ui-icon);
  margin-right: 0.75em;
}
.styleguide_new_nav_navigation-section__list {
  margin: 0;
  list-style: none;
  padding-left: 0;
}
@media screen and (max-width: calc(768px - 0.1px)) {
  .styleguide_new_nav_navigation-section__list {
    position: relative;
    margin-left: 16px;
  }
  .styleguide_new_nav_navigation-section__list::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: calc(-10px * var(--level));
    background: var(--docs-builder-nav-section-color, var(--styleguide-nav-border));
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.styleguide-builder_ui_open-search-modal-button[class] {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  transition: 150ms ease-in-out;
  transition-property: box-shadow, border-color, color;
  justify-content: flex-start;
  background: var(--form-background);
  color: var(--form-text-placeholder);
  --_button-icon-color--override: currentColor;
}
@media (hover: none) {
  .styleguide-builder_ui_open-search-modal-button[class] {
    color: var(--ui-text);
  }
}
.styleguide-builder_ui_open-search-modal-button[class]:hover,
.styleguide-builder_ui_open-search-modal-button[class].focus-visible,
.styleguide-builder_ui_open-search-modal-button[class]:active {
  color: var(--ui-text);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_styleguide_theme-switcher {
  position: relative;
  padding-left: 8px;
  width: 100%;
}
.styleguide_styleguide_theme-switcher__text-wrapper {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.styleguide_styleguide_theme-switcher__icon {
  transform: scale(0.85);
  transform-origin: right;
}
.styleguide_styleguide_theme-switcher__word {
  position: relative;
  display: inline-block;
}
@media (prefers-reduced-motion: no-preference) {
  .styleguide_styleguide_theme-switcher__word {
    transition: transform 300ms;
  }
}
.styleguide_styleguide_theme-switcher__word::before {
  position: absolute;
  top: 100%;
  content: attr(data-light);
  transform: translate3d(0, 0, 0);
  white-space: nowrap;
}
body.dark-mode .styleguide_styleguide_theme-switcher__word {
  transform: translateY(-100%);
}
.styleguide_styleguide_theme-switcher__shortcut {
  display: inline-block;
  opacity: 0;
  transform: translateX(15%);
  transition: none;
}
.styleguide_styleguide_theme-switcher:hover .styleguide_styleguide_theme-switcher__shortcut,
.styleguide_styleguide_theme-switcher:focus .styleguide_styleguide_theme-switcher__shortcut {
  opacity: 1;
}
.styleguide_styleguide_theme-switcher:hover .styleguide_styleguide_theme-switcher__shortcut {
  transform: translateX(0);
}
@media (prefers-reduced-motion: no-preference) {
  .styleguide_styleguide_theme-switcher:hover .styleguide_styleguide_theme-switcher__shortcut {
    transition: opacity 250ms, transform 200ms;
  }
}
.styleguide_styleguide_theme-switcher:focus .styleguide_styleguide_theme-switcher__shortcut {
  transform: translateX(0);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_nav_navigation {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --styleguide-nav-border: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  --styleguide-nav-border-elevated: var(--LIGHT, var(--ui-background-elevated)) var(--DARK, var(--ui-border-elevated));
  position: fixed;
  background: var(--ui-background-elevated);
  z-index: 100;
  width: 100%;
  max-height: 100vh;
  box-shadow: 1px 0 0 var(--styleguide-nav-border);
  overflow-y: auto;
  overflow-x: hidden;
}
.styleguide_nav_navigation--has-stable-gutter {
  scrollbar-gutter: stable;
}
.styleguide_nav_navigation__logo-container {
  text-decoration: none;
  width: 100%;
  background-color: var(--ui-background-elevated);
  position: relative;
}
.styleguide_nav_navigation__sticky-part {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--ui-background-elevated);
}
.styleguide_nav_navigation__sticky-part--is-stuck {
  box-shadow: 0 8px var(--ui-background-elevated), 0 8px 8px var(--ui-shadow-strength);
}
.styleguide_nav_navigation__logo-wordmark + .styleguide_nav_navigation__logo-container + .styleguide_nav_navigation__sticky-part {
  top: 28px;
}
.styleguide_nav_navigation__logo-wordmark {
  margin-bottom: -28px;
  position: sticky;
  top: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
}
.styleguide_nav_navigation__logo-wordmark--is-always-visible {
  opacity: 1;
  visibility: initial;
}
.styleguide_nav_navigation__logo-wordmark--is-stuck {
  background-color: var(--docs-builder-wordmark-background-gradient-stop-2);
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 2px 8px var(--ui-shadow-strength);
}
.styleguide_nav_navigation__logo-wordmark--everything-is-stuck {
  opacity: 1;
  visibility: initial;
  background: linear-gradient(to right, var(--docs-builder-wordmark-background-gradient-stop-1), var(--docs-builder-wordmark-background-gradient-stop-2)), var(--docs-builder-background);
  box-shadow: 0 0 16px var(--ui-shadow-strength);
}
.styleguide_nav_navigation__logo-wordmark-link[class] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  height: 28px;
  line-height: 14px;
  transition: background-color 0.25s ease;
}
.styleguide_nav_navigation__logo-wordmark-link[class] > svg {
  max-width: 70%;
}
.styleguide_nav_navigation__top-separator {
  width: calc(100% - 16px);
  background: var(--styleguide-nav-border);
  margin: 8px auto !important;
}
.styleguide_nav_navigation__new-separator {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .styleguide_nav_navigation__top-part-action {
    width: 50% !important;
    align-self: stretch;
  }
  .styleguide_nav_navigation__top-part-action:hover {
    cursor: pointer;
    background: var(--docs-builder-nav-hover-background);
    color: var(--ui-text);
  }
}
.styleguide_nav_navigation__top-part-action-separator {
  flex-shrink: 0;
  align-self: stretch;
  width: 1px;
  background: var(--styleguide-nav-border) !important;
}
.styleguide_nav_navigation__search-modal-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styleguide_nav_navigation__theme-switcher {
  height: 36px;
}
@media screen and (max-width: calc(768px - 0.1px)) {
  .styleguide_nav_navigation__theme-switcher {
    height: 44px;
  }
}
@media screen and (min-width: 768px) {
  .styleguide_nav_navigation__theme-switcher {
    height: 36px;
  }
}
@media screen and (max-width: calc(768px - 0.1px)) {
  .styleguide_nav_navigation {
    top: var(--height-of-header);
    height: calc(100vh - var(--height-of-header));
    padding-top: 8px;
  }
  .styleguide_nav_navigation__top-part-action-separator,
  .styleguide_nav_navigation__search-modal-trigger {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .styleguide_nav_navigation {
    width: 216px;
    height: 100%;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide-builder_nav_page {
  --docs-builder-accent-color: var(--LIGHT, var(--ui-text-knockout)) var(--DARK, var(--ui-text-knockout));
}
.styleguide-builder_nav_page__main-content-wrapper {
  min-height: 100vh;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .styleguide-builder_nav_page__main-content-wrapper:not(.styleguide-builder_nav_page__main-content-wrapper--is-full-screen) {
    padding-left: 216px;
  }
}
.styleguide-builder_nav_page__header[class] {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --menu-title: var(--LIGHT, #b48fe1) var(--DARK, var(--ui-text));
  --menu-title-hover: var(--LIGHT, var(--ui-text)) var(--DARK, var(--ui-text-knockout));
  --styleguide-header-mobile-background: var(--LIGHT, var(--background-gradient-stop-middle)) var(--DARK, var(--background-gradient-stop-end));
  background: var(--styleguide-header-mobile-background, var(--ui-text)) !important;
  height: 63px;
  width: calc(100vw - var(--custom-scrollbars-width, 0px));
  left: 0;
  border: none;
  z-index: 100;
}
.styleguide-builder_nav_page__header--default[class] {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --menu-title: var(--LIGHT, #b48fe1) var(--DARK, var(--ui-text));
  --menu-title-hover: var(--LIGHT, var(--ui-text)) var(--DARK, var(--ui-text-knockout));
  --styleguide-header-mobile-background: var(--LIGHT, var(--background-gradient-stop-middle)) var(--DARK, var(--background-gradient-stop-end));
  background: var(--ui-text-secondary);
  color: var(--title-color, var(--text)) !important;
  width: calc(100vw - var(--custom-scrollbars-width, 0px));
  left: 0;
  border: none;
  z-index: 100;
}
.styleguide-builder_nav_page__menu-button {
  margin: -8px;
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --text: var(--LIGHT, #a87ad6) var(--DARK, #b3bcb7);
  --glow: var(--LIGHT, #fff) var(--DARK, #320e51);
  --moon-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --moon-outline: var(--LIGHT, #d9d6ff) var(--DARK, #b3bcb7);
  --sun-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --sun-outline: var(--LIGHT, #a87ad6) var(--DARK, #2a3e64);
  --cloak-base: var(--LIGHT, #6e42af) var(--DARK, #32112b);
  --cloak-highlights: var(--LIGHT, #97bdff) var(--DARK, #57658f);
  --hexagon-base: var(--LIGHT, #405893) var(--DARK, #170e20);
  --hexagon-rings-under: var(--LIGHT, #f8f) var(--DARK, #ed2590);
  --hexagon-rings-over: #fff;
  --arms: var(--LIGHT, #fff) var(--DARK, #b3bcb7);
}
.styleguide-builder_nav_page__main-content {
  width: 100%;
  max-width: 100vw;
  flex: 1;
  box-sizing: border-box;
  padding-bottom: 4px;
  display: flex;
  flex-direction: column;
  --ui-scroll-margin: var(--styleguide-sticky-header-height);
}
.styleguide-builder_nav_page > * {
  margin: 0 auto;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_styleguide_docs-logo__background-gradient {
  --background-gradient-stop-1: var(--docs-builder-background-gradient-stop-1);
  --background-gradient-stop-2: var(--docs-builder-background-gradient-stop-2);
  --background-value: var(--docs-builder-background);
}
.styleguide_styleguide_docs-logo {
  height: 120px;
  --background-gradient-stop-1: var(--docs-builder-background-gradient-stop-1);
  --background-gradient-stop-2: var(--docs-builder-background-gradient-stop-2);
  --background-value: var(--docs-builder-background);
  background: linear-gradient(to top, var(--background-gradient-stop-1), var(--background-gradient-stop-2)), var(--background-value);
  transition: opacity 0.125s;
}
@supports (background: linear-gradient(in oklch shorter hue, red, lime)) {
  .styleguide_styleguide_docs-logo {
    background: linear-gradient(in oklch shorter hue to top, var(--background-gradient-stop-1), var(--background-gradient-stop-2)), var(--background-value);
  }
}
.styleguide_styleguide_docs-logo__title {
  max-width: 120px;
  opacity: 0.8;
  transition: opacity 0.125s;
}
.styleguide_styleguide_docs-logo__bits {
  fill: var(--ui-text-knockout);
  opacity: 0.8;
  transition: opacity 0.125s;
}
.styleguide_styleguide_docs-logo:hover {
  opacity: 0.8;
}
.styleguide_styleguide_docs-logo:hover .styleguide_styleguide_docs-logo__title,
.styleguide_styleguide_docs-logo:hover .styleguide_styleguide_docs-logo__bits {
  opacity: 1;
}
.styleguide_styleguide_docs-logo:hover .styleguide_styleguide_docs-logo__background {
  opacity: 0.1;
}
.styleguide_styleguide_docs-logo__background {
  position: absolute;
  overflow: hidden;
  opacity: 0.2;
  pointer-events: none;
  width: 216px;
  height: 120px;
}
.styleguide_styleguide_docs-logo__background > svg {
  transform: translate(-16px, -80px);
}
.styleguide_styleguide_docs-logo__background__pattern {
  fill: #fff;
  animation-duration: 10s;
  animation-name: rotate;
  animation-iteration-count: infinite;
  transform-origin: center center;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(1) {
  animation-delay: 0.1s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(2) {
  animation-delay: 0.2s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(3) {
  animation-delay: 0.3s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(4) {
  animation-delay: 0.4s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(5) {
  animation-delay: 0.5s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(6) {
  animation-delay: 0.6s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(7) {
  animation-delay: 0.7s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(8) {
  animation-delay: 0.8s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(9) {
  animation-delay: 0.9s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(10) {
  animation-delay: 1s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(11) {
  animation-delay: 1.1s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(12) {
  animation-delay: 1.2s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(13) {
  animation-delay: 1.3s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(14) {
  animation-delay: 1.4s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(15) {
  animation-delay: 1.5s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(16) {
  animation-delay: 1.6s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(17) {
  animation-delay: 1.7s;
}
.styleguide_styleguide_docs-logo__background__pattern:nth-child(18) {
  animation-delay: 1.8s;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .styleguide_styleguide_docs-logo__background .styleguide_styleguide_docs-logo__background__pattern {
    animation: none;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_toast {
  --toast-action-divider: var(--LIGHT, rgba(255, 255, 255, 0.2)) var(--DARK, rgba(255, 255, 255, 0.15));
  opacity: 0.98;
}
.druids_dialogs_toast + .druids_dialogs_toast {
  margin-top: 8px;
}
.druids_dialogs_toast__close-handle[class][class] {
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 4px;
}
.druids_dialogs_toast__inner {
  display: inline-block;
  position: relative;
  pointer-events: all;
  -webkit-appearance: none;
  background-color: var(--ui-background-shade);
  border-color: var(--ui-background-shade);
  border-radius: 4px;
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
  color: var(--ui-text-knockout);
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  overflow: hidden;
  max-width: 75vw;
  text-decoration: none;
  text-align: left;
}
.druids_dialogs_toast--is-dismissible .druids_dialogs_toast__inner,
.druids_dialogs_toast--has-action-buttons .druids_dialogs_toast__inner {
  padding-right: 8px;
}
.druids_dialogs_toast__inner--success.druids_dialogs_toast__inner--has-level .druids_dialogs_toast__accent-color,
.druids_dialogs_toast__inner--success.druids_dialogs_toast__inner--is-theme-transition .druids_dialogs_toast__accent-color {
  background: var(--ui-status-success);
}
.druids_dialogs_toast__inner--warning.druids_dialogs_toast__inner--has-level .druids_dialogs_toast__accent-color,
.druids_dialogs_toast__inner--warning.druids_dialogs_toast__inner--is-theme-transition .druids_dialogs_toast__accent-color {
  background: var(--ui-status-warning);
}
.druids_dialogs_toast__inner--danger.druids_dialogs_toast__inner--has-level .druids_dialogs_toast__accent-color,
.druids_dialogs_toast__inner--danger.druids_dialogs_toast__inner--is-theme-transition .druids_dialogs_toast__accent-color {
  background: var(--ui-status-danger);
}
.druids_dialogs_toast__inner--has-level .druids_dialogs_toast__level-icon,
.druids_dialogs_toast__inner--is-theme-transition .druids_dialogs_toast__level-icon,
.druids_dialogs_toast__inner--has-level .druids_dialogs_toast__theme-transition-icon,
.druids_dialogs_toast__inner--is-theme-transition .druids_dialogs_toast__theme-transition-icon {
  margin: 0 8px;
  opacity: 0.75;
  align-self: flex-start;
}
.druids_dialogs_toast__inner--is-theme-transition::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  mix-blend-mode: color-dodge;
}
.druids_dialogs_toast__inner--is-theme-transition.druids_dialogs_toast__inner--theme-transition--to-light::before {
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- FIXME: Use non-raw values */
  background: linear-gradient(45deg, #ecebf7 0%, #f4e5f5 100%);
  mix-blend-mode: screen;
}
.druids_dialogs_toast__inner--is-theme-transition.druids_dialogs_toast__inner--theme-transition--to-light .druids_dialogs_toast__theme-transition-icon {
  transform: scale(1.5) translateX(7px);
}
.druids_dialogs_toast__inner--is-theme-transition.druids_dialogs_toast__inner--theme-transition--to-light .druids_dialogs_toast__theme-transition-icon,
.druids_dialogs_toast__inner--is-theme-transition.druids_dialogs_toast__inner--theme-transition--to-light .druids_dialogs_toast__content {
  filter: invert(0.91);
  mix-blend-mode: color-burn;
}
.druids_dialogs_toast__inner--is-theme-transition.druids_dialogs_toast__inner--theme-transition--to-dark::before {
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- FIXME: Use non-raw values */
  background: linear-gradient(45deg, #2b2f77 0%, #070b34 100%);
}
.druids_dialogs_toast__inner--is-theme-transition.druids_dialogs_toast__inner--theme-transition--to-dark .druids_dialogs_toast__theme-transition-icon {
  transform: scale(1.25) translateX(7px);
  opacity: 0.5;
}
.druids_dialogs_toast__content {
  padding: 8px 16px;
}
.druids_dialogs_toast--is-dismissible .druids_dialogs_toast__content {
  margin-right: 28px;
}
.druids_dialogs_toast__message {
  display: inline;
  line-height: 28px;
}
.druids_dialogs_toast--has-action-buttons .druids_dialogs_toast__message {
  margin-right: 16px;
}
.druids_dialogs_toast__actions {
  display: inline-flex;
  vertical-align: bottom;
  margin-left: -8px;
  margin-right: -14px;
}
.druids_dialogs_toast__actions__vertical-separator[class] {
  border-color: var(--toast-action-divider);
}
.druids_dialogs_toast__actions__button[class][class] {
  border-radius: 4px;
}
.druids_dialogs_toast__actions *:not(:first-child) > .druids_dialogs_toast__actions__button {
  margin-left: -2px;
}
.druids_dialogs_toast__actions *:not(:last-child) > .druids_dialogs_toast__actions__button {
  margin-right: -2px;
}
.druids_dialogs_toast:not(.druids_dialogs_toast--is-dismissible) .druids_dialogs_toast__actions {
  margin-right: -16px;
}
@media print {
  .druids_dialogs_toast {
    display: none !important;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_notification-center {
  z-index: 1000;
  text-align: center;
  position: fixed;
  width: 100vw;
  top: 16px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.druids_dialogs_notification-center--toast {
  animation-name: slideDownToast;
  animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  animation-duration: 300ms;
}
@keyframes slideDownToast {
  0%,
  25% {
    transform: translateY(-8px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
[class].druids_dialogs_notification-center--hidden-toast {
  opacity: 0;
  transform: translateY(-8px);
  transition: transform 150ms cubic-bezier(0.55, 0, 0.1, 1), opacity 150ms cubic-bezier(0.55, 0, 0.1, 1);
}
[class].druids_dialogs_notification-center--hidden-toast__inner {
  pointer-events: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.docs-builder__page__mobile-title {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --menu-title: var(--LIGHT, #b48fe1) var(--DARK, var(--ui-text));
  --menu-title-hover: var(--LIGHT, var(--ui-text)) var(--DARK, var(--ui-text-knockout));
  --styleguide-header-mobile-background: var(--LIGHT, var(--background-gradient-stop-middle)) var(--DARK, var(--background-gradient-stop-end));
  color: var(--title-color, var(--menu-title));
  font-size: 23px;
}
.docs-builder__page__mobile-title:hover {
  color: var(--menu-title-hover);
}

@media (prefers-contrast: more), (forced-colors: active) {
}/* stylelint-disable-next-line selector-disallowed-list -- See above */
body {
  --druids-logo-nav-tooltip-max-width: 184px;
}
.styleguide_styleguide_druids-logo {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --text: var(--LIGHT, #a87ad6) var(--DARK, #b3bcb7);
  --glow: var(--LIGHT, #fff) var(--DARK, #320e51);
  --moon-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --moon-outline: var(--LIGHT, #d9d6ff) var(--DARK, #b3bcb7);
  --sun-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --sun-outline: var(--LIGHT, #a87ad6) var(--DARK, #2a3e64);
  --cloak-base: var(--LIGHT, #6e42af) var(--DARK, #32112b);
  --cloak-highlights: var(--LIGHT, #97bdff) var(--DARK, #57658f);
  --hexagon-base: var(--LIGHT, #405893) var(--DARK, #170e20);
  --hexagon-rings-under: var(--LIGHT, #f8f) var(--DARK, #ed2590);
  --hexagon-rings-over: #fff;
  --arms: var(--LIGHT, #fff) var(--DARK, #b3bcb7);
}
.styleguide_styleguide_druids-logo--nav {
  position: relative;
  height: 200px;
  left: 50%;
  transform: translateX(-50%);
}
.styleguide_styleguide_druids-logo--nav .styleguide_styleguide_druids-logo__background {
  fill: var(--background-gradient-stop-intermediate-2);
}
.styleguide_styleguide_druids-logo__glow {
  fill: var(--glow);
}
.styleguide_styleguide_druids-logo__moon-click-target,
.styleguide_styleguide_druids-logo__sun-click-target {
  cursor: pointer;
  fill: #000;
  opacity: 0;
}
.styleguide_styleguide_druids-logo__moon,
.styleguide_styleguide_druids-logo__sun {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .styleguide_styleguide_druids-logo__moon,
  .styleguide_styleguide_druids-logo__sun {
    transition: transform 500ms;
  }
  .styleguide_styleguide_druids-logo--hero .styleguide_styleguide_druids-logo__moon {
    transform-origin: 845.897px 183.293px;
  }
  .styleguide_styleguide_druids-logo--nav .styleguide_styleguide_druids-logo__moon {
    transform-origin: 282.575px 78.36px;
  }
  .styleguide_styleguide_druids-logo--hero .styleguide_styleguide_druids-logo__sun {
    transform-origin: 587.582px 183.801px;
  }
  .styleguide_styleguide_druids-logo--nav .styleguide_styleguide_druids-logo__sun {
    transform-origin: 145.798px 78.629px;
  }
  .styleguide_styleguide_druids-logo__moon:hover,
  .styleguide_styleguide_druids-logo__moon-click-target:hover ~ .styleguide_styleguide_druids-logo__moon {
    transform: scale(1.15) rotate(-0.06turn);
  }
  .styleguide_styleguide_druids-logo__sun:hover,
  .styleguide_styleguide_druids-logo__sun-click-target:hover ~ .styleguide_styleguide_druids-logo__sun {
    transform: scale(1.15) rotate(-0.04turn);
  }
}
.styleguide_styleguide_druids-logo__moon-fill {
  fill: var(--moon-fill);
}
.styleguide_styleguide_druids-logo__moon-outline {
  fill: var(--moon-outline);
}
.styleguide_styleguide_druids-logo__sun-fill {
  fill: var(--sun-fill);
}
.styleguide_styleguide_druids-logo__sun-outline {
  fill: var(--sun-outline);
}
.styleguide_styleguide_druids-logo__cloak-base {
  fill: var(--cloak-base);
}
.styleguide_styleguide_druids-logo__cloak-highlights {
  fill: var(--cloak-highlights);
}
.styleguide_styleguide_druids-logo__hexagon-base {
  fill: var(--hexagon-base);
}
.styleguide_styleguide_druids-logo__hexagon-rings-under {
  fill: var(--hexagon-rings-under);
}
.styleguide_styleguide_druids-logo__hexagon-rings-over {
  fill: var(--hexagon-rings-over);
}
.styleguide_styleguide_druids-logo__arms {
  fill: var(--arms);
}
.styleguide_styleguide_druids-logo__text {
  fill: var(--text);
}
.styleguide_styleguide_druids-logo__text-hover-target {
  cursor: pointer;
  line-height: 0;
}

.styleguide_styleguide_druids-logo-mobile {
  display: inline-flex;
}
.styleguide_styleguide_druids-logo-mobile svg {
  width: 192px;
  max-height: 18px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_styleguide_druids-wordmark {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --text: var(--LIGHT, #a87ad6) var(--DARK, #b3bcb7);
  --glow: var(--LIGHT, #fff) var(--DARK, #320e51);
  --moon-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --moon-outline: var(--LIGHT, #d9d6ff) var(--DARK, #b3bcb7);
  --sun-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --sun-outline: var(--LIGHT, #a87ad6) var(--DARK, #2a3e64);
  --cloak-base: var(--LIGHT, #6e42af) var(--DARK, #32112b);
  --cloak-highlights: var(--LIGHT, #97bdff) var(--DARK, #57658f);
  --hexagon-base: var(--LIGHT, #405893) var(--DARK, #170e20);
  --hexagon-rings-under: var(--LIGHT, #f8f) var(--DARK, #ed2590);
  --hexagon-rings-over: #fff;
  --arms: var(--LIGHT, #fff) var(--DARK, #b3bcb7);
  width: 100%;
  fill: var(--text);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_styleguide_datadog-logo {
  --color-fill: var(--ui-icon-secondary);
  --color-fill-hover: var(--LIGHT, var(--ui-brand)) var(--DARK, var(--ui-text));
  --light-mode-fill: var(--LIGHT, var(--color-fill)) var(--DARK, transparent);
  --dark-mode-fill: var(--LIGHT, transparent) var(--DARK, var(--color-fill));
  --light-mode-fill-hover: var(--LIGHT, var(--color-fill-hover)) var(--DARK, transparent);
  --dark-mode-fill-hover: var(--LIGHT, transparent) var(--DARK, var(--color-fill-hover));
  height: 48px;
}
.styleguide_styleguide_datadog-logo__light-mode-fill {
  fill: var(--light-mode-fill);
}
.styleguide_styleguide_datadog-logo__dark-mode-fill {
  fill: var(--dark-mode-fill);
}
.styleguide_styleguide_datadog-logo__wordmark {
  fill: var(--color-fill);
}
.styleguide_styleguide_datadog-logo:hover .styleguide_styleguide_datadog-logo__wordmark,
.styleguide_styleguide_datadog-logo:active .styleguide_styleguide_datadog-logo__wordmark {
  fill: var(--color-fill-hover);
}
.styleguide_styleguide_datadog-logo:hover .styleguide_styleguide_datadog-logo__light-mode-fill,
.styleguide_styleguide_datadog-logo:active .styleguide_styleguide_datadog-logo__light-mode-fill {
  fill: var(--light-mode-fill-hover);
}
.styleguide_styleguide_datadog-logo:hover .styleguide_styleguide_datadog-logo__dark-mode-fill,
.styleguide_styleguide_datadog-logo:active .styleguide_styleguide_datadog-logo__dark-mode-fill {
  fill: var(--dark-mode-fill-hover);
}
@media screen and (min-width: 768px) {
  .styleguide_styleguide_datadog-logo--will-grow-on-hover {
    transition: transform 200ms;
  }
  .styleguide_styleguide_datadog-logo--will-grow-on-hover > * {
    transition: fill 200ms;
  }
  .styleguide_styleguide_datadog-logo--will-grow-on-hover:hover,
  .styleguide_styleguide_datadog-logo--will-grow-on-hover:active {
    transform: scale(1.05);
    transition: transform 200ms;
  }
  .styleguide_styleguide_datadog-logo--will-grow-on-hover:hover > *,
  .styleguide_styleguide_datadog-logo--will-grow-on-hover:active > * {
    transition: fill 200ms;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.styleguide_styleguide_footer {
  line-height: 1;
}
@media screen and (max-width: calc(768px - 0.1px)) {
  .styleguide_styleguide_footer {
    padding: 0 8px;
  }
}
.styleguide_styleguide_footer__horizontal-separator {
  opacity: 0.5;
}
.styleguide_styleguide_footer__heart-icon {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --text: var(--LIGHT, #a87ad6) var(--DARK, #b3bcb7);
  --glow: var(--LIGHT, #fff) var(--DARK, #320e51);
  --moon-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --moon-outline: var(--LIGHT, #d9d6ff) var(--DARK, #b3bcb7);
  --sun-fill: var(--LIGHT, #fff) var(--DARK, #32112b);
  --sun-outline: var(--LIGHT, #a87ad6) var(--DARK, #2a3e64);
  --cloak-base: var(--LIGHT, #6e42af) var(--DARK, #32112b);
  --cloak-highlights: var(--LIGHT, #97bdff) var(--DARK, #57658f);
  --hexagon-base: var(--LIGHT, #405893) var(--DARK, #170e20);
  --hexagon-rings-under: var(--LIGHT, #f8f) var(--DARK, #ed2590);
  --hexagon-rings-over: #fff;
  --arms: var(--LIGHT, #fff) var(--DARK, #b3bcb7);
  color: var(--hexagon-rings-under);
  vertical-align: bottom;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.styleguide_page-404 {
  --background-gradient-stop-end: var(--LIGHT, #fff) var(--DARK, #170e20);
  --background-gradient-stop-intermediate-1: var(--LIGHT, #f4ffff) var(--DARK, #1c0f22);
  --background-gradient-stop-intermediate-2: var(--LIGHT, #eaffff) var(--DARK, #2c1029);
  --background-gradient-stop-middle: var(--LIGHT, #e7ffff) var(--DARK, #32112b);
  --styleguide-home-background-color-stop-bottom: var(--LIGHT, #fff) var(--DARK, #170e20);
  --styleguide-home-transparent-fade: var(--LIGHT, rgba(255, 255, 255, 0)) var(--DARK, rgba(23, 14, 32, 0));
  --main-content-width: 768px;
  --main-content-width-including-scale-up: calc(var(--main-content-width) * 1.15);
  min-height: 100vh;
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .styleguide_page-404 {
    --main-content-width: 100%;
  }
}
.styleguide_page-404__theme-toggle {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  transform: scale(1.28571429);
  transform-origin: 100% 0;
  opacity: 0.8;
}
@media screen and (min-width: 992px) {
  .styleguide_page-404__theme-toggle {
    position: fixed;
    top: 24px;
    right: 24px;
  }
}
.styleguide_page-404__play-pause-toggle {
  position: absolute;
  top: 56px;
  right: 8px;
  z-index: 2;
  opacity: 0.8;
}
.styleguide_page-404__play-pause-toggle[disabled] {
  pointer-events: none;
}
@media screen and (min-width: 992px) {
  .styleguide_page-404__play-pause-toggle {
    position: fixed;
    top: 68px;
    right: 24px;
  }
}
.styleguide_page-404__main-content {
  flex: 1;
  z-index: 1;
}
.styleguide_page-404__wordmark-and-search {
  max-width: var(--main-content-width);
}
.styleguide_page-404__search-button[class][class] {
  margin-top: 32px;
  position: relative;
  z-index: 1;
}
.styleguide_page-404__spiral {
  position: absolute;
  --size: calc(0.72 * max(100vh, var(--logo-height)) + var(--logo-height));
  left: calc(50vw - var(--size) / 2);
  right: calc(50vw - var(--size) / 2);
  bottom: calc(-0.5 * var(--logo-height));
  height: var(--size);
  z-index: 0;
  display: flex;
  align-items: center;
  perspective: var(--size);
  --width: 200px;
  --half-width: calc(var(--width) / 2);
  --duration: 10s;
  --initial-delay: 0s;
  --delay-offset: 0s;
}
.styleguide_page-404__spiral-wrapper {
  --modal-overlay: var(--LIGHT, rgba(0, 0, 0, 0.6)) var(--DARK, rgba(39, 38, 38, 0.75));
  --numbered-section-incomplete-header-number: var(--LIGHT, var(--numbered-section-gradient-swatch)) var(--DARK, var(--ui-text-knockout));
  --numbered-section-header-hover-background: var(--LIGHT, rgba(242, 236, 252, 0.5)) var(--DARK, rgba(212, 209, 214, 0.05));
  --numbered-section-number-background: var(--LIGHT, #e6d6f9) var(--DARK, #320e51);
  --numbered-section-header-active-background: var(--LIGHT, #f2ecfc) var(--DARK, rgba(212, 209, 214, 0.075));
  --numbered-section-gradient-1: var(--LIGHT, #632ca6) var(--DARK, #926eb6);
  --numbered-section-gradient-2: var(--LIGHT, #7527a5) var(--DARK, #9966b2);
  --numbered-section-gradient-3: var(--LIGHT, #8323a3) var(--DARK, #a05eae);
  --numbered-section-gradient-4: var(--LIGHT, #931fa2) var(--DARK, #a657ab);
  --numbered-section-gradient-5: var(--LIGHT, #a31ba0) var(--DARK, #ad4fa7);
  --numbered-section-gradient-6: var(--LIGHT, #B2169f) var(--DARK, #b34ba4);
  --numbered-section-gradient-7: var(--LIGHT, #c2129d) var(--DARK, #ba40a0);
  --percentage-fill-background: var(--LIGHT, rgba(197, 203, 219, 0.5)) var(--DARK, rgba(81, 79, 83, 0.5));
  --separator-color: var(--LIGHT, #eff1f5) var(--DARK, #858387);
  --avatar-list-overflow-background: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  --message-box-default-border: var(--LIGHT, #006bc2) var(--DARK, #2471bf);
  --message-box-default-background: var(--LIGHT, #eaf6fc) var(--DARK, #09245b);
  --message-box-default-title: var(--ui-interaction-primary-contrast);
  --message-box-warning-border: var(--ui-status-warning);
  --message-box-warning-background: var(--LIGHT, #fff6e3) var(--DARK, #664811);
  --message-box-warning-title: var(--LIGHT, #de5f0c) var(--DARK, #fec866);
  --message-box-danger-border: var(--ui-status-danger);
  --message-box-danger-background: var(--LIGHT, #fdebed) var(--DARK, #5e151e);
  --message-box-danger-title: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --message-box-success-border: var(--ui-status-success);
  --message-box-success-background: var(--LIGHT, #ecf9ef) var(--DARK, #133a1d);
  --message-box-success-title: var(--ui-status-success-contrast);
  --feature-status-label-text: var(--LIGHT, #a33bff) var(--DARK, #c159ff);
  --status-pill-soft-background-danger-contrast: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --status-pill-soft-text-danger: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --status-pill-soft-background-warning-contrast: var(--LIGHT, #ffe6a2) var(--DARK, #664811);
  --status-pill-background-warning-hover: var(--LIGHT, #f27c00) var(--DARK, #e5a226);
  --status-pill-soft-text-warning: var(--LIGHT, #de5f0c) var(--DARK, var(--ui-status-warning-contrast));
  --status-pill-soft-text-success: var(--LIGHT, #2a7e41) var(--DARK, #52b76d);
  --status-pill-soft-background-success-contrast: var(--LIGHT, #d9f3e0) var(--DARK, #133a1d);
  --status-pill-soft-background-other-contrast: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --status-pill-soft-text-other: var(--LIGHT, #585f70) var(--DARK, var(--ui-text-secondary));
  --status-pill-soft-background-in-progress-contrast: var(--LIGHT, #e6d6f9) var(--DARK, #320e51);
  --status-pill-soft-text-in-progress: var(--LIGHT, #451481) var(--DARK, #a26dd8);
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  --count-pill-background: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --local-text-color: var(--badge-custom-text-color, var(--ui-text));
  --local-background-color: var(--badge-custom-background-color, var(--ui-background));
  --local-background-color-hover: var(--badge-custom-background-color-hover, var(--ui-border));
  --local-border-color: var(--badge-custom-border-color, var(--ui-border));
  --styleguide-illustration-text: var(--ui-text-tertiary);
  --styleguide-illustration-text-contrast: var(--ui-text-secondary);
  --styleguide-illustration-shade-background: var(--LIGHT, #585f70) var(--DARK, #2c2b2b);
  --styleguide-illustration-calendar-selected-range-background: var(--LIGHT, #eaf6fc) var(--DARK, #09245b);
  --styleguide-illustration-code-text-green: var(--LIGHT, #41c464) var(--DARK, #349c50);
  --styleguide-illustration-code-text-pink: var(--LIGHT, #ffb3e0) var(--DARK, #66003d);
  --styleguide-illustration-code-text-purple: var(--LIGHT, #b48fe1) var(--DARK, #561d8c);
  --styleguide-illustration-code-text-red: var(--LIGHT, #fc9da8) var(--DARK, #7c1d29);
  --styleguide-illustration-document-title-background: var(--LIGHT, #dee1e6) var(--DARK, #2c2c2c);
  --styleguide-illustration-document-title-tab: var(--LIGHT, #fff) var(--DARK, #414141);
  --styleguide-illustration-facet-group-background: var(--LIGHT, #eff1f5) var(--DARK, #2c2b2b);
  --styleguide-illustration-highlight-keywords: var(--LIGHT, #fff5ba) var(--DARK, #66540f);
  --styleguide-illustration-http-request-bar-method-background: var(--LIGHT, #eff1f5) var(--DARK, #272626);
  --styleguide-illustration-image-foreground: var(--LIGHT, #9da4b9) var(--DARK, #65626a);
  --styleguide-illustration-integration-logo-icon: var(--LIGHT, #2b64d6) var(--DARK, var(--ui-text));
  --styleguide-illustration-integration-logo-wordmark: var(--LIGHT, #696b7f) var(--DARK, var(--ui-text));
  --styleguide-illustration-message-box-background: var(--message-box-default-background);
  --styleguide-illustration-message-box-border: var(--message-box-default-border);
  --styleguide-illustration-modal-title: var(--LIGHT, #585f70) var(--DARK, #bebbc0);
  --styleguide-illustration-mouse-click-ring-outer: var(--LIGHT, #ff0099) var(--DARK, #66003d);
  --styleguide-illustration-mouse-click-ring-middle: var(--LIGHT, #ffb3e0) var(--DARK, #66003d);
  --styleguide-illustration-mouse-click-ring-inner: var(--LIGHT, #ffe6f5) var(--DARK, #66003d);
  --styleguide-illustration-nested-table-expanded: var(--LIGHT, #71b8e7) var(--DARK, #2471bf);
  --styleguide-illustration-numbered-section-title: var(--LIGHT, var(--ui-brand)) var(--DARK, #858387);
  --styleguide-illustration-popover-outline: var(--LIGHT, var(--ui-background-elevated)) var(--DARK, var(--ui-border));
  --styleguide-illustration-search-modal-text: var(--LIGHT, #d1d6e6) var(--DARK, #a19fa3);
  --styleguide-illustration-search-modal-text-secondary: var(--LIGHT, #585f70) var(--DARK, #858387);
  --styleguide-illustration-star-color: var(--ui-important);
  --styleguide-illustration-switch-text-off: var(--ui-text-tertiary);
  --styleguide-illustration-switch-track: var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text-tertiary));
  --styleguide-illustration-time-pill-background: var(--LIGHT, #eff1f5) var(--DARK, #272626);
  --styleguide-illustration-title-secondary-text: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  --styleguide-illustration-toast-text-secondary: var(--LIGHT, #9da4b9) var(--DARK, #858387);
  --styleguide-illustration-utility-color-1: var(--LIGHT, #ff0099) var(--DARK, rgba(229, 0, 137, 0.8));
  --styleguide-illustration-diff-editor-add-primary: var(--LIGHT, #eff5f0) var(--DARK, #133a1d);
  --styleguide-illustration-diff-editor-add-secondary: var(--LIGHT, #def2e1) var(--DARK, #1d472b);
  --styleguide-illustration-diff-editor-substract-primary: var(--LIGHT, #f5d7db) var(--DARK, #5e151e);
  --styleguide-illustration-diff-editor-substract-secondary: var(--LIGHT, #f6ecee) var(--DARK, #311e22);
  --styleguide-illustration-knockout-provider-background: #1d1c1f;
  --styleguide-illustration-knockout-provider-text: var(--LIGHT, #ffffff) var(--DARK, rgba(255, 255, 255, 0.38));
  --ui-gradient-standard-stop-1: #d671d0;
  --ui-gradient-standard-stop-2: #7a71cb;
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  contain: strict;
  pointer-events: none;
  --logo-height: 549px;
  --play-state: running;
  background-image: linear-gradient(to bottom, var(--styleguide-home-transparent-fade) 549px, var(--styleguide-home-background-color-stop-bottom) 754.875px), linear-gradient(to right, var(--background-gradient-stop-end) 0%, var(--background-gradient-stop-end) calc((100vw - 1440px) / 2), var(--background-gradient-stop-intermediate-1) calc(((100vw - 1440px) / 2) + (1440px * 0.11)), var(--background-gradient-stop-intermediate-2) calc(((100vw - 1440px) / 2) + (1440px * 0.284)), var(--background-gradient-stop-middle) calc(((100vw - 1440px) / 2) + (1440px * 0.5)), var(--background-gradient-stop-intermediate-2) calc(((100vw - 1440px) / 2) + (1440px * 0.716)), var(--background-gradient-stop-intermediate-1) calc(((100vw - 1440px) / 2) + (1440px * 0.89)), var(--background-gradient-stop-end) calc(((100vw - 1440px) / 2) + 1440px), var(--background-gradient-stop-end) 100%);
}
.styleguide_page-404__spiral-background {
  position: absolute;
  z-index: -1;
  bottom: 0;
  height: 100%;
  min-height: var(--logo-height);
  opacity: 0.35;
  right: 50%;
  transform: translateX(50%);
}
@media screen and (max-width: 768px) {
  .styleguide_page-404__spiral-background {
    opacity: 0.2;
  }
}
.styleguide_page-404__spiral-plane {
  position: absolute;
  width: calc(50% - var(--half-width));
  margin-left: var(--half-width);
  height: 0;
  will-change: transform;
  animation: druids_404_depth var(--duration) var(--delay) ease-in infinite;
  animation-play-state: var(--play-state);
  --delay: calc(var(--initial-delay) + var(--delay-offset));
}
.styleguide_page-404__spiral-item-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  animation: druids_404_spiral var(--duration) var(--delay) linear infinite;
  animation-play-state: var(--play-state);
  transform-origin: 100% 0;
}
.styleguide_page-404__spiral-item {
  position: relative;
  opacity: 0;
  width: var(--width);
  aspect-ratio: 1.61290323;
  will-change: transform, opacity, filter;
  animation: druids_404_reversedSpiral var(--duration) var(--delay) linear infinite, druids_404_opacityAndBlur var(--duration) var(--delay) ease-in infinite;
  animation-play-state: var(--play-state);
  contain: strict;
}
.styleguide_page-404__spiral-image {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
}
@keyframes druids_404_spiral {
  from {
    transform: rotate(calc(0deg + var(--initial-rotate, 0deg)));
  }
  to {
    transform: rotate(calc(440deg + var(--initial-rotate, 0deg)));
  }
}
@keyframes druids_404_reversedSpiral {
  from {
    transform: rotate(calc(0deg - var(--initial-rotate, 0deg) + var(--rotate-adjust, 0deg) - 12deg));
  }
  to {
    transform: rotate(calc(-440deg - var(--initial-rotate, 0deg) - var(--rotate-adjust, 0deg) + 15deg ));
  }
}
@keyframes druids_404_depth {
  from {
    transform: translateZ(1250px);
  }
  to {
    transform: translateZ(-20000px);
  }
}
@keyframes druids_404_opacityAndBlur {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  17.5% {
    opacity: 1;
    filter: blur(0px);
  }
  90% {
    opacity: 0;
  }
}
.styleguide_page-404--is-screensaver .styleguide_page-404__spiral-wrapper {
  --logo-height: 135vh;
}
.styleguide_page-404 .styleguide_styleguide_footer {
  width: 94%;
  position: relative;
}

.screen-reader-only__zcsnW_ScreenReaderOnly{clip:rect(1px,1px,1px,1px)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.skip-link_ycE5gq_SkipLink{white-space:nowrap;top:0;left:0;}.skip-link_ycE5gq_SkipLink--mainContent{z-index:1000;border-radius: 4px ;border: 1px solid var(--ui-border-elevated);background:var(--ui-background-elevated);font-size: 15px ;margin: 4px 0 0  4px ;padding: 4px ;box-shadow:0 0 1px #2429311a,0 3px 11px var(--ui-shadow-strength)}.skip-link_ycE5gq_SkipLink:focus{clip:unset!important;width:auto!important;height:auto!important;overflow:auto!important}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_editable-text {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  padding: 0 4px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: inherit;
  outline: none;
}
.druids_form_editable-text--xs {
  font-size: 11px;
}
.druids_form_editable-text--sm {
  font-size: 12px;
}
.druids_form_editable-text--md {
  font-size: 13px;
}
.druids_form_editable-text--lg {
  font-size: 15px;
}
.druids_form_editable-text[contenteditable='true'][placeholder]:empty:before {
  content: attr(placeholder);
  color: var(--form-text-placeholder);
  display: block;
  /* For Firefox */
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_autocomplete_legacy-search-bar-tag {
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  --full-text-background: var(--LIGHT, #f3f9fc) var(--DARK, #091222);
  display: inline-flex;
  box-sizing: border-box;
  align-self: stretch;
  white-space: nowrap;
}
.druids_autocomplete_legacy-search-bar-tag__wrapper .druids_autocomplete_legacy-search-bar-tag--is-full-width {
  width: 100%;
}
.druids_autocomplete_legacy-search-bar-tag--is-focused > * > .druids_autocomplete_legacy-search-bar-tag__text {
  cursor: text;
}
.druids_autocomplete_legacy-search-bar-tag--is-focused.druids_autocomplete_legacy-search-bar-tag--is-editable > * > .druids_autocomplete_legacy-search-bar-tag__text {
  color: var(--ui-text);
  background: var(--ui-background);
}
.druids_autocomplete_legacy-search-bar-tag__text {
  padding: 0 !important;
}
.druids_autocomplete_legacy-search-bar-tag--is-full-text,
.druids_autocomplete_legacy-search-bar-tag--is-full-text:not(:hover):not(:active) .druids_autocomplete_legacy-search-bar-tag__text {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: var(--ui-text) !important;
}
.druids_autocomplete_legacy-search-bar-tag--is-blue-full-text > .druids_pills_tag__text,
.druids_autocomplete_legacy-search-bar-tag--is-blue-full-text > .druids_pills_tag__remove:not(:hover):not(:active) {
  background-color: var(--full-text-background) !important;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_autocomplete_auto-complete-input {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --ui-border-radius: 4px;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  --height-search-box: 28px;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid var(--form-border);
  background-color: var(--form-background);
  color: var(--ui-text);
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  position: relative;
  font-size: var(--_autocomplete-font-size);
  height: var(--height-search-box);
  z-index: var(--ui-group-elevation);
}
.druids_autocomplete_auto-complete-input--is-focused {
  z-index: var(--ui-group-elevation--focus);
}
.druids_autocomplete_auto-complete-input__wrapper,
.druids_autocomplete_auto-complete-input__content,
.druids_autocomplete_auto-complete-input__placeholder {
  font-size: var(--_autocomplete-font-size);
  height: var(--height-search-box);
  line-height: calc(var(--height-search-box) - 1px);
}
.druids_autocomplete_auto-complete-input__suggestions {
  top: calc(var(--height-search-box) - 1px);
}
.druids_autocomplete_auto-complete-input--sm {
  --height-search-box: 24px;
  --_autocomplete-font-size: 12px;
}
.druids_autocomplete_auto-complete-input--md {
  --height-search-box: 28px;
  --_autocomplete-font-size: 13px;
}
.druids_autocomplete_auto-complete-input--lg {
  --height-search-box: 36px;
  --_autocomplete-font-size: 15px;
}
.druids_autocomplete_auto-complete-input--multiline {
  min-height: var(--height-search-box);
  height: auto;
}
.druids_autocomplete_auto-complete-input:hover {
  border-color: var(--form-border-hover);
}
.druids_autocomplete_auto-complete-input--is-focused[class] {
  background-color: var(--form-background-focus);
  border-color: var(--form-border-focus);
}
.druids_autocomplete_auto-complete-input--is-read-only {
  border-color: var(--form-border-disabled) !important;
  color: var(--ui-text-disabled) !important;
  background: var(--form-background-disabled) !important;
}
.druids_autocomplete_auto-complete-input--has-suggestions {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: var(--form-border);
}
.druids_autocomplete_auto-complete-input--has-suggestions.druids_autocomplete_auto-complete-input--is-focused {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_autocomplete_auto-complete-input--has-search-icon {
  padding-left: 8px;
}
.druids_autocomplete_auto-complete-input__content {
  outline: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
  white-space: pre;
  width: 100%;
}
.druids_autocomplete_auto-complete-input__clear {
  color: var(--form-icon-disabled);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  margin-left: 4px;
  padding-right: 8px;
}
.druids_autocomplete_auto-complete-input__clear:hover {
  color: var(--ui-text-secondary);
}
.druids_autocomplete_auto-complete-input__clear:active {
  color: var(--ui-text);
}
.druids_autocomplete_auto-complete-input__icon {
  margin-right: 4px;
  color: var(--form-icon);
  flex-shrink: 0;
}
.druids_autocomplete_auto-complete-input__main-content--multiline {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: auto;
}
.druids_autocomplete_auto-complete-input__full-text--multiline {
  display: inline-flex;
  flex-grow: 1;
  min-width: 0;
}
.druids_autocomplete_auto-complete-input__placeholder {
  color: var(--form-text-placeholder);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  max-width: calc(100% - 4px);
  left: 4px;
  user-select: none;
}
.druids_autocomplete_auto-complete-input__tags {
  white-space: nowrap;
  align-items: flex-start;
}
.druids_autocomplete_auto-complete-input__tags__tag {
  margin-left: 4px;
  align-self: baseline;
}
.druids_autocomplete_auto-complete-input__tags__tag--multiline {
  margin: 2px 4px;
  white-space: normal;
}
.druids_autocomplete_auto-complete-input--sm .druids_autocomplete_auto-complete-input__tags__tag--multiline {
  margin: 1px;
}
.druids_autocomplete_auto-complete-input__tags__tag__operator--multiline {
  margin: auto 2px;
}
.druids_autocomplete_auto-complete-input__tooltip .druids_autocomplete_auto-complete-input__tags__tag {
  white-space: normal;
}
.druids_autocomplete_auto-complete-input__wrapper {
  display: inline-block;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  min-width: 4em;
}
.druids_autocomplete_auto-complete-input__wrapper--multiline[class],
.druids_autocomplete_auto-complete-input__content--multiline[class],
.druids_autocomplete_auto-complete-input__placeholder--multiline[class] {
  display: inline-flex;
  flex-grow: 1;
  word-wrap: break-word;
  white-space: break-spaces;
  word-break: break-word;
  overflow-wrap: anywhere;
  height: auto;
  line-height: calc(var(--height-search-box) - 4px);
  align-items: center;
}
.druids_autocomplete_auto-complete-input__content--multiline:empty::before {
  content: ' ';
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_autocomplete_facet-suggestions {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  background-color: var(--form-background);
}
.druids_autocomplete_facet-suggestions__help {
  border-top: 1px solid var(--ui-border);
}
.druids_autocomplete_facet-suggestions__free_text {
  border-bottom: 1px solid var(--ui-border);
}
.druids_autocomplete_facet-suggestions__loading {
  padding: 6px 12px;
}
.druids_autocomplete_facet-suggestions__highlighted > mark {
  background-color: var(--ui-interaction-secondary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_text-area {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --input-shadow-success-focus: var(--_override--input-shadow-success-focus, var(--LIGHT, rgba(65, 196, 100, 0.3)) var(--DARK, rgba(52, 156, 80, 0.8)));
  --input-background-success-focus: var(--_override--input-background-success-focus, var(--ui-status-success-soft));
  --input-border-success: var(--_override--input-border-success, var(--ui-status-success));
  --input-border-success-hover: var(--_override--input-border-success-hover, var(--ui-status-success-contrast));
  --input-border-success-focus: var(--_override--input-border-success-focus, var(--input-border-success-hover));
  --input-shadow-warning-focus: var(--_override--input-shadow-warning-focus, var(--LIGHT, rgba(249, 157, 2, 0.3)) var(--DARK, rgba(204, 144, 34, 0.8)));
  --input-background-warning-focus: var(--_override--input-background-warning-focus, var(--ui-status-warning-soft));
  --input-border-warning: var(--_override--input-border-warning, var(--ui-status-warning));
  --input-border-warning-hover: var(--_override--input-border-warning-hover, var(--ui-status-warning-contrast));
  --input-border-warning-focus: var(--_override--input-border-warning-focus, var(--input-border-warning-hover));
  --input-shadow-danger-focus: var(--_override--input-shadow-danger-focus, var(--LIGHT, rgba(235, 54, 75, 0.3)) var(--DARK, rgba(211, 48, 67, 0.8)));
  --input-background-danger-focus: var(--_override--input-background-danger-focus, var(--ui-status-danger-soft));
  --input-border-danger: var(--_override--input-border-danger, var(--ui-status-danger));
  --input-border-danger-hover: var(--_override--input-border-danger-hover, var(--ui-status-danger-contrast));
  --input-border-danger-focus: var(--_override--input-border-danger-focus, var(--input-border-danger-hover));
  --input-text-disabled: var(--_override--input-text-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-text-disabled))) var(--DARK, var(--CONTRAST_DEFAULT, #49474d) var(--CONTRAST_HIGH, var(--ui-text-disabled))));
  --input-soft-background: var(--_override--input-soft-background, var(--LIGHT, #eff1f5) var(--DARK, #272626));
  --input-soft-text: var(--_override--input-soft-text, var(--LIGHT, #242931) var(--DARK, #e6e4e7));
  --input-soft-text-placeholder: var(--_override--input-soft-text-placeholder, #828ba4);
}
*:where(.druids_form_text-area:not(.druids_form_text-area--is-disabled)) {
  z-index: var(--ui-group-elevation);
}
.druids_form_text-area--is-full-width {
  width: 100%;
}
.druids_form_text-area--md .druids_form_text-area__textarea {
  font-size: 13px !important;
}
.druids_form_text-area--lg .druids_form_text-area__textarea {
  font-size: 15px !important;
}
.druids_form_text-area__wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--form-background) !important;
  border: 1px solid var(--form-border) !important;
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  white-space: initial;
  --ui-border-radius: 4px;
}
.druids_form_text-area__wrapper:hover {
  border-color: var(--form-border-hover) !important;
}
.druids_form_text-area__wrapper:focus-within {
  border-color: var(--form-border-focus) !important;
  box-shadow: 0 0 3px var(--form-shadow-focus);
  background-color: var(--form-background-focus) !important;
}
.druids_form_text-area__wrapper--is-disabled[class] {
  border-color: var(--form-border-disabled) !important;
  background: var(--form-background-disabled) !important;
  cursor: not-allowed;
}
.druids_form_text-area__textarea {
  outline: none;
  display: inline-block;
  background: transparent;
  border: none;
  color: var(--ui-text) !important;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  padding: 8px;
  box-sizing: border-box;
  margin: 0;
  -webkit-appearance: none;
  resize: none;
}
.druids_form_text-area__textarea::-ms-input-placeholder {
  color: var(--form-text-placeholder) !important;
}
.druids_form_text-area__textarea::placeholder {
  color: var(--form-text-placeholder) !important;
  opacity: 1;
}
.druids_form_text-area__textarea:disabled {
  color: var(--form-text-disabled) !important;
}
.druids_form_text-area__textarea:disabled::placeholder {
  color: var(--form-text-disabled) !important;
}
.druids_form_text-area__textarea--is-monospace {
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  letter-spacing: -0.01em;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_autocomplete_input-text-autocomplete {
  display: flex;
  position: relative;
  width: 100%;
}
.druids_autocomplete_input-text-autocomplete > *:not(.druids_autocomplete_input-text-autocomplete__placeholder) {
  flex-grow: 1;
}
.druids_autocomplete_input-text-autocomplete--textarea {
  height: 100%;
}
.druids_autocomplete_input-text-autocomplete__suggestions-list {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  width: 350px;
  max-height: 400px;
  border: 1px solid var(--form-border-focus);
  border-radius: 4px;
  background-color: var(--ui-background-elevated);
  overflow-y: auto;
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_autocomplete_input-text-autocomplete__suggestions-item .druids_dialogs_popover-menu-item__label-wrapper,
.druids_autocomplete_input-text-autocomplete__suggestions-item .druids_dialogs_popover-menu-item__primary-label,
.druids_autocomplete_input-text-autocomplete__suggestions-item .druids_dialogs_popover-menu-item__description {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.druids_autocomplete_input-text-autocomplete__placeholder {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  display: flex;
  align-items: center;
  position: absolute;
  right: 1px;
  top: 1px;
  color: var(--ui-icon-secondary);
  font-size: 12px;
  background: var(--form-background);
  padding-left: 4px;
  padding-right: 7px;
  user-select: none;
  cursor: default;
  z-index: calc(var(--ui-group-elevation, 0) + 3);
  /* sizes */
}
.druids_autocomplete_input-text-autocomplete__placeholder--xxs {
  height: 14px;
  font-size: 8px;
  border-radius: 0 3px 3px 0;
}
.druids_autocomplete_input-text-autocomplete__placeholder--xs {
  height: 18px;
  font-size: 11px;
  border-radius: 0 3px 3px 0;
}
.druids_autocomplete_input-text-autocomplete__placeholder--sm {
  height: 22px;
  font-size: 12px;
  border-radius: 0 3px 3px 0;
}
.druids_autocomplete_input-text-autocomplete__placeholder--md {
  height: 26px;
  font-size: 13px;
  border-radius: 0 3px 3px 0;
}
.druids_autocomplete_input-text-autocomplete__placeholder--lg {
  height: 34px;
  font-size: 15px;
  border-radius: 0 3px 3px 0;
}
.druids_autocomplete_input-text-autocomplete__placeholder--xl {
  height: 42px;
  font-size: 18px;
  border-radius: 0 3px 3px 0;
}
.druids_autocomplete_input-text-autocomplete__placeholder--xxl {
  height: 50px;
  font-size: 23px;
  border-radius: 0 3px 3px 0;
}
.druids_autocomplete_input-text-autocomplete__placeholder--textarea {
  height: auto;
  top: 8px;
}
.druids_autocomplete_input-text-autocomplete__placeholder--with-password-switch {
  right: calc(8px + 16px);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_autocomplete_legacy-auto-complete {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  width: 100%;
  min-width: 130px;
  font-size: 0;
}
*:where(.druids_autocomplete_legacy-auto-complete-input) {
  z-index: var(--ui-group-elevation);
}
*:where(.druids_autocomplete_legacy-auto-complete-input--is-focused) {
  z-index: var(--ui-group-elevation--focus);
}
*:where( .druids_form_validation--is-visible.druids_form_validation--is-inline .druids_autocomplete_legacy-auto-complete-input) {
  z-index: var(--ui-group-elevation--validation);
}
.druids_autocomplete_legacy-auto-complete__click-outside {
  width: 100%;
}
.druids_autocomplete_legacy-auto-complete__popover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_autocomplete_legacy-auto-complete__suggestions {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  border: 1px solid var(--form-border-focus);
  border-top: none;
  background: var(--ui-background-elevated);
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_autocomplete_legacy-search-bar {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  box-sizing: border-box;
  border: 1px solid var(--form-border);
  border-radius: 4px;
  height: 28px;
  display: flex;
  align-items: center;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  color: var(--ui-text);
  background-color: var(--form-background);
  position: relative;
  width: 100%;
}
.druids_autocomplete_legacy-search-bar--has-search-icon {
  padding-left: 8px;
}
.druids_autocomplete_legacy-search-bar:not(.druids_autocomplete_legacy-search-bar--has-search-icon) {
  padding-left: 4px;
}
.druids_autocomplete_legacy-search-bar:not(.druids_autocomplete_legacy-search-bar--has-search-icon) .druids_autocomplete_legacy-search-bar__placeholder {
  left: 4px;
}
.druids_autocomplete_legacy-search-bar:hover {
  border-color: var(--form-border-hover);
}
.druids_autocomplete_legacy-search-bar--is-focused[class] {
  background-color: var(--form-background-focus);
  border-color: var(--form-border-focus);
}
.druids_autocomplete_legacy-search-bar--is-read-only {
  border-color: var(--form-border-disabled) !important;
  color: var(--ui-text-disabled) !important;
  background: var(--form-background-disabled) !important;
}
.druids_autocomplete_legacy-search-bar--has-suggestions {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: var(--form-border);
}
.druids_autocomplete_legacy-search-bar--has-suggestions.druids_autocomplete_legacy-search-bar--is-focused {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_autocomplete_legacy-search-bar__icon {
  margin-right: 4px;
  color: var(--form-icon);
  flex-shrink: 0;
}
.druids_autocomplete_legacy-search-bar__tags {
  white-space: nowrap;
  align-items: flex-start;
}
.druids_autocomplete_legacy-search-bar__tags__tag {
  margin-left: 4px;
  align-self: baseline;
}
.druids_autocomplete_legacy-search-bar__tooltip .druids_autocomplete_legacy-search-bar__tags__tag {
  white-space: normal;
}
.druids_autocomplete_legacy-search-bar__wrapper {
  display: inline-block;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  min-width: 4em;
}
.druids_autocomplete_legacy-search-bar__placeholder {
  color: var(--form-text-placeholder);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  max-width: calc(100% - 4px);
  left: 4px;
  user-select: none;
}
.druids_autocomplete_legacy-search-bar__content {
  outline: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  width: 100%;
  overflow: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
}
.druids_autocomplete_legacy-search-bar__content::-webkit-scrollbar {
  /* Chrome/Safari/Webkit */
  width: 0px;
  height: 0px;
  background: transparent;
}
.druids_autocomplete_legacy-search-bar__wrapper,
.druids_autocomplete_legacy-search-bar__content,
.druids_autocomplete_legacy-search-bar__placeholder {
  height: 28px;
  line-height: 27px;
  font-size: 13px;
}
.druids_autocomplete_legacy-search-bar__suggestions {
  position: absolute;
  top: 27px;
  right: -1px;
  left: -1px;
  z-index: 1000;
  border: 1px solid var(--form-border-focus);
  border-top: none;
  background: var(--ui-background-elevated);
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
  clip-path: inset(0 -14px -14px -14px);
}
.druids_autocomplete_legacy-search-bar--md .druids_autocomplete_legacy-search-bar__suggestions {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_autocomplete_legacy-search-bar--md .druids_autocomplete_legacy-search-bar__suggestions .druids_autocomplete_suggestions,
.druids_autocomplete_legacy-search-bar--md .druids_autocomplete_legacy-search-bar__suggestions .druids_autocomplete_facet-suggestions {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.druids_autocomplete_legacy-search-bar--lg .druids_autocomplete_legacy-search-bar__suggestions {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_autocomplete_legacy-search-bar--lg .druids_autocomplete_legacy-search-bar__suggestions .druids_autocomplete_suggestions,
.druids_autocomplete_legacy-search-bar--lg .druids_autocomplete_legacy-search-bar__suggestions .druids_autocomplete_facet-suggestions {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.druids_autocomplete_legacy-search-bar__clear {
  flex-shrink: 0;
  color: var(--form-icon-disabled);
  padding-right: 8px;
  margin-left: 4px;
  display: flex;
  cursor: pointer;
}
.druids_autocomplete_legacy-search-bar__clear:hover {
  color: var(--ui-text-secondary);
}
.druids_autocomplete_legacy-search-bar__clear:active {
  color: var(--ui-text);
}
.druids_autocomplete_legacy-search-bar--lg {
  height: 36px;
  font-size: 15px;
}
.druids_autocomplete_legacy-search-bar--lg .druids_autocomplete_legacy-search-bar__wrapper,
.druids_autocomplete_legacy-search-bar--lg .druids_autocomplete_legacy-search-bar__content,
.druids_autocomplete_legacy-search-bar--lg .druids_autocomplete_legacy-search-bar__placeholder {
  height: 36px;
  line-height: 35px;
  font-size: 15px;
}
.druids_autocomplete_legacy-search-bar--lg .druids_autocomplete_legacy-search-bar__suggestions {
  top: 35px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_tab {
  --tab-text: var(--ui-text-secondary);
  --tab-text-hover: var(--ui-text);
  --tab-icon: var(--ui-icon-secondary);
  --tab-icon-hover: var(--ui-icon);
  --tab-text-disabled: var(--ui-text-disabled);
  --tab-stripe-hover: var(--LIGHT, #9da4b9) var(--DARK, #65626a);
  --tab-background-hover: var(--LIGHT, var(--ui-background-secondary)) var(--DARK, var(--ui-interaction-secondary));
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: stretch;
  line-height: 100%;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  box-sizing: border-box;
  /** Disable default styles on buttons and links **/
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  text-decoration: none;
  /* stylelint-disable-next-line selector-disallowed-list -- See above */
}
html:not(.js-focus-visible) .druids_nav_tab:focus {
  outline: none;
}
html.js-focus-visible .druids_nav_tab:focus:not(.focus-visible) {
  outline: none;
}
.druids_nav_tab:focus.focus-visible {
  border-radius: var(--ui-border-radius, 4px);
  --_focus-ring-default-color: var(--LIGHT, #0953bf) var(--DARK, #579fdd);
  outline-offset: -2px;
  outline-width: 3px;
  outline-color: var(--_focus-ring-default-color);
  outline-style: solid;
  box-shadow: inset 0 0 0 3px var(--ui-background);
}
.druids_nav_tab:focus {
  z-index: 1;
}
.druids_nav_tab:not(.druids_nav_tab--is-disabled) {
  cursor: pointer;
}
.druids_nav_tab__link {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  line-height: inherit;
}
.druids_nav_tab__link:focus.focus-visible {
  border-radius: var(--ui-border-radius, 4px);
  --_focus-ring-default-color: var(--LIGHT, #0953bf) var(--DARK, #579fdd);
  outline-offset: -2px;
  outline-width: 3px;
  outline-color: var(--_focus-ring-default-color);
  outline-style: solid;
  box-shadow: inset 0 0 0 3px var(--ui-background);
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item) .druids_nav_tab__link {
  color: var(--tab-text) !important;
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item) .druids_nav_tab__link:hover,
.druids_nav_tab__link .druids_nav_tab:not(.druids_nav_tab-list_popover-item).focus-visible:focus-within,
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-hovered .druids_nav_tab__link {
  background-color: var(--tab-background-hover);
  color: var(--tab-text-hover) !important;
}
.druids_nav_tab__link::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  height: 4px;
}
@media (forced-colors: active) {
  .druids_nav_tab__link::after {
    display: none;
  }
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item) .druids_nav_tab__link:hover::after,
.druids_nav_tab__link .druids_nav_tab:not(.druids_nav_tab-list_popover-item).focus-visible:focus-within::after,
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-hovered .druids_nav_tab__link::after {
  background-color: var(--tab-stripe-hover);
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-active .druids_nav_tab__link {
  color: var(--ui-text) !important;
}
@media (forced-colors: active) {
  .druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-active .druids_nav_tab__link {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-active .druids_nav_tab__link::after,
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-active .druids_nav_tab__link:hover::after,
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-active .druids_nav_tab__link:focus::after {
  background-color: var(--ui-interaction-primary);
}
.druids_nav_tab--is-hidden {
  visibility: hidden;
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-disabled .druids_nav_tab__link {
  pointer-events: none;
  color: var(--tab-text-disabled) !important;
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-disabled .druids_nav_tab__link:hover,
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-disabled .druids_nav_tab__link:hover::after,
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-disabled .druids_nav_tab__link:focus,
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--is-disabled .druids_nav_tab__link:focus::after {
  background-color: transparent;
}
.druids_nav_tab--sm .druids_nav_tab__link {
  font-size: 12px;
}
.druids_nav_tab--md .druids_nav_tab__link {
  font-size: 13px;
}
.druids_nav_tab--lg .druids_nav_tab__link {
  font-size: 15px;
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--sm .druids_nav_tab__link {
  padding: 0px 8px;
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--sm .druids_nav_tab__link::after {
  left: 7px;
  right: 7px;
  height: 2px;
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--md .druids_nav_tab__link {
  padding: 0px 16px;
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--md .druids_nav_tab__link::after {
  left: 15px;
  right: 15px;
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--lg .druids_nav_tab__link {
  padding: 0px 24px;
}
.druids_nav_tab:not(.druids_nav_tab-list_popover-item).druids_nav_tab--lg .druids_nav_tab__link::after {
  left: 23px;
  right: 23px;
}
.druids_nav_tab__icon {
  display: inline-flex;
}
.druids_nav_tab--is-active .druids_nav_tab__icon,
.druids_nav_tab:hover:not(.druids_nav_tab--is-disabled) .druids_nav_tab__icon,
.druids_nav_tab:focus:not(.druids_nav_tab--is-disabled) .druids_nav_tab__icon {
  color: var(--tab-icon-hover) !important;
}
.druids_nav_tab__icon.druids_nav_tab__icon--is-danger[class][class] {
  color: var(--ui-status-danger) !important;
}
.druids_nav_tab__icon.druids_nav_tab__icon--is-warning[class][class] {
  color: var(--ui-status-warning) !important;
}
.druids_nav_tab--is-disabled[class][class] .druids_nav_tab__icon {
  color: var(--tab-text-disabled) !important;
}
button.druids_nav_tab__icon {
  cursor: pointer;
  border: none;
  padding: unset;
  background: inherit;
  /* stylelint-disable selector-disallowed-list -- FIXME: can we make this narrower? */
}
html:not(.js-focus-visible) button.druids_nav_tab__icon:focus {
  outline: none;
}
html.js-focus-visible button.druids_nav_tab__icon:focus:not(.focus-visible) {
  outline: none;
}
button.druids_nav_tab__icon:hover svg,
button.druids_nav_tab__icon:focus svg,
button.druids_nav_tab__icon:active svg {
  /* stylelint-enable */
  color: var(--tab-icon-hover) !important;
}
.druids_nav_tab__icon:not(.druids_nav_tab__icon--popover) {
  color: var(--tab-icon) !important;
}
.druids_nav_tab__icon--popover {
  --tab-text: var(--ui-text-secondary);
  --tab-text-hover: var(--ui-text);
  --tab-icon: var(--ui-icon-secondary);
  --tab-icon-hover: var(--ui-icon);
  --tab-text-disabled: var(--ui-text-disabled);
  --tab-stripe-hover: var(--LIGHT, #9da4b9) var(--DARK, #65626a);
  --tab-background-hover: var(--LIGHT, var(--ui-background-secondary)) var(--DARK, var(--ui-interaction-secondary));
  color: var(--tab-icon);
}
.druids_nav_tab__label--capitalize {
  text-transform: capitalize;
}
.druids_nav_tab__count-pill[class] * {
  --tab-text: var(--ui-text-secondary);
  --tab-text-hover: var(--ui-text);
  --tab-icon: var(--ui-icon-secondary);
  --tab-icon-hover: var(--ui-icon);
  --tab-text-disabled: var(--ui-text-disabled);
  --tab-stripe-hover: var(--LIGHT, #9da4b9) var(--DARK, #65626a);
  --tab-background-hover: var(--LIGHT, var(--ui-background-secondary)) var(--DARK, var(--ui-interaction-secondary));
  color: var(--tab-icon-hover);
}
.druids_nav_tab--is-disabled .druids_nav_tab__count-pill {
  opacity: 0.5;
}
.druids_nav_tab--sm .druids_nav_tab__feature-status-label {
  line-height: 12px;
}
.druids_nav_tab--md .druids_nav_tab__feature-status-label {
  line-height: 13px;
}
.druids_nav_tab--lg .druids_nav_tab__feature-status-label {
  top: 1px;
  line-height: 15px;
}
.druids_nav_tab__loading-indicator {
  margin-left: 6px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_tab-list {
  border-bottom: 1px solid var(--ui-border);
  display: flex;
  position: relative;
  max-width: 100%;
  box-sizing: content-box;
}
.druids_nav_tab-list--is-borderless {
  border-bottom: none;
}
.druids_nav_tab-list--sm,
.druids_nav_tab-list--sm .druids_nav_tab-list__handle-tab {
  height: 28px;
  min-height: 28px;
  line-height: 28px;
}
.druids_nav_tab-list--md,
.druids_nav_tab-list--md .druids_nav_tab-list__handle-tab {
  height: 36px;
  min-height: 36px;
  line-height: 36px;
}
.druids_nav_tab-list--lg,
.druids_nav_tab-list--lg .druids_nav_tab-list__handle-tab {
  height: 44px;
  min-height: 44px;
  line-height: 44px;
}
.druids_nav_tab-list--overflow-scroll {
  overflow: auto;
  --scrollbar-thumb-color: var(--LIGHT, #d1d6e6) var(--DARK, #424045);
}
@supports (scrollbar-width: auto) {
  .druids_nav_tab-list--overflow-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-color) transparent;
  }
}
.druids_nav_tab-list--overflow-popover {
  min-width: 0;
}
.druids_nav_tab-list--overflow-popover > *[class] {
  align-items: stretch;
}
.druids_nav_tab-list__handle {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
}
.druids_nav_tab-list__handle::-moz-focus-inner {
  padding: 0;
  border: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_autocomplete_markdown-editor__editor {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
}
.druids_autocomplete_markdown-editor__editor__tabs {
  display: flex;
  flex-grow: 1;
}
.druids_autocomplete_markdown-editor__editor--with-toolbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.druids_autocomplete_markdown-editor__editor--with-toolbar .druids_autocomplete_markdown-editor__editor__tabs {
  flex-grow: 9999;
}
.druids_autocomplete_markdown-editor__editor--with-toolbar {
  box-shadow: inset 0 0 0 1px var(--form-border);
  border-radius: 4px;
}
.druids_autocomplete_markdown-editor__editor--with-toolbar .druids_autocomplete_markdown-editor__editor__tabs {
  box-shadow: 0 1px 0 0 var(--form-border);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
  margin: 1px;
}
.druids_autocomplete_markdown-editor__editor__toolbar-wrapper {
  box-sizing: content-box;
  height: 36px;
  --button-contrast-border: transparent;
}
.druids_autocomplete_markdown-editor__editor--with-toolbar .druids_autocomplete_markdown-editor__editor__toolbar {
  padding-left: 8px;
  padding-right: 8px;
}
.druids_autocomplete_markdown-editor__editor__footer {
  border-radius: 0px 0px 4px 4px;
  box-shadow: inset 0 0 0 1px var(--form-border);
  background: var(--ui-background-secondary);
  margin-top: -1px;
}
.druids_autocomplete_markdown-editor__editor__preview {
  border: 1px solid var(--ui-border);
  padding: 8px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.druids_autocomplete_markdown-editor__editor__preview__scrolling-content {
  flex: 1;
  overflow-y: auto;
  overflow-wrap: break-word;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: Can we remove/change this? */
}
.druids_autocomplete_markdown-editor__editor__preview__scrolling-content p {
  font-size: inherit;
  margin: 0;
}
.druids_autocomplete_markdown-editor__editor--md .druids_autocomplete_markdown-editor__editor__preview {
  border-radius: 4px;
}
.druids_autocomplete_markdown-editor__editor--lg .druids_autocomplete_markdown-editor__editor__preview {
  border-radius: 4px;
}
.druids_autocomplete_markdown-editor__editor--with-toolbar .druids_autocomplete_markdown-editor__editor__preview {
  border: none;
}
.druids_autocomplete_markdown-editor__editor--is-longform .druids_autocomplete_markdown-editor__editor__tabs-container {
  margin-bottom: 16px;
  border-bottom: 1px solid var(--ui-border);
  padding: 0;
}
.druids_autocomplete_markdown-editor__editor--is-longform .druids_autocomplete_markdown-editor__editor__preview {
  border: none;
}
.druids_autocomplete_markdown-editor__validation .druids_form_validation__message-text {
  line-height: 1;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_autocomplete_suggestions {
  background-color: var(--ui-background-elevated);
  border: none;
  width: 100%;
  overflow: hidden;
}
.druids_autocomplete_suggestions__no-results-message {
  padding: 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_suggestions_group {
  --background: var(--LIGHT, #f9fafb) var(--DARK, #222126);
  background-color: var(--background);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.suggestions_experimental {
  border: 1px solid var(--ui-interaction-primary);
  width: 400px;
  overflow: auto;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_autocomplete_virtualized_facet-suggestions {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  background-color: var(--form-background);
}
.druids_autocomplete_virtualized_facet-suggestions__help {
  border-top: 1px solid var(--ui-border);
}
.druids_autocomplete_virtualized_facet-suggestions__free_text {
  border-bottom: 1px solid var(--ui-border);
}
.druids_autocomplete_virtualized_facet-suggestions__loading {
  padding: 6px 12px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


/* Default standalone editor fonts */
.monaco-editor {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
	--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
}

.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-hover p {
	margin: 0;
}

/* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */
.monaco-aria-container {
	position: absolute !important;
	top: 0; /* avoid being placed underneath a sibling element */
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

/*.monaco-editor.vs [tabindex="0"]:focus {
	outline: 1px solid rgba(0, 122, 204, 0.4);
	outline-offset: -1px;
	opacity: 1 !important;
}

.monaco-editor.vs-dark [tabindex="0"]:focus {
	outline: 1px solid rgba(14, 99, 156, 0.6);
	outline-offset: -1px;
	opacity: 1 !important;
}*/

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-aria-container {
	position: absolute; /* try to hide from window but not from screen readers */
	left:-999em;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	color: var(--vscode-editor-foreground);
	background-color: var(--vscode-editor-background);
}
.monaco-editor-background {
	background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
	background-color: var(--vscode-editor-rangeHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight, .monaco-editor.hc-light .rangeHighlight {
	border-style: dotted;
}
.monaco-editor .symbolHighlight {
	background-color: var(--vscode-editor-symbolHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight, .monaco-editor.hc-light .symbolHighlight {
	border-style: dotted;
}

/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

/*
.monaco-editor .auto-closed-character {
	opacity: 0.3;
}
*/


.monaco-editor .squiggly-error {
	border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
	border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
	border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
	border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
	border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
	text-decoration: line-through;
	text-decoration-color: var(--vscode-editor-foreground, inherit);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Arrows */
.monaco-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.monaco-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.monaco-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.monaco-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.monaco-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}

.monaco-scrollable-element > .scrollbar > .slider {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-scrollable-element > .scrollbar > .slider:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-scrollable-element > .scrollbar > .slider.active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inputarea {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}
/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 500px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
	color: black !important;
	background: white !important;
	line-height: 15px !important;
	font-size: 14px !important;
	z-index: 10 !important;
}*/
.monaco-editor .inputarea.ime-input {
	z-index: 10;
	caret-color: var(--vscode-editorCursor-foreground);
	color: var(--vscode-editor-foreground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .line-numbers {
	font-variant-numeric: tabular-nums;
	position: absolute;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: default;
	height: 100%;
}

.monaco-editor .relative-current-line-number {
	text-align: left;
	display: inline-block;
	width: 100%;
}

.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
	margin-top: 1px;
}

.monaco-editor .line-numbers {
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-editor .line-numbers.active-line-number {
	color: var(--vscode-editorLineNumber-activeForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin {
	background-color: var(--vscode-editorGutter-background);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-mouse-cursor-text {
	cursor: text;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}

.monaco-editor .margin-view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}

.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both {
	border-right: 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cdr = core decorations rendering (div)
*/
.monaco-editor .lines-content .cdr {
	position: absolute;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lines-content .core-guide {
	position: absolute;
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Uncomment to see lines flashing when they're painted */
/*.monaco-editor .view-lines > .view-line {
	background-color: none;
	animation-name: flash-background;
	animation-duration: 800ms;
}
@keyframes flash-background {
	0%   { background-color: lightgreen; }
	100% { background-color: none }
}*/

.mtkcontrol {
	color: rgb(255, 255, 255) !important;
	background: rgb(150, 0, 0) !important;
}

.mtkoverflow {
	background-color: var(--vscode-button-background, var(--vscode-editor-background));
	color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
	border-width: 1px;
	border-style: solid;
	border-color: var(--vscode-contrastBorder);
	border-radius: 2px;
	padding: 4px;
	cursor: pointer;
}
.mtkoverflow:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
	user-select: none;
	-webkit-user-select: none;
}
/* Use user-select: text for lookup feature on macOS */
/* https://github.com/microsoft/vscode/issues/85632 */
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
	user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
}

.monaco-editor.enable-user-select {
	user-select: initial;
	-webkit-user-select: initial;
}

.monaco-editor .view-lines {
	white-space: nowrap;
}

.monaco-editor .view-line {
	position: absolute;
	width: 100%;
}

.monaco-editor .mtkw {
	color: var(--vscode-editorWhitespace-foreground) !important;
}

.monaco-editor .mtkz {
	display: inline-block;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/* TODO@tokenization bootstrap fix */
/*.monaco-editor .view-line > span > span {
	float: none;
	min-height: inherit;
	margin-left: inherit;
}*/

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lines-decorations {
	position: absolute;
	top: 0;
	background: white;
}

/*
	Keeping name short for faster parsing.
	cldr = core lines decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cldr {
	position: absolute;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .glyph-margin {
	position: absolute;
	top: 0;
}

/*
	Keeping name short for faster parsing.
	cgmr = core glyph margin rendering (div)
*/
.monaco-editor .glyph-margin-widgets .cgmr {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
	Ensure spinning icons are pixel-perfectly centered and avoid wobble.
	This is only applied to icons that spin to avoid unnecessary
	GPU layers and blurry subpixel AA.
*/
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cmdr = core margin decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cmdr {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* START cover the case that slider is visible on mouseover */
.monaco-editor .minimap.slider-mouseover .minimap-slider {
	opacity: 0;
	transition: opacity 100ms linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
	opacity: 1;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
	opacity: 1;
}
/* END cover the case that slider is visible on mouseover */
.monaco-editor .minimap-slider .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
	box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
	position: absolute;
	width: 0;
}
.monaco-editor .minimap-shadow-visible {
	position: absolute;
	left: -6px;
	width: 6px;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
	position: absolute;
	left: -1px;
	width: 1px;
}

/* 0.5s fade in/out for the minimap */
.minimap.autohide {
	opacity: 0;
	transition: opacity 0.5s;
}
.minimap.autohide:hover {
	opacity: 1;
}

.monaco-editor .minimap {
	z-index: 5;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .overlayWidgets {
	position: absolute;
	top: 0;
	left:0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-ruler {
	position: absolute;
	top: 0;
	box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .scroll-decoration {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cslr = core selections layer rendering (div)
*/
.monaco-editor .lines-content .cslr {
	position: absolute;
}

.monaco-editor .focused .selected-text {
	background-color: var(--vscode-editor-selectionBackground);
}

.monaco-editor .selected-text {
	background-color: var(--vscode-editor-inactiveSelectionBackground);
}

.monaco-editor			.top-left-radius		{ border-top-left-radius: 3px; }
.monaco-editor			.bottom-left-radius		{ border-bottom-left-radius: 3px; }
.monaco-editor			.top-right-radius		{ border-top-right-radius: 3px; }
.monaco-editor			.bottom-right-radius	{ border-bottom-right-radius: 3px; }

.monaco-editor.hc-black .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-black .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-black .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-black .bottom-right-radius	{ border-bottom-right-radius: 0; }

.monaco-editor.hc-light .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-light .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-light .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-light .bottom-right-radius	{ border-bottom-right-radius: 0; }

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .cursors-layer {
	position: absolute;
	top: 0;
}

.monaco-editor .cursors-layer > .cursor {
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}

/* -- smooth-caret-animation -- */
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
	transition: all 80ms;
}

/* -- block-outline-style -- */
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
	background: transparent !important;
	border-style: solid;
	border-width: 1px;
}

/* -- underline-style -- */
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background: transparent !important;
}

/* -- underline-thin-style -- */
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background: transparent !important;
}

@keyframes monaco-cursor-smooth {
	0%,
	20% {
		opacity: 1;
	}
	60%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-phase {
	0%,
	20% {
		opacity: 1;
	}
	90%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-expand {
	0%,
	20% {
		transform: scaleY(1);
	}
	80%,
	100% {
		transform: scaleY(0);
	}
}

.cursor-smooth {
	animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}

.cursor-phase {
	animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}

.cursor-expand > .cursor {
	animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .blockDecorations-container {
	position: absolute;
	top: 0;
	pointer-events: none;
}

.monaco-editor .blockDecorations-block {
	position: absolute;
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .mwh {
	position: absolute;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.context-view {
	position: absolute;
}

.context-view.fixed {
	all: initial;
	font-family: inherit;
	font-size: 13px;
	position: fixed;
	color: inherit;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-list {
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
}

.monaco-list.mouse-support {
	user-select: none;
	-webkit-user-select: none;
}

.monaco-list > .monaco-scrollable-element {
	height: 100%;
}

.monaco-list-rows {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-list.horizontal-scrolling .monaco-list-rows {
	width: auto;
	min-width: 100%;
}

.monaco-list-row {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}

.monaco-list.mouse-support .monaco-list-row {
	cursor: pointer;
	touch-action: none;
}

/* Make sure the scrollbar renders above overlays (sticky scroll) */
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
	z-index: 14;
}

/* for OS X ballistic scrolling */
.monaco-list-row.scrolling {
	display: none !important;
}

/* Focus */
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
	outline: 0 !important;
}

/* Dnd */
.monaco-drag-image {
	display: inline-block;
	padding: 1px 7px;
	border-radius: 10px;
	font-size: 12px;
	position: absolute;
	z-index: 1000;
}

/* Filter */

.monaco-list-type-filter-message {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 1em 1em 1em;
	text-align: center;
	white-space: normal;
	opacity: 0.7;
	pointer-events: none;
}

.monaco-list-type-filter-message:empty {
	display: none;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Use custom CSS vars to expose padding into parent select for padding calculation */
.monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 1px;
	--dropdown-padding-bottom: 1px;
}

.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 3px;
	--dropdown-padding-bottom: 4px;
}

.monaco-select-box-dropdown-container {
	display: none;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
	margin: 0;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
	line-height: 15px; /** For some reason, this is needed, otherwise <code> will take up 20px height */
	font-family: var(--monaco-monospace-font);
}


.monaco-select-box-dropdown-container.visible {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 1px;
	overflow: hidden;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	flex: 0 0 auto;
	align-self: flex-start;
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
	padding-left: 1px;
	padding-right: 1px;
	width: 100%;
	overflow: hidden;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane {
	padding: 5px;
}

.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
	cursor: pointer;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
	opacity: 0.7;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 10px;
	white-space: nowrap;
	float: right;
}


/* Accepted CSS hiding technique for accessibility reader text  */
/* https://webaim.org/techniques/css/invisiblecontent/ */

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
	flex: 1 1 auto;
	align-self: flex-start;
	opacity: 0;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
	overflow: hidden;
	max-height: 0px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
	padding-left: 4px;
	padding-right: 8px;
	white-space: nowrap;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-select-box {
	width: 100%;
	cursor: pointer;
	border-radius: 2px;
}

.monaco-select-box-dropdown-container {
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

/** Actions */

.monaco-action-bar .action-item.select-container {
	cursor: default;
}

.monaco-action-bar .action-item .monaco-select-box {
	cursor: pointer;
	min-width: 100px;
	min-height: 18px;
	padding: 2px 23px 2px 8px;
}

.mac .monaco-action-bar .action-item .monaco-select-box {
	font-size: 11px;
	border-radius: 5px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar {
	white-space: nowrap;
	height: 100%;
}

.monaco-action-bar .actions-container {
	display: flex;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 100%;
	align-items: center;
}

.monaco-action-bar.vertical .actions-container {
	display: inline-block;
}

.monaco-action-bar .action-item {
	display: block;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
}

.monaco-action-bar .action-item.disabled {
	cursor: default;
}

.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
	display: block;
}

.monaco-action-bar .action-item .codicon {
	display: flex;
	align-items: center;
	width: 16px;
	height: 16px;
}

.monaco-action-bar .action-label {
	display: flex;
	font-size: 11px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-action-bar .action-item.disabled .action-label,
.monaco-action-bar .action-item.disabled .action-label::before,
.monaco-action-bar .action-item.disabled .action-label:hover {
	opacity: 0.6;
}

/* Vertical actions */

.monaco-action-bar.vertical {
	text-align: left;
}

.monaco-action-bar.vertical .action-item {
	display: block;
}

.monaco-action-bar.vertical .action-label.separator {
	display: block;
	border-bottom: 1px solid #bbb;
	padding-top: 1px;
	margin-left: .8em;
	margin-right: .8em;
}

.monaco-action-bar .action-item .action-label.separator {
	width: 1px;
	height: 16px;
	margin: 5px 4px !important;
	cursor: default;
	min-width: 1px;
	padding: 0;
	background-color: #bbb;
}

.secondary-actions .monaco-action-bar .action-label {
	margin-left: 6px;
}

/* Action Items */
.monaco-action-bar .action-item.select-container {
	overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
	flex: 1;
	max-width: 170px;
	min-width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.monaco-action-bar .action-item.action-dropdown-item {
	display: flex;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
	display: flex;
	align-items: center;
	cursor: default;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	width: 1px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-dropdown {
	height: 100%;
	padding: 0;
}

.monaco-dropdown > .dropdown-label {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-dropdown > .dropdown-label > .action-label.disabled {
	cursor: default;
}

.monaco-dropdown-with-primary {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-primary > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar .action-item.menu-entry .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-dropdown-with-default {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-default > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	font-size: 13px;
}

.quick-input-widget .monaco-highlighted-label .highlight,
.quick-input-widget .monaco-highlighted-label .highlight {
	color: #0066BF;
}

.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight,
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: #9DDDFF;
}

.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0097fb;
}

.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
	color: #F38518;
}

.hc-light .quick-input-widget .monaco-highlighted-label .highlight,
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0F4A85;
}

.monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(221, 221, 221, 0.4);
	border: solid 1px rgba(204, 204, 204, 0.4);
	border-bottom-color: rgba(187, 187, 187, 0.4);
	box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
	color: #555;
}

.hc-black .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px rgb(111, 195, 223);
	box-shadow: none;
	color: #fff;
}

.hc-light .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px #0F4A85;
	box-shadow: none;
	color: #292929;
}

.vs-dark .monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(128, 128, 128, 0.17);
	border: solid 1px rgba(51, 51, 51, 0.6);
	border-bottom-color: rgba(68, 68, 68, 0.6);
	box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
	color: #ccc;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

:root {
	--vscode-sash-size: 4px;
	--vscode-sash-hover-size: 4px;
}

.monaco-sash {
	position: absolute;
	z-index: 35;
	touch-action: none;
}

.monaco-sash.disabled {
	pointer-events: none;
}

.monaco-sash.mac.vertical {
	cursor: col-resize;
}

.monaco-sash.vertical.minimum {
	cursor: e-resize;
}

.monaco-sash.vertical.maximum {
	cursor: w-resize;
}

.monaco-sash.mac.horizontal {
	cursor: row-resize;
}

.monaco-sash.horizontal.minimum {
	cursor: s-resize;
}

.monaco-sash.horizontal.maximum {
	cursor: n-resize;
}

.monaco-sash.disabled {
	cursor: default !important;
	pointer-events: none !important;
}

.monaco-sash.vertical {
	cursor: ew-resize;
	top: 0;
	width: var(--vscode-sash-size);
	height: 100%;
}

.monaco-sash.horizontal {
	cursor: ns-resize;
	left: 0;
	width: 100%;
	height: var(--vscode-sash-size);
}

.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
	content: " ";
	height: calc(var(--vscode-sash-size) * 2);
	width: calc(var(--vscode-sash-size) * 2);
	z-index: 100;
	display: block;
	cursor: all-scroll;
	position: absolute;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.end {
	cursor: nwse-resize;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.start {
	cursor: nesw-resize;
}

.monaco-sash.vertical > .orthogonal-drag-handle.start {
	left: calc(var(--vscode-sash-size) * -0.5);
	top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
	left: calc(var(--vscode-sash-size) * -0.5);
	bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
	top: calc(var(--vscode-sash-size) * -0.5);
	left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
	top: calc(var(--vscode-sash-size) * -0.5);
	right: calc(var(--vscode-sash-size) * -1);
}

.monaco-sash:before {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
}

.monaco-workbench:not(.reduce-motion) .monaco-sash:before {
	transition: background-color 0.1s ease-out;
}

.monaco-sash.hover:before,
.monaco-sash.active:before {
	background: var(--vscode-sash-hoverBorder);
}

.monaco-sash.vertical:before {
	width: var(--vscode-sash-hover-size);
	left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.monaco-sash.horizontal:before {
	height: var(--vscode-sash-hover-size);
	top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.pointer-events-disabled {
	pointer-events: none !important;
}

/** Debug **/

.monaco-sash.debug {
	background: cyan;
}

.monaco-sash.debug.disabled {
	background: rgba(0, 255, 255, 0.2);
}

.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
	background: red;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-split-view2 {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .sash-container {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.monaco-split-view2 > .sash-container > .monaco-sash {
	pointer-events: initial;
}

.monaco-split-view2 > .monaco-scrollable-element {
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	position: relative;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
	white-space: initial;
	position: absolute;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
	display: none;
}

.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
	width: 100%;
}

.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
	height: 100%;
}

.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	background-color: var(--separator-border);
}

.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 100%;
	width: 1px;
}

.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 1px;
	width: 100%;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-table {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.monaco-table > .monaco-split-view2 {
	border-bottom: 1px solid transparent;
}

.monaco-table > .monaco-list {
	flex: 1;
}

.monaco-table-tr {
	display: flex;
	height: 100%;
}

.monaco-table-th {
	width: 100%;
	height: 100%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-table-th,
.monaco-table-td {
	box-sizing: border-box;
	flex-shrink: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	content: "";
	position: absolute;
	left: calc(var(--vscode-sash-size) / 2);
	width: 0;
	border-left: 1px solid transparent;
}

.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	transition: border-color 0.2s ease-out;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-custom-toggle {
	margin-left: 2px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid transparent;
	padding: 1px;
	box-sizing:	border-box;
	user-select: none;
	-webkit-user-select: none;
}

.monaco-custom-toggle:hover {
	background-color: var(--vscode-inputOption-hoverBackground);
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	border: 1px dashed var(--vscode-focusBorder);
}

.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle {
	background: none;
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	background: none;
}

.monaco-custom-toggle.monaco-checkbox {
	height: 18px;
	width: 18px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin-right: 9px;
	margin-left: 0px;
	padding: 0px;
	opacity: 1;
	background-size: 16px !important;
}

.monaco-action-bar .checkbox-action-item {
	display: flex;
	align-items: center;
}

.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
	margin-right: 4px;
}

.monaco-action-bar .checkbox-action-item > .checkbox-label {
	font-size: 12px;
}

/* hide check when unchecked */
.monaco-custom-toggle.monaco-checkbox:not(.checked)::before {
	visibility: hidden;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-inputbox {
	position: relative;
	display: block;
	padding: 0;
	box-sizing:	border-box;
	border-radius: 2px;

	/* Customizable */
	font-size: inherit;
}

.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {

	/* Customizable */
	padding: 4px 6px;
}

.monaco-inputbox > .ibwrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-inputbox > .ibwrapper > .input {
	display: inline-block;
	box-sizing:	border-box;
	width: 100%;
	height: 100%;
	line-height: inherit;
	border: none;
	font-family: inherit;
	font-size: inherit;
	resize: none;
	color: inherit;
}

.monaco-inputbox > .ibwrapper > input {
	text-overflow: ellipsis;
}

.monaco-inputbox > .ibwrapper > textarea.input {
	display: block;
	scrollbar-width: none; /* Firefox: hide scrollbars */
	outline: none;
}

.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
	display: none; /* Chrome + Safari: hide scrollbar */
}

.monaco-inputbox > .ibwrapper > textarea.input.empty {
	white-space: nowrap;
}

.monaco-inputbox > .ibwrapper > .mirror {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	white-space: pre-wrap;
	visibility: hidden;
	word-wrap: break-word;
}

/* Context view */

.monaco-inputbox-container {
	text-align: right;
}

.monaco-inputbox-container .monaco-inputbox-message {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	width: 100%;
	box-sizing:	border-box;
	padding: 0.4em;
	font-size: 12px;
	line-height: 17px;
	margin-top: -1px;
	word-wrap: break-word;
}

/* Action bar support */
.monaco-inputbox .monaco-action-bar {
	position: absolute;
	right: 2px;
	top: 4px;
}

.monaco-inputbox .monaco-action-bar .action-item {
	margin-left: 2px;
}

.monaco-inputbox .monaco-action-bar .action-item .codicon {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- Find input ---------- */

.monaco-findInput {
	position: relative;
}

.monaco-findInput .monaco-inputbox {
	font-size: 13px;
	width: 100%;
}

.monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

.vs .monaco-findInput.disabled {
	background-color: #E1E1E1;
}

/* Theming */
.vs-dark .monaco-findInput.disabled {
	background-color: #333;
}

/* Highlighting */
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-0 100ms linear 0s;
}

.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-1 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark  .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark  .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
}

@keyframes monaco-findInput-highlight-0 {
	0% { background: rgba(253, 255, 0, 0.8); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-1 {
	0% { background: rgba(253, 255, 0, 0.8); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

@keyframes monaco-findInput-highlight-dark-0 {
	0% { background: rgba(255, 255, 255, 0.44); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-dark-1 {
	0% { background: rgba(255, 255, 255, 0.44); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-tl-row {
	display: flex;
	height: 100%;
	align-items: center;
	position: relative;
}

.monaco-tl-row.disabled {
	cursor: default;
}
.monaco-tl-indent {
	height: 100%;
	position: absolute;
	top: 0;
	left: 16px;
	pointer-events: none;
}

.hide-arrows .monaco-tl-indent {
	left: 12px;
}

.monaco-tl-indent > .indent-guide {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	border-left: 1px solid transparent;
}

.monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide {
	transition: border-color 0.1s linear;
}

.monaco-tl-twistie,
.monaco-tl-contents {
	height: 100%;
}

.monaco-tl-twistie {
	font-size: 10px;
	text-align: right;
	padding-right: 6px;
	flex-shrink: 0;
	width: 16px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transform: translateX(3px);
}

.monaco-tl-contents {
	flex: 1;
	overflow: hidden;
}

.monaco-tl-twistie::before {
	border-radius: 20px;
}

.monaco-tl-twistie.collapsed::before {
	transform: rotate(-90deg);
}

.monaco-tl-twistie.codicon-tree-item-loading::before {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.25s steps(30) infinite;
}

.monaco-tree-type-filter {
	position: absolute;
	top: 0;
	display: flex;
	padding: 3px;
	max-width: 200px;
	z-index: 100;
	margin: 0 6px;
	border: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {
	transition: top 0.3s;
}

.monaco-tree-type-filter.disabled {
	top: -40px !important;
}

.monaco-tree-type-filter-grab {
	display: flex !important;
	align-items: center;
	justify-content: center;
	cursor: grab;
	margin-right: 2px;
}

.monaco-tree-type-filter-grab.grabbing {
	cursor: grabbing;
}

.monaco-tree-type-filter-input {
	flex: 1;
}

.monaco-tree-type-filter-input .monaco-inputbox {
	height: 23px;
}

.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
	padding: 2px 4px;
}

.monaco-tree-type-filter-input .monaco-findInput > .controls {
	top: 2px;
}

.monaco-tree-type-filter-actionbar {
	margin-left: 4px;
}

.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
	padding: 2px;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 13; /* Settings editor uses z-index: 12 */

	/* TODO@benibenj temporary solution, all lists should provide their background */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{
	position: absolute;
	width: 100%;
	opacity: 1 !important; /* Settings editor uses opacity < 1 */
	overflow: hidden;

	/* TODO@benibenj temporary solution, all lists should provide their background */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{
	background-color: var(--vscode-list-hoverBackground) !important;
	cursor: pointer;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow{
	position: absolute;
	bottom: -3px;
	left: 0px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-text-button {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 4px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--vscode-button-border, transparent);
	line-height: 18px;
}

.monaco-text-button:focus {
	outline-offset: 2px !important;
}

.monaco-text-button:hover {
	text-decoration: none !important;
}

.monaco-button.disabled:focus,
.monaco-button.disabled {
	opacity: 0.4 !important;
	cursor: default;
}

.monaco-text-button .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

.monaco-text-button.monaco-text-button-with-short-label {
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 4px;
	overflow: hidden;
	height: 28px;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
	flex-basis: 100%;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	flex-grow: 1;
	width: 0;
	overflow: hidden;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: normal;
	font-style: inherit;
	padding: 4px 0;
}

.monaco-button-dropdown {
	display: flex;
	cursor: pointer;
}

.monaco-button-dropdown.disabled {
	cursor: default;
}

.monaco-button-dropdown > .monaco-button:focus {
	outline-offset: -1px !important;
}

.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
	opacity: 0.4 !important;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-right-width: 0 !important;
}

.monaco-button-dropdown .monaco-button-dropdown-separator {
	padding: 4px 0;
	cursor: default;
}

.monaco-button-dropdown .monaco-button-dropdown-separator > div {
	height: 100%;
	width: 1px;
}

.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
	border: 1px solid var(--vscode-button-border, transparent);
	border-left-width: 0 !important;
	border-radius: 0 2px 2px 0;
	display: flex;
	align-items: center;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-radius: 2px 0 0 2px;
}

.monaco-description-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 4px 5px; /* allows button focus outline to be visible */
}

.monaco-description-button .monaco-button-description {
	font-style: italic;
	font-size: 11px;
	padding: 4px 20px;
}

.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
	display: flex;
	justify-content: center;
	align-items: center;
}

.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

/* default color styles - based on CSS variables */

.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button{
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}

.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
	color: var(--vscode-button-secondaryForeground);
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
	background-color: var(--vscode-button-secondaryHoverBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-background);
	border-top: 1px solid var(--vscode-button-border);
	border-bottom: 1px solid var(--vscode-button-border);
}

.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
	background-color: var(--vscode-button-separator);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-count-badge {
	padding: 3px 6px;
	border-radius: 11px;
	font-size: 11px;
	min-width: 18px;
	min-height: 18px;
	line-height: 11px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.monaco-count-badge.long {
	padding: 2px 3px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-progress-container {
	width: 100%;
	height: 2px;
	overflow: hidden; /* keep progress bit in bounds */
}

.monaco-progress-container .progress-bit {
	width: 2%;
	height: 2px;
	position: absolute;
	left: 0;
	display: none;
}

.monaco-progress-container.active .progress-bit {
	display: inherit;
}

.monaco-progress-container.discrete .progress-bit {
	left: 0;
	transition: width 100ms linear;
}

.monaco-progress-container.discrete.done .progress-bit {
	width: 100%;
}

.monaco-progress-container.infinite .progress-bit {
	animation-name: progress;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: linear;
}

.monaco-progress-container.infinite.infinite-long-running .progress-bit {
	/*
		The more smooth `linear` timing function can cause
		higher GPU consumption as indicated in
		https://github.com/microsoft/vscode/issues/97900 &
		https://github.com/microsoft/vscode/issues/138396
	*/
	animation-timing-function: steps(100);
}

/**
 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
 * that container. Since translateX is relative to the progress bit size, we have to multiple it with
 * its relative size to the parent container:
 * parent width: 5000%
 *    bit width: 100%
 * translateX should be as follow:
 *  50%: 5000% * 50% - 50% (set to center) = 2450%
 * 100%: 5000% * 100% - 100% (do not overflow) = 4900%
 */
@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } }

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	position: absolute;
	width: 600px;
	z-index: 2550;
	left: 50%;
	margin-left: -300px;
	-webkit-app-region: no-drag;
	border-radius: 6px;
}

.quick-input-titlebar {
	display: flex;
	align-items: center;
	border-top-left-radius: 5px; /* match border radius of quick input widget */
	border-top-right-radius: 5px;
}

.quick-input-left-action-bar {
	display: flex;
	margin-left: 4px;
	flex: 1;
}

.quick-input-title {
	padding: 3px 0px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.quick-input-right-action-bar {
	display: flex;
	margin-right: 4px;
	flex: 1;
}

.quick-input-right-action-bar > .actions-container {
	justify-content: flex-end;
}

.quick-input-titlebar .monaco-action-bar .action-label.codicon {
	background-position: center;
	background-repeat: no-repeat;
	padding: 2px;
}

.quick-input-description {
	margin: 6px 6px 6px 11px;
}

.quick-input-header .quick-input-description {
	margin: 4px 2px;
	flex: 1;
}

.quick-input-header {
	display: flex;
	padding: 8px 6px 6px 6px;
}

.quick-input-widget.hidden-input .quick-input-header {
	/* reduce margins and paddings when input box hidden */
	padding: 0;
	margin-bottom: 0;
}

.quick-input-and-message {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 0;
	position: relative;
}

.quick-input-check-all {
	align-self: center;
	margin: 0;
}

.quick-input-filter {
	flex-grow: 1;
	display: flex;
	position: relative;
}

.quick-input-box {
	flex-grow: 1;
}

.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
	margin-left: 5px;
}

.quick-input-visible-count {
	position: absolute;
	left: -10000px;
}

.quick-input-count {
	align-self: center;
	position: absolute;
	right: 4px;
	display: flex;
	align-items: center;
}

.quick-input-count .monaco-count-badge {
	vertical-align: middle;
	padding: 2px 4px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

.quick-input-action {
	margin-left: 6px;
}

.quick-input-action .monaco-text-button {
	font-size: 11px;
	padding: 0 6px;
	display: flex;
	height: 25px;
	align-items: center;
}

.quick-input-message {
	margin-top: -1px;
	padding: 5px;
	overflow-wrap: break-word;
}

.quick-input-message > .codicon {
	margin: 0 0.2em;
	vertical-align: text-bottom;
}

/* Links in descriptions & validations */
.quick-input-message a {
	color: inherit;
}

.quick-input-progress.monaco-progress-container {
	position: relative;
}

.quick-input-list {
	line-height: 22px;
}

.quick-input-widget.hidden-input .quick-input-list {
	margin-top: 4px; /* reduce margins when input box hidden */
	padding-bottom: 4px;
}

.quick-input-list .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-list .monaco-scrollable-element {
	padding: 0px 5px;
}

.quick-input-list .quick-input-list-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	height: 100%;
	padding: 0 6px;
}

.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
	border-top-width: 1px;
	border-top-style: solid;
}

.quick-input-list .monaco-list-row {
	border-radius: 3px;
}

.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
	border-top-style: none;
}

.quick-input-list .quick-input-list-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-list .quick-input-list-checkbox {
	align-self: center;
	margin: 0;
}

.quick-input-list .quick-input-list-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-list .quick-input-list-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
	margin-left: 10px;
}

.quick-input-widget .quick-input-list .quick-input-list-checkbox {
	display: none;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
	display: inline;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row {
	display: flex;
	align-items: center;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1; /* make sure the icon label grows within the row */
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
	margin-right: 8px; /* separate from the separator label or scrollbar if any */
}

.quick-input-list .quick-input-list-label-meta {
	opacity: 0.7;
	line-height: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.quick-input-list .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.quick-input-list .quick-input-list-entry .quick-input-list-separator {
	margin-right: 4px; /* separate from keybindings or actions */
}

.quick-input-list .quick-input-list-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 0px 2px 2px 2px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-top: 1px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-right: 4px; /* separate from scrollbar */
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label {
	display: flex;
}

/* focused items in quick pick */
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
	color: inherit
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
	background: none;
}

/* Quick input separators as full-row item */
.quick-input-list .quick-input-list-separator-as-item {
	font-weight: 600;
	font-size: 12px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* ---------- Icon label ---------- */

.monaco-icon-label {
	display: flex; /* required for icons support :before rule */
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-icon-label::before {

	/* svg icons rendered as background image */
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	line-height: inherit !important;
	display: inline-block;

	/* fonts icons */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: top;

	flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
}

.monaco-icon-label-container.disabled {
	color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
	color: inherit;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
	margin: 0 2px;
	opacity: 0.5;
}

.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-suffix-container>.label-suffix {
	opacity: .7;
	white-space: pre;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .7;
	margin-left: 0.5em;
	font-size: 0.9em;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
	white-space: nowrap
}

.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .95;
}

.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-style: italic;
}

.monaco-icon-label.deprecated {
	text-decoration: line-through;
	opacity: 0.66;
}

/* make sure apply italic font style to decorations as well */
.monaco-icon-label.italic::after {
	font-style: italic;
}

.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	text-decoration: line-through;
}

.monaco-icon-label::after {
	opacity: 0.75;
	font-size: 90%;
	font-weight: 600;
	margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */
	text-align: center;
}

/* make sure selection color wins when a label is being selected */
.monaco-list:focus .selected .monaco-icon-label, /* list */
.monaco-list:focus .selected .monaco-icon-label::after
{
	color: inherit !important;
}

.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
	opacity: .8;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-keybinding {
	display: flex;
	align-items: center;
	line-height: 10px;
}

.monaco-keybinding > .monaco-keybinding-key {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	vertical-align: middle;
	font-size: 11px;
	padding: 3px 5px;
	margin: 0 2px;
}

.monaco-keybinding > .monaco-keybinding-key:first-child {
	margin-left: 0;
}

.monaco-keybinding > .monaco-keybinding-key:last-child {
	margin-right: 0;
}

.monaco-keybinding > .monaco-keybinding-key-separator {
	display: inline-block;
}

.monaco-keybinding > .monaco-keybinding-key-chord-separator {
	width: 6px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .diff-hidden-lines-widget {
	width: 100%;
}

.monaco-editor .diff-hidden-lines {
	height: 0px; /* The children each have a fixed height, the transform confuses the browser */
	transform: translate(0px, -10px);
	font-size: 13px;
	line-height: 14px;
}

.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines .bottom.dragging {
	background-color: var(--vscode-focusBorder);
}

.monaco-editor .diff-hidden-lines .top,
.monaco-editor .diff-hidden-lines .bottom {
	transition: background-color 0.1s ease-out;
	height: 4px;
	background-color: transparent;
	background-clip: padding-box;
	border-bottom: 2px solid transparent;
	border-top: 4px solid transparent;
	/*cursor: n-resize;*/
}

.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
	cursor: n-resize !important;
}

.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
	cursor: s-resize !important;
}

.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
	cursor: ns-resize !important;
}

.monaco-editor .diff-hidden-lines .top {
	transform: translate(0px, 4px);
}

.monaco-editor .diff-hidden-lines .bottom {
	transform: translate(0px, -6px);
}

.monaco-editor .diff-unchanged-lines {
	background: var(--vscode-diffEditor-unchangedCodeBackground);
}

.monaco-editor .noModificationsOverlay {
	z-index: 1;
	background: var(--vscode-editor-background);

	display: flex;
	justify-content: center;
	align-items: center;
}


.monaco-editor .diff-hidden-lines .center {
	background: var(--vscode-diffEditor-unchangedRegionBackground);
	color: var(--vscode-diffEditor-unchangedRegionForeground);
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;

	height: 24px;
	box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
}

.monaco-editor .diff-hidden-lines .center span.codicon {
	vertical-align: middle;
}

.monaco-editor .diff-hidden-lines .center a:hover .codicon {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item {
	cursor: pointer;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
	color: var(--vscode-editorLink-activeForeground);
}

.monaco-editor .movedOriginal {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedModified {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedOriginal.currentMove, .monaco-editor .movedModified.currentMove {
	border: 2px solid var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path.currentMove {
	stroke: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path {
	pointer-events: visiblestroke;
}

.monaco-diff-editor .moved-blocks-lines .arrow {
	fill: var(--vscode-diffEditor-move-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
	fill: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
	fill: var(--vscode-editor-background);
}

.monaco-diff-editor .moved-blocks-lines {
	position: absolute;
	pointer-events: none;
}

.monaco-diff-editor .moved-blocks-lines path {
	fill: none;
	stroke: var(--vscode-diffEditor-move-border);
	stroke-width: 2;
}

.monaco-editor .char-delete.diff-range-empty {
	margin-left: -1px;
	border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}

.monaco-editor .char-insert.diff-range-empty {
	border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}

.monaco-editor .fold-unchanged {
	cursor: pointer;
}

.monaco-diff-editor .diff-moved-code-block {
	display: flex;
	justify-content: flex-end;
	margin-top: -4px;
}

.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
	width: 12px;
	height: 12px;
	font-size: 12px;
}

/* ---------- DiffEditor ---------- */

.monaco-diff-editor .diffOverview {
	z-index: 9;
}

.monaco-diff-editor .diffOverview .diffViewport {
	z-index: 10;
}

/* colors not externalized: using transparancy on background */
.monaco-diff-editor.vs			.diffOverview { background: rgba(0, 0, 0, 0.03); }
.monaco-diff-editor.vs-dark		.diffOverview { background: rgba(255, 255, 255, 0.01); }

.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar { background: none; }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light	.scrollbar { background: none; }

.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
	z-index: 10;
}
.modified-in-monaco-diff-editor				.slider.active { background: rgba(171, 171, 171, .4); }
.modified-in-monaco-diff-editor.hc-black	.slider.active { background: none; }
.modified-in-monaco-diff-editor.hc-light	.slider.active { background: none; }

/* ---------- Diff ---------- */

.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
	font-size: 11px !important;
	opacity: 0.7 !important;
	display: flex !important;
	align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
	opacity: 1;
}

.monaco-editor .inline-deleted-margin-view-zone {
	text-align: right;
}
.monaco-editor .inline-added-margin-view-zone {
	text-align: right;
}

.monaco-editor .arrow-revert-change {
	z-index: 10;
	position: absolute;
}

.monaco-editor .arrow-revert-change:hover {
	cursor: pointer;
}

/* ---------- Inline Diff ---------- */

.monaco-editor .view-zones .view-lines .view-line span {
	display: inline-block;
}

.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
	cursor: pointer;
}

.monaco-editor .char-insert, .monaco-diff-editor .char-insert {
	background-color: var(--vscode-diffEditor-insertedTextBackground);
}

.monaco-editor .line-insert, .monaco-diff-editor .line-insert {
	background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .line-insert,
.monaco-editor .char-insert {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert, .monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert, .monaco-editor.hc-light .char-insert {
	border-style: dashed;
}

.monaco-editor .line-delete,
.monaco-editor .char-delete {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete, .monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete, .monaco-editor.hc-light .char-delete {
	border-style: dashed;
}

.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert, .monaco-diff-editor .gutter-insert {
	background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .char-delete, .monaco-diff-editor .char-delete {
	background-color: var(--vscode-diffEditor-removedTextBackground);
}

.monaco-editor .line-delete, .monaco-diff-editor .line-delete {
	background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
}

.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete, .monaco-diff-editor .gutter-delete {
	background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
}

.monaco-diff-editor.side-by-side .editor.modified {
	box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-left: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor .diffViewport {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-diff-editor .diffViewport:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-diff-editor .diffViewport:active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

.monaco-editor .diagonal-fill {
	background-image: linear-gradient(
		-45deg,
		var(--vscode-diffEditor-diagonalFill) 12.5%,
		#0000 12.5%, #0000 50%,
		var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
		#0000 62.5%, #0000 100%
	);
	background-size: 8px 8px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-diff-editor .diff-review-line-number {
	text-align: right;
	display: inline-block;
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-diff-editor .diff-review {
	position: absolute;
	user-select: none;
	-webkit-user-select: none;
	z-index: 99;
}

.monaco-diff-editor .diff-review-summary {
	padding-left: 10px;
}

.monaco-diff-editor .diff-review-shadow {
	position: absolute;
	box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
}

.monaco-diff-editor .diff-review-row {
	white-space: pre;
}

.monaco-diff-editor .diff-review-table {
	display: table;
	min-width: 100%;
}

.monaco-diff-editor .diff-review-row {
	display: table-row;
	width: 100%;
}

.monaco-diff-editor .diff-review-spacer {
	display: inline-block;
	width: 10px;
	vertical-align: middle;
}

.monaco-diff-editor .diff-review-spacer > .codicon {
	font-size: 9px !important;
}

.monaco-diff-editor .diff-review-actions {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 2px;
	z-index: 100;
}

.monaco-diff-editor .diff-review-actions .action-label {
	width: 16px;
	height: 16px;
	margin: 2px 0;
}

.monaco-diff-editor .revertButton {
	cursor: pointer;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-component .multiDiffEntry {
	display: flex;
	flex-direction: column;
}

.monaco-component .multiDiffEntry .editorParent {
	border-left: 2px var(--vscode-tab-inactiveBackground) solid;
}

.monaco-component .multiDiffEntry.focused .editorParent {
	border-left: 2px var(--vscode-notebook-focusedCellBorder) solid;
}

.monaco-component .multiDiffEntry .editorParent .editorContainer {
	border-left: 17px var(--vscode-tab-inactiveBackground) solid;
}

.monaco-component .multiDiffEntry .collapse-button {
	margin: 0 5px;
	cursor: pointer;
}

.monaco-component .multiDiffEntry .collapse-button a {
	display: block;
}

.monaco-component .multiDiffEntry .header {
	display: flex;
	align-items: center;
	padding: 8px 5px;
	color: var(--vscode-foreground);
	background: var(--vscode-editor-background);
	z-index: 1000;

	border-bottom: 1px  var(--vscode-sideBarSectionHeader-border) solid;
	border-top: 1px  var(--vscode-sideBarSectionHeader-border) solid;

	border-left: 2px var(--vscode-editor-background) solid;
}
.monaco-component .multiDiffEntry.focused .header {
	border-left: 2px var(--vscode-notebook-focusedCellBorder) solid;
}

.monaco-component .multiDiffEntry .header.shadow {
	box-shadow: var(--vscode-scrollbar-shadow) 0px 6px 6px -6px;
}

.monaco-component .multiDiffEntry .header .title {
	flex: 1;
	font-size: 14px;
	line-height: 22px;
}

.monaco-component .multiDiffEntry .header .actions {
	padding: 0 8px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-toolbar {
	height: 100%;
}

.monaco-toolbar .toolbar-toggle-more {
	display: inline-block;
	padding: 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .selection-anchor {
	background-color: #007ACC;
	width: 2px !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .bracket-match {
	box-sizing: border-box;
	background-color: var(--vscode-editorBracketMatch-background);
	border: 1px solid var(--vscode-editorBracketMatch-border);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "codicon";
	font-display: block;
	src: url(/src/184be8c3/codicon-184be8c3aa435ca6c3f518ebb624f464.ttf) format("truetype");
}

.codicon[class*='codicon-'] {
	font: normal normal normal 16px/1 codicon;
	display: inline-block;
	text-decoration: none;
	text-rendering: auto;
	text-align: center;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	user-select: none;
	-webkit-user-select: none;
}

/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.codicon-wrench-subaction {
	opacity: 0.5;
}

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

.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.5s steps(30) infinite;
}

.codicon-modifier-disabled {
	opacity: 0.4;
}

/* custom speed & easing for loading icon */
.codicon-loading,
.codicon-tree-item-loading::before {
	animation-duration: 1s !important;
	animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array { color: var(--vscode-symbolIcon-arrayForeground); }
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean { color: var(--vscode-symbolIcon-booleanForeground); }
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class { color: var(--vscode-symbolIcon-classForeground); }
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method { color: var(--vscode-symbolIcon-methodForeground); }
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color { color: var(--vscode-symbolIcon-colorForeground); }
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant { color: var(--vscode-symbolIcon-constantForeground); }
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor { color: var(--vscode-symbolIcon-constructorForeground); }
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum { color: var(--vscode-symbolIcon-enumeratorForeground); }
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member { color: var(--vscode-symbolIcon-enumeratorMemberForeground); }
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event { color: var(--vscode-symbolIcon-eventForeground); }
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field { color: var(--vscode-symbolIcon-fieldForeground); }
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file { color: var(--vscode-symbolIcon-fileForeground); }
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder { color: var(--vscode-symbolIcon-folderForeground); }
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function { color: var(--vscode-symbolIcon-functionForeground); }
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface { color: var(--vscode-symbolIcon-interfaceForeground); }
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key { color: var(--vscode-symbolIcon-keyForeground); }
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword { color: var(--vscode-symbolIcon-keywordForeground); }
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module { color: var(--vscode-symbolIcon-moduleForeground); }
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace { color: var(--vscode-symbolIcon-namespaceForeground); }
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null { color: var(--vscode-symbolIcon-nullForeground); }
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number { color: var(--vscode-symbolIcon-numberForeground); }
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object { color: var(--vscode-symbolIcon-objectForeground); }
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator { color: var(--vscode-symbolIcon-operatorForeground); }
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package { color: var(--vscode-symbolIcon-packageForeground); }
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property { color: var(--vscode-symbolIcon-propertyForeground); }
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference { color: var(--vscode-symbolIcon-referenceForeground); }
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet { color: var(--vscode-symbolIcon-snippetForeground); }
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string { color: var(--vscode-symbolIcon-stringForeground); }
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct { color: var(--vscode-symbolIcon-structForeground); }
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text { color: var(--vscode-symbolIcon-textForeground); }
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter { color: var(--vscode-symbolIcon-typeParameterForeground); }
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit { color: var(--vscode-symbolIcon-unitForeground); }
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable { color: var(--vscode-symbolIcon-variableForeground); }

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lightBulbWidget {
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-editor .lightBulbWidget:hover{
	cursor: pointer;
}

.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

.monaco-editor .lightBulbWidget:before {
	position: relative;
	z-index: 2;
}

.monaco-editor .lightBulbWidget:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background-color: var(--vscode-editor-background);
	z-index: 1;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-editor-overlaymessage {
	padding-bottom: 8px;
	z-index: 10000;
}

.monaco-editor .monaco-editor-overlaymessage.below {
	padding-bottom: 0;
	padding-top: 8px;
	z-index: 10000;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
	animation: fadeIn 150ms ease-out;
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
	animation: fadeOut 100ms ease-out;
}

.monaco-editor .monaco-editor-overlaymessage .message {
	padding: 2px 4px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-inputValidation-infoBorder);
	border-radius: 3px;
}

.monaco-editor .monaco-editor-overlaymessage .message p {
	margin-block: 0px;
}

.monaco-editor .monaco-editor-overlaymessage .message a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-editor-overlaymessage .message a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
	border-width: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor {
	width: 0 !important;
	height: 0 !important;
	border-color: transparent;
	border-style: solid;
	z-index: 1000;
	border-width: 8px;
	position: absolute;
	left: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor.top {
	border-bottom-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage .anchor.below {
	border-top-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
	display: none;
}

.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
	display: inherit;
	top: -8px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rendered-markdown kbd {
	background-color: var(--vscode-keybindingLabel-background);
	color: var(--vscode-keybindingLabel-foreground);
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	border-color: var(--vscode-keybindingLabel-border);
	border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
	box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
	vertical-align: middle;
	padding: 1px 3px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.action-widget {
	font-size: 13px;
	border-radius: 0;
	min-width: 160px;
	max-width: 80vw;
	z-index: 40;
	display: block;
	width: 100%;
	border: 1px solid var(--vscode-editorWidget-border) !important;
	border-radius: 2px;
	background-color: var(--vscode-editorWidget-background);
	color: var(--vscode-editorWidget-foreground);
}

.context-view-block {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.context-view-pointerBlock {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.action-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
	border: none !important;
	border-width: 0 !important;
}

.action-widget .monaco-list:focus:before {
	outline: 0 !important;
}

.action-widget .monaco-list .monaco-scrollable-element {
	overflow: visible;
}

/** Styles for each row in the list element **/
.action-widget .monaco-list .monaco-list-row {
	padding: 0 10px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
	width: 100%;
}

.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
	background-color: var(--vscode-quickInputList-focusBackground) !important;
	color: var(--vscode-quickInputList-focusForeground);
	outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
	outline-offset: -1px;
}

.action-widget .monaco-list-row.group-header {
	color: var(--vscode-descriptionForeground) !important;
	font-weight: 600;
}

.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
	cursor: default !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	background-color: transparent !important;
	outline: 0 solid !important;
}

.action-widget .monaco-list-row.action {
	display: flex;
	gap: 6px;
	align-items: center;
}

.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
	color: var(--vscode-disabledForeground);
}


.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
	color: inherit;
}

.action-widget .monaco-list-row.action .title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Action bar */

.action-widget .action-widget-action-bar {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
	border-top: 1px solid var(--vscode-editorHoverWidget-border);
}

.action-widget .action-widget-action-bar::before {
	display: block;
	content: "";
	width: 100%;
}

.action-widget .action-widget-action-bar .actions-container {
	padding: 0 8px;
}

.action-widget-action-bar .action-label {
	color: var(--vscode-textLink-activeForeground);
	font-size: 12px;
	line-height: 22px;
	padding: 0;
	pointer-events: all;
}

.action-widget-action-bar .action-item {
	margin-right: 16px;
	pointer-events: none;
}

.action-widget-action-bar .action-label:hover {
	background-color: transparent !important;
}

.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
	/* The important gives this rule precedence over the hover rule. */
	background: var(--vscode-actionBar-toggledBackground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codelens-decoration {
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
	padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5);
	font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
	font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}

.monaco-editor .codelens-decoration>span,
.monaco-editor .codelens-decoration>a {
	user-select: none;
	-webkit-user-select: none;
	white-space: nowrap;
	vertical-align: sub;
}

.monaco-editor .codelens-decoration>a {
	text-decoration: none;
}

.monaco-editor .codelens-decoration>a:hover {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration>a:hover .codicon {
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration .codicon {
	vertical-align: middle;
	color: currentColor !important;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
}

.monaco-editor .codelens-decoration>a:hover .codicon::before {
	cursor: pointer;
}

@keyframes fadein {
	0% {
		opacity: 0;
		visibility: visible;
	}

	100% {
		opacity: 1;
	}
}

.monaco-editor .codelens-decoration.fadein {
	animation: fadein 0.1s linear;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.colorpicker-widget {
	height: 190px;
	user-select: none;
	-webkit-user-select: none;
}

/* Decoration */

.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
	border: solid 0.1em #000;
	box-sizing: border-box;
	margin: 0.1em 0.2em 0 0.2em;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	display: inline-block;
	cursor: pointer;
}

.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
	border: solid 0.1em #eee;
}

/* Header */

.colorpicker-header {
	display: flex;
	height: 24px;
	position: relative;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-header .picked-color {
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	cursor: pointer;
	color: white;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}

.colorpicker-header .picked-color .picked-color-presentation {
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}

.colorpicker-header .picked-color .codicon {
	color: inherit;
	font-size: 14px;
}

.colorpicker-header .picked-color.light {
	color: black;
}

.colorpicker-header .original-color {
	width: 74px;
	z-index: inherit;
	cursor: pointer;
}

.standalone-colorpicker {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header.standalone-colorpicker {
	border-bottom: none;
}

.colorpicker-header .close-button {
	cursor: pointer;
	background-color: var(--vscode-editorHoverWidget-background);
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header .close-button-inner-div {
	width: 100%;
	height: 100%;
	text-align: center;
}

.colorpicker-header .close-button-inner-div:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.colorpicker-header .close-icon {
	padding: 3px;
}

/* Body */

.colorpicker-body {
	display: flex;
	padding: 8px;
	position: relative;
}

.colorpicker-body .saturation-wrap {
	overflow: hidden;
	height: 150px;
	position: relative;
	min-width: 220px;
	flex: 1;
}

.colorpicker-body .saturation-box {
	height: 150px;
	position: absolute;
}

.colorpicker-body .saturation-selection {
	width: 9px;
	height: 9px;
	margin: -5px 0 0 -5px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	position: absolute;
}

.colorpicker-body .strip {
	width: 25px;
	height: 150px;
}

.colorpicker-body .standalone-strip {
	width: 25px;
	height: 122px;
}

.colorpicker-body .hue-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.colorpicker-body .opacity-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-body .strip.grabbing {
	cursor: grabbing;
}

.colorpicker-body .slider {
	position: absolute;
	top: 0;
	left: -2px;
	width: calc(100% + 4px);
	height: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.71);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}

.colorpicker-body .strip .overlay {
	height: 150px;
	pointer-events: none;
}

.colorpicker-body .standalone-strip .standalone-overlay {
	height: 122px;
	pointer-events: none;
}

.standalone-colorpicker-body {
	display: block;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
	overflow: hidden;
}

.colorpicker-body .insert-button {
	position: absolute;
	height: 20px;
	width: 58px;
	padding: 0px;
	right: 8px;
	bottom: 8px;
	background: var(--vscode-button-background);
	color: var(--vscode-button-foreground);
	border-radius: 2px;
	border: none;
	cursor: pointer;
}

.colorpicker-body .insert-button:hover{
	background: var(--vscode-button-hoverBackground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .goto-definition-link {
	text-decoration: underline;
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .peekview-widget .head {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title {
	display: flex;
	align-items: baseline;
	font-size: 13px;
	margin-left: 20px;
	min-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .peekview-widget .head .peekview-title.clickable {
	cursor: pointer;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
	font-size: 0.9em;
	margin-left: 0.5em;
}

.monaco-editor .peekview-widget .head .peekview-title .meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
	content: '-';
	padding: 0 0.3em;
}

.monaco-editor .peekview-widget .head .peekview-actions {
	flex: 1;
	text-align: right;
	padding-right: 2px;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
	display: inline-block;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
	height: 100%;
}

.monaco-editor .peekview-widget > .body {
	border-top: 1px solid;
	position: relative;
}

.monaco-editor .peekview-widget .head .peekview-title .codicon {
	margin-right: 4px;
	align-self: center;
}

.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
	color: inherit !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget {
	position: absolute;
	z-index: 10;
}


.monaco-editor .zone-widget .zone-widget-container {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	position: relative;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -- zone widget */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.monaco-editor .reference-zone-widget .inline {
	display: inline-block;
	vertical-align: top;
}

.monaco-editor .reference-zone-widget .messages {
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 3em 0;
}

.monaco-editor .reference-zone-widget .ref-tree {
	line-height: 23px;
	background-color: var(--vscode-peekViewResult-background);
	color: var(--vscode-peekViewResult-lineForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .reference {
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file {
	display: inline-flex;
	width: 100%;
	height: 100%;
	color: var(--vscode-peekViewResult-fileForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
	color: inherit !important;
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
	background-color: var(--vscode-peekViewResult-selectionBackground);
	color: var(--vscode-peekViewResult-selectionForeground) !important;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
	margin-right: 12px;
	margin-left: auto;
}

.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
	background-color: var(--vscode-peekViewResult-matchHighlightBackground);
}

.monaco-editor .reference-zone-widget .preview .reference-decoration {
	background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
	border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
	box-sizing: border-box;
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
	background-color: var(--vscode-peekViewEditor-background);
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
	background-color: var(--vscode-peekViewEditorGutter-background);
}

/* High Contrast Theming */

.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
	font-weight: bold;
}

.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
	border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-hover {
	cursor: default;
	position: absolute;
	overflow: hidden;
	user-select: text;
	-webkit-user-select: text;
	box-sizing: border-box;
	animation: fadein 100ms linear;
	line-height: 1.5em;
	white-space: var(--vscode-hover-whiteSpace, normal);
}

.monaco-hover.hidden {
	display: none;
}

.monaco-hover a:hover:not(.disabled) {
	cursor: pointer;
}

.monaco-hover .hover-contents:not(.html-hover-contents) {
	padding: 4px 8px;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
	max-width: var(--vscode-hover-maxWidth, 500px);
	word-wrap: break-word;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
	min-width: 100%;
}

.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	margin: 8px 0;
}

.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	line-height: 1.1;
}

.monaco-hover code {
	font-family: var(--monaco-monospace-font);
}

.monaco-hover hr {
	box-sizing: border-box;
	border-left: 0px;
	border-right: 0px;
	margin-top: 4px;
	margin-bottom: -4px;
	margin-left: -8px;
	margin-right: -8px;
	height: 1px;
}

.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
	margin-top: 0;
}

.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
	margin-bottom: 0;
}

/* MarkupContent Layout */
.monaco-hover ul {
	padding-left: 20px;
}
.monaco-hover ol {
	padding-left: 20px;
}

.monaco-hover li > p {
	margin-bottom: 0;
}

.monaco-hover li > ul {
	margin-top: 0;
}

.monaco-hover code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-hover .monaco-tokenized-source {
	white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
}

.monaco-hover .hover-row.status-bar {
	font-size: 12px;
	line-height: 22px;
}

.monaco-hover .hover-row.status-bar .info {
	font-style: italic;
	padding: 0px 8px;
}

.monaco-hover .hover-row.status-bar .actions {
	display: flex;
	padding: 0px 8px;
}

.monaco-hover .hover-row.status-bar .actions .action-container {
	margin-right: 16px;
	cursor: pointer;
}

.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
	padding-right: 4px;
}

.monaco-hover .markdown-hover .hover-contents .codicon {
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
}

.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
	color: inherit;
}

.monaco-hover .hover-contents a.code-link:before {
	content: '(';
}

.monaco-hover .hover-contents a.code-link:after {
	content: ')';
}

.monaco-hover .hover-contents a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .hover-contents a.code-link > span:hover {
	color: var(--vscode-textLink-activeForeground);
}

/** Spans in markdown hovers need a margin-bottom to avoid looking cramped: https://github.com/microsoft/vscode/issues/101496 **/
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span {
	margin-bottom: 4px;
	display: inline-block;
}

.monaco-hover-content .action-container a {
	-webkit-user-select: none;
	user-select: none;
}

.monaco-hover-content .action-container.disabled {
	pointer-events: none;
	opacity: 0.4;
	cursor: default;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* marker zone */

.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 4px;
}

.monaco-editor .marker-widget {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .marker-widget > .stale {
	opacity: 0.6;
	font-style: italic;
}

.monaco-editor .marker-widget .title {
	display: inline-block;
	padding-right: 5px;
}

.monaco-editor .marker-widget .descriptioncontainer {
	position: absolute;
	white-space: pre;
	user-select: text;
	-webkit-user-select: text;
	padding: 8px 12px 0 20px;
}

.monaco-editor .marker-widget .descriptioncontainer .message {
	display: flex;
	flex-direction: column;
}

.monaco-editor .marker-widget .descriptioncontainer .message .details {
	padding-left: 6px;
}

.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
	opacity: 0.6;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
	opacity: 0.6;
	color: inherit;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
	content: '(';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
	content: ')';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .marker-widget .descriptioncontainer .filename {
	cursor: pointer;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.preferences-editor .codicon.codicon-error {
	color: var(--vscode-problemsErrorIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
	color: var(--vscode-problemsWarningIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info,
.preferences-editor .codicon.codicon-info {
	color: var(--vscode-problemsInfoIcon-foreground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inlineSuggestionsHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineSuggestionsHints a {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineSuggestionsHints a:hover {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineSuggestionsHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
	display: flex;
	min-width: 19px;
	justify-content: center;
}

.monaco-editor .inlineSuggestionStatusBarItemLabel {
	margin-right: 2px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .hoverHighlight {
	background-color: var(--vscode-editor-hoverHighlightBackground);
}

.monaco-editor .monaco-hover {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
}

.monaco-editor .monaco-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .monaco-hover .hover-row .actions {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-editor .monaco-hover code {
	background-color: var(--vscode-textCodeBlock-background);
}



/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
	border-right: 2px dotted black;
	color: white; /* opposite of black */
}
.monaco-editor.vs-dark .dnd-target {
	border-right: 2px dotted #AEAFAD;
	color: #51504f; /* opposite of #AEAFAD */
}
.monaco-editor.hc-black .dnd-target {
	border-right: 2px dotted #fff;
	color: #000; /* opposite of #fff */
}

.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
	cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
	cursor: copy;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.inline-editor-progress-decoration {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.inline-progress-widget  {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.inline-progress-widget .icon {
	font-size: 80% !important;
}

.inline-progress-widget:hover .icon {
	font-size: 90% !important;
	animation: none;
}

.inline-progress-widget:hover .icon::before {
	content: "\ea76"; /* codicon-x */
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.post-edit-widget {
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 1px solid var(--vscode-widget-border, transparent);
	border-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
	overflow: hidden;
}

.post-edit-widget .monaco-button {
	padding: 2px;
	border: none;
	border-radius: 0;
}

.post-edit-widget .monaco-button:hover {
	background-color: var(--vscode-button-secondaryHoverBackground) !important;
}

.post-edit-widget .monaco-button .codicon {
	margin: 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .findOptionsWidget {
	background-color: var(--vscode-editorWidget-background);
	color: var(--vscode-editorWidget-foreground);
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 2px solid var(--vscode-contrastBorder);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Find widget */
.monaco-editor .find-widget {
	position: absolute;
	z-index: 35;
	height: 33px;
	overflow: hidden;
	line-height: 19px;
	transition: transform 200ms linear;
	padding: 0 4px;
	box-sizing: border-box;
	transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.monaco-workbench.reduce-motion .monaco-editor .find-widget {
	transition: transform 0ms linear;
}

.monaco-editor .find-widget textarea {
	margin: 0px;
}

.monaco-editor .find-widget.hiddenEditor {
	display: none;
}

/* Find widget when replace is toggled on */
.monaco-editor .find-widget.replaceToggled > .replace-part {
	display: flex;
}

.monaco-editor .find-widget.visible  {
	transform: translateY(0);
}

.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

.monaco-editor .find-widget .monaco-inputbox .input {
	background-color: transparent;
	min-height: 0;
}

.monaco-editor .find-widget .monaco-findInput .input {
	font-size: 13px;
}

.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
	margin: 3px 25px 0 17px;
	font-size: 12px;
	display: flex;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
	min-height: 25px;
}


.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-right: 22px;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-top: 2px;
	padding-bottom: 2px;
}

.monaco-editor .find-widget > .find-part .find-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget > .replace-part .replace-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget .monaco-findInput {
	vertical-align: middle;
	display: flex;
	flex:1;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
	/* Make sure textarea inherits the width correctly */
	width: 100%;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
	/* Hide vertical scrollbar */
	opacity: 0;
}

.monaco-editor .find-widget .matchesCount {
	display: flex;
	flex: initial;
	margin: 0 0 0 3px;
	padding: 2px 0 0 2px;
	height: 25px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	line-height: 23px;
}

.monaco-editor .find-widget .button {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 5px;
	display: flex;
	flex: initial;
	margin-left: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* find in selection button */
.monaco-editor .find-widget .codicon-find-selection {
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-editor .find-widget .button.left {
	margin-left: 0;
	margin-right: 3px;
}

.monaco-editor .find-widget .button.wide {
	width: auto;
	padding: 1px 6px;
	top: -1px;
}

.monaco-editor .find-widget .button.toggle {
	position: absolute;
	top: 0;
	left: 3px;
	width: 18px;
	height: 100%;
	border-radius: 0;
	box-sizing: border-box;
}

.monaco-editor .find-widget .button.toggle.disabled {
	display: none;
}

.monaco-editor .find-widget .disabled {
	color: var(--vscode-disabledForeground);
	cursor: default;
}

.monaco-editor .find-widget > .replace-part {
	display: none;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput {
	position: relative;
	display: flex;
	vertical-align: middle;
	flex: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

/* REDUCED */
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
	display:none;
}

/* NARROW (SMALLER THAN REDUCED) */
.monaco-editor .find-widget.narrow-find-widget {
	max-width: 257px !important;
}

/* COLLAPSED (SMALLER THAN NARROW) */
.monaco-editor .find-widget.collapsed-find-widget {
	max-width: 170px !important;
}

.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
	display:none;
}

.monaco-editor .findMatch {
	animation-duration: 0;
	animation-name: inherit !important;
}

.monaco-editor .find-widget .monaco-sash {
	left: 0 !important;
}

.monaco-editor.hc-black .find-widget .button:before {
	position: relative;
	top: 1px;
	left: 2px;
}

/* Close button position. */
.monaco-editor .find-widget > .button.codicon-widget-close {
	position: absolute;
	top: 5px;
	right: 4px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 140%;
	margin-left: 2px;
}

.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	transition: initial;
}

.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
	opacity: 1;
}

.monaco-editor .inline-folded:after {
	color: grey;
	margin: 0.1em 0.2em 0 0.2em;
	content: "\22EF"; /* ellipses unicode character */
	display: inline;
	line-height: 1em;
	cursor: pointer;
}

.monaco-editor .folded-background {
	background-color: var(--vscode-editor-foldBackground);
}

.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
	color: var(--vscode-editorGutter-foldingControlForeground) !important;
}


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .suggest-preview-additional-widget {
	white-space: nowrap;
}

.monaco-editor .suggest-preview-additional-widget .content-spacer {
	color: transparent;
	white-space: pre;
}

.monaco-editor .suggest-preview-additional-widget .button {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .ghost-text-decoration, .monaco-editor .suggest-preview-text .ghost-text {
	font-style: italic;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
	color: var(--vscode-editorGhostText-foreground) !important;
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .snippet-placeholder {
	min-width: 2px;
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}

.monaco-editor .finish-snippet-placeholder {
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Suggest widget*/

.monaco-editor .suggest-widget {
	width: 430px;
	z-index: 40;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
}

.monaco-editor .suggest-widget.message {
	flex-direction: row;
	align-items: center;
}

.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
	flex: 0 1 auto;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
	border-width: 2px;
}

/* Styles for status bar part */


.monaco-editor .suggest-widget .suggest-status-bar {
	box-sizing: border-box;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	font-size: 80%;
	padding: 0 4px 0 4px;
	border-top: 1px solid var(--vscode-editorSuggestWidget-border);
	overflow: hidden;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
	display: flex;
}

.monaco-editor .suggest-widget .suggest-status-bar .left {
	padding-right: 8px;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
	color: var(--vscode-editorSuggestWidgetStatus-foreground);
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
	margin-right: 0;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
	content: ', ';
	margin-right: 0.3em;
}

.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row>.contents>.main>.right>.readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore {
	display: none;
}

.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover>.contents>.main>.right.can-expand-details>.details-label {
	width: 100%;
}

/* Styles for Message element for when widget is loading or is empty */

.monaco-editor .suggest-widget>.message {
	padding-left: 22px;
}

/** Styles for the list element **/

.monaco-editor .suggest-widget>.tree {
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
}

/** Styles for each row in the list element **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
	display: flex;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
	color: var(--vscode-editorSuggestWidget-selectedForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
	color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents {
	flex: 1;
	height: 100%;
	overflow: hidden;
	padding-left: 2px;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	justify-content: space-between;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right {
	display: flex;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label {
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-highlightForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused>.contents>.main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}

/** ReadMore Icon styles **/

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore::before {
	color: inherit;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close {
	position: absolute;
	top: 6px;
	right: 2px;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:hover {
	opacity: 1;
}

/** signature, qualifier, type/details opacity **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label {
	opacity: 0.7;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.signature-label {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.6;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.qualifier-label {
	margin-left: 12px;
	opacity: 0.4;
	font-size: 85%;
	line-height: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	align-self: center;
}

/** Type Info and icon next to the label in the focused completion item **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label {
	font-size: 85%;
	margin-left: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label>.monaco-tokenized-source {
	display: inline;
}

/** Details: if using CompletionItem#details, show on focus **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label {
	display: none;
}

.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused>.contents>.main>.right>.details-label {
	display: inline;
}

/** Details: if using CompletionItemLabel#details, always show **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.right>.details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label)>.contents>.main>.right>.details-label {
	display: inline;
}

/** Ellipsis on hover **/

.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right.can-expand-details>.details-label {
	width: calc(100% - 26px);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.monaco-icon-label {
	flex-shrink: 0;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.left>.monaco-icon-label {
	max-width: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.left>.monaco-icon-label {
	flex-shrink: 1;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right {
	overflow: hidden;
	flex-shrink: 4;
	max-width: 70%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore {
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	visibility: hidden;
}

/** Do NOT display ReadMore when docs is side/below **/

.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row>.contents>.main>.right>.readMore {
	display: none !important;
}

/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.right>.readMore {
	display: none;
}

/** Focused item can show ReadMore, but can't when docs is side/below **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore {
	display: inline-block;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right>.readMore {
	visibility: visible;
}

/** Styles for each row in the list **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
	opacity: 0.66;
	text-decoration: unset;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated>.monaco-icon-label-container>.monaco-icon-name-container {
	text-decoration: line-through;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
	height: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
	margin: 0 0 0 0.3em;
	border: 0.1em solid #000;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
}

/** Styles for the docs of the completion item in focus **/

.monaco-editor .suggest-details-container {
	z-index: 41;
}

.monaco-editor .suggest-details {
	display: flex;
	flex-direction: column;
	cursor: default;
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-details.focused {
	border-color: var(--vscode-focusBorder);
}

.monaco-editor .suggest-details a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .suggest-details a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .suggest-details code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .suggest-details.no-docs {
	display: none;
}

.monaco-editor .suggest-details>.monaco-scrollable-element {
	flex: 1;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type {
	flex: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.7;
	white-space: pre;
	margin: 0 24px 0 0;
	padding: 4px 0 12px 5px;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type.auto-wrap {
	white-space: normal;
	word-break: break-all;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs {
	margin: 0;
	padding: 4px 5px;
	white-space: pre-wrap;
}

.monaco-editor .suggest-details.no-type>.monaco-scrollable-element>.body>.docs {
	margin-right: 24px;
	overflow: hidden;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs {
	padding: 0;
	white-space: initial;
	min-height: calc(1rem + 8px);
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div,
.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>span:not(:empty) {
	padding: 4px 5px;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:first-child {
	margin-top: 0;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:last-child {
	margin-bottom: 0;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .monaco-tokenized-source {
	white-space: pre;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs .code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .codicon {
	vertical-align: sub;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>p:empty {
	display: none;
}

.monaco-editor .suggest-details code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-editor .suggest-details ul {
	padding-left: 20px;
}

.monaco-editor .suggest-details ol {
	padding-left: 20px;
}

.monaco-editor .suggest-details p code {
	font-family: var(--monaco-monospace-font);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


.monaco-editor.vs .valueSetReplacement {
	outline: solid 2px var(--vscode-editorBracketMatch-border);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .linked-editing-decoration {
	background-color: var(--vscode-editor-linkedEditingBackground);

	/* Ensure decoration is visible even if range is empty */
	min-width: 1px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .detected-link-active {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .focused .selectionHighlight {
	background-color: var(--vscode-editor-selectionHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight, .monaco-editor.hc-light .focused .selectionHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlight {
	background-color: var(--vscode-editor-wordHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight, .monaco-editor.hc-light .wordHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlightStrong {
	background-color: var(--vscode-editor-wordHighlightStrongBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong, .monaco-editor.hc-light .wordHighlightStrong {
	border-style: dotted;
}

.monaco-editor .wordHighlightText {
	background-color: var(--vscode-editor-wordHighlightTextBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText, .monaco-editor.hc-light .wordHighlightText {
	border-style: dotted;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .parameter-hints-widget {
	/* Must be higher than the sash's z-index and terminal canvases but lower than the suggest widget */
	z-index: 39;
	display: flex;
	flex-direction: column;
	line-height: 1.5em;
	cursor: default;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
	border-width: 2px;
}

.monaco-editor .parameter-hints-widget > .phwrapper {
	max-width: 440px;
	display: flex;
	flex-direction: row;
}

.monaco-editor .parameter-hints-widget.multiple {
	min-height: 3.3em;
	padding: 0;
}

.monaco-editor .parameter-hints-widget.multiple .body::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	opacity: 0.5;
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
	margin: 8px 0;
}

.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 100%;
}

.monaco-editor .parameter-hints-widget .signature {
	padding: 4px 5px;
	position: relative;
}

.monaco-editor .parameter-hints-widget .signature.has-docs::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	padding-top: 4px;
	opacity: 0.5;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget .docs {
	padding: 0 10px 0 5px;
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .docs.empty {
	display: none;
}

.monaco-editor .parameter-hints-widget .docs a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .parameter-hints-widget .docs a:hover {
	color: var(--vscode-textLink-activeForeground);
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .docs .markdown-docs {
	white-space: initial;
}

.monaco-editor .parameter-hints-widget .docs code {
	font-family: var(--monaco-monospace-font);
	border-radius: 3px;
	padding: 0 0.4em;
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .controls {
	display: none;
	flex-direction: column;
	align-items: center;
	min-width: 22px;
	justify-content: flex-end;
}

.monaco-editor .parameter-hints-widget.multiple .controls {
	display: flex;
	padding: 0 2px;
}

.monaco-editor .parameter-hints-widget.multiple .button {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .button.previous {
	bottom: 24px;
}

.monaco-editor .parameter-hints-widget .overloads {
	text-align: center;
	height: 12px;
	line-height: 12px;
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .parameter-hints-widget .signature .parameter.active {
	color: var(--vscode-editorHoverWidget-highlightForeground);
	font-weight: bold;
}

.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
	font-weight: bold;
	margin-right: 0.5em;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rename-box {
	z-index: 100;
	color: inherit;
	border-radius: 4px;
}

.monaco-editor .rename-box.preview {
	padding: 4px 4px 0 4px;
}

.monaco-editor .rename-box .rename-input {
	padding: 3px;
	border-radius: 2px;
}

.monaco-editor .rename-box .rename-label {
	display: none;
	opacity: .8;
}

.monaco-editor .rename-box.preview .rename-label {
	display: inherit;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .sticky-widget {
	overflow: hidden;
}

.monaco-editor .sticky-widget-line-numbers {
	float: left;
	background-color: inherit;
}

.monaco-editor .sticky-widget-lines-scrollable {
	display: inline-block;
	position: absolute;
	overflow: hidden;
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
}

.monaco-editor .sticky-widget-lines {
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-line-number, .monaco-editor .sticky-line-content {
	color: var(--vscode-editorLineNumber-foreground);
	white-space: nowrap;
	display: inline-block;
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-line-number .codicon-folding-collapsed {
	float: right;
	transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
}

.monaco-editor .sticky-line-content {
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
	white-space: nowrap;
}

.monaco-editor .sticky-line-number-inner {
	display: inline-block;
	text-align: right;
}

.monaco-editor.hc-black .sticky-widget,
.monaco-editor.hc-light .sticky-widget {
	border-bottom: 1px solid var(--vscode-contrastBorder);
}

.monaco-editor .sticky-line-content:hover {
	background-color: var(--vscode-editorStickyScrollHover-background);
	cursor: pointer;
}

.monaco-editor .sticky-widget {
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 3px 2px -2px;
	z-index: 4;
	background-color: var(--vscode-editorStickyScroll-background);
}

.monaco-editor .sticky-widget.peek {
	background-color: var(--vscode-peekViewEditorStickyScroll-background);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .unicode-highlight {
	border: 1px solid var(--vscode-editorUnicodeHighlight-border);
	background-color: var(--vscode-editorUnicodeHighlight-background);
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.editor-banner {
	box-sizing: border-box;
	cursor: default;
	width: 100%;
	font-size: 12px;
	display: flex;
	overflow: visible;

	height: 26px;

	background: var(--vscode-banner-background);
}


.editor-banner .icon-container {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: 0 6px 0 10px;
}

.editor-banner .icon-container.custom-icon {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	width: 16px;
	padding: 0;
	margin: 0 6px 0 10px;
}

.editor-banner .message-container {
	display: flex;
	align-items: center;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor-banner .message-container p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.editor-banner .message-actions-container {
	flex-grow: 1;
	flex-shrink: 0;
	line-height: 26px;
	margin: 0 4px;
}

.editor-banner .message-actions-container a.monaco-button {
	width: inherit;
	margin: 2px 8px;
	padding: 0px 12px;
}

.editor-banner .message-actions-container a {
	padding: 3px;
	margin-left: 12px;
	text-decoration: underline;
}

.editor-banner .action-container {
	padding: 0 10px 0 6px;
}

.editor-banner {
	background-color: var(--vscode-banner-background);
}

.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
	color: var(--vscode-banner-foreground);
}

.editor-banner .icon-container .codicon {
	color: var(--vscode-banner-iconForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-link {
	color: var(--vscode-textLink-foreground);
}

.monaco-link:hover {
	color: var(--vscode-textLink-activeForeground);
}


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .iPadShowKeyboard {
	width: 58px;
	min-width: 0;
	height: 36px;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	resize: none;
	overflow: hidden;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #F6F6F6;
	border-radius: 4px;
}

.monaco-editor.vs-dark .iPadShowKeyboard {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #252526;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .tokens-inspect-widget {
	z-index: 50;
	user-select: text;
	-webkit-user-select: text;
	padding: 10px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget, .monaco-editor.hc-light .tokens-inspect-widget {
	border-width: 2px;
}

.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
	height: 1px;
	border: 0;
	background-color: var(--vscode-editorHoverWidget-border);
}

.monaco-editor .tokens-inspect-widget .tm-token {
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .tokens-inspect-widget .tm-token-length {
	font-weight: normal;
	font-size: 60%;
	float: right;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-table {
	width: 100%;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-value {
	font-family: var(--monaco-monospace-font);
	text-align: right;
}

.monaco-editor .tokens-inspect-widget .tm-token-type {
	font-family: var(--monaco-monospace-font);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_code_base-editor {
  --cursor-display: block;
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  min-width: var(--code-editor-min-width, 350px);
  border: solid 1px var(--form-border);
  background-color: var(--ui-background);
  /* Hide the cursor in VRT context */
}
.druids_code_base-editor__wrapper {
  height: 100%;
  display: flex;
  width: 100%;
}
.druids_code_base-editor > * > .monaco-editor .view-lines > .view-line:only-child > span:only-child > span:only-child:empty::before {
  content: var(--code-editor-placeholder);
  opacity: 0.5;
  /* Allows placeholder to be multiline */
  white-space: pre-wrap;
}
.druids_code_base-editor--is-borderless {
  border: none;
}
.druids_code_base-editor--is-read-only {
  --cursor-display: none;
  /* Make the cursor disappear when it's readonly */
  background-color: var(--ui-code-background) !important;
  /* Monaco injects its own unlayered styles, which take precedence over
           our @layer-wrapped DRUIDS styles. Using !important ensures our overrides apply. */
}
.druids_code_base-editor--is-read-only .cursor.monaco-mouse-cursor-text {
  display: var(--cursor-display) !important;
}
.druids_code_base-editor--is-read-only > * > .monaco-editor {
  --vscode-editor-background: transparent !important;
  --vscode-editorStickyScroll-background: transparent !important;
  --vscode-breadcrumb-background: transparent !important;
  --vscode-editorGutter-background: transparent !important;
  --vscode-editorMarkerNavigation-background: transparent !important;
  --vscode-editor-lineHighlightBackground: transparent !important;
}
.druids_code_base-editor--is-read-only .monaco-editor .view-overlays .current-line {
  background-color: transparent !important;
}
.druids_code_base-editor--is-read-only .monaco-editor .inputarea {
  opacity: 0 !important;
}
.druids_code_base-editor__placeholder {
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  z-index: 1;
  pointer-events: none;
  position: absolute;
  padding: 0 9px;
  color: var(--form-text-placeholder);
}
.druids_code_base-editor--xs {
  padding: 4px 0;
}
.druids_code_base-editor--sm {
  padding: 8px 0;
}
.druids_code_base-editor--md {
  padding: 8px 0;
}
.druids_code_base-editor--lg {
  padding: 16px 0;
}
.vrt_root-context .druids_code_base-editor .cursors-layer {
  visibility: hidden !important;
}
.druids_code_base-editor__line-highlight {
  cursor: pointer;
  mask-image: url(/src/be88f8ba/cog-be88f8ba64a186f982c7673b2ed9799f.svg);
  mask-size: 18px;
  mask-repeat: no-repeat;
  mask-position: center;
}
.druids_code_base-editor__line-highlight--hover {
  background-color: var(--ui-interaction-primary);
}
.druids_code_base-editor__line-highlight--hover ~ .druids_code_base-editor__line-highlight--hover {
  background-color: transparent;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_code_code-editor--is-borderless {
  border: none;
}
.druids_code_code-editor--is-rounded {
  border-radius: 4px;
}
.druids_code_code-editor--xs.druids_code_code-editor__placeholder {
  padding: 4px 0;
  font-size: 11px;
  padding-left: 47px !important;
}
.druids_code_code-editor--sm.druids_code_code-editor__placeholder {
  padding: 8px 0;
  font-size: 12px;
  padding-left: 49px !important;
}
.druids_code_code-editor--md.druids_code_code-editor__placeholder {
  padding: 8px 0;
  font-size: 13px;
  padding-left: 50px !important;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_code_diff-editor {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  min-width: 200px;
  border: solid 1px var(--form-border);
  /* Hide the cursor in VRT context */
  /* Make the cursor disappear when it's readonly */
}
.druids_code_diff-editor--is-borderless {
  border: none;
}
.druids_code_diff-editor--is-rounded {
  border-radius: 4px;
  overflow: hidden;
}
.vrt_root-context .druids_code_diff-editor .cursors-layer {
  visibility: hidden !important;
}
.druids_code_diff-editor .monaco-diff-editor.monaco-editor-background {
  background-color: var(--ui-code-background) !important;
}
.druids_code_diff-editor .monaco-editor-background {
  background-color: var(--ui-code-background) !important;
}
.druids_code_diff-editor .original.diffOverviewRuler,
.druids_code_diff-editor .modified.diffOverviewRuler {
  background-color: var(--ui-code-background) !important;
}
.druids_code_diff-editor .monaco-diff-editor .view-overlays .current-line {
  background-color: transparent;
}
.druids_code_diff-editor .monaco-diff-editor .inputarea {
  opacity: 0;
}
.druids_code_diff-editor .monaco-diff-editor.monaco-editor-background .editor.original > .monaco-editor .cursor.monaco-mouse-cursor-text,
.druids_code_diff-editor--is-read-only .monaco-diff-editor.monaco-editor-background .editor.modified > .monaco-editor .cursor.monaco-mouse-cursor-text {
  display: none !important;
}
.druids_code_diff-editor .margin-view-overlays {
  background-color: var(--ui-code-background) !important;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_code_input-code {
  min-width: 150px;
  padding: 8px;
  z-index: var(--ui-group-elevation);
  --ui-border-radius: 4px;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
}
.druids_code_input-code > * > .monaco-editor {
  border-radius: 4px;
  --vscode-editor-selectionBackground: var(--LIGHT, #add6ff) var(--DARK, #264f78);
}
.druids_code_input-code--is-focused {
  background-color: var(--form-background-focus) !important;
  box-shadow: 0 0 3px var(--form-shadow-focus);
  border-color: var(--form-border-focus) !important;
  /* Monaco injects its own unlayered styles, which take precedence over
           our @layer-wrapped DRUIDS styles. Using !important ensures our overrides apply. */
}
.druids_code_input-code--is-focused > * > .monaco-editor {
  --vscode-editor-background: var(--form-background-focus) !important;
  --vscode-editorStickyScroll-background: var(--form-background-focus) !important;
  --vscode-breadcrumb-background: var(--form-background-focus) !important;
  --vscode-editorBracketMatch-background: var(--form-background-focus) !important;
  --vscode-editorGutter-background: var(--form-background-focus) !important;
}
.druids_code_input-code:hover {
  border-color: var(--form-border-hover);
}
.druids_code_input-code--sm.druids_code_input-code--is-single-line,
.druids_code_input-code--sm.druids_code_input-code--is-multiline {
  padding-top: 2px;
  padding-bottom: 0;
}
.druids_code_input-code--sm.druids_code_input-code--is-single-line {
  --ui-border-radius: 4px !important;
  height: 24px !important;
  font-size: 12px !important;
}
.druids_code_input-code--sm.druids_code_input-code--is-multiline {
  font-size: 12px !important;
}
.druids_code_input-code--md.druids_code_input-code--is-single-line,
.druids_code_input-code--md.druids_code_input-code--is-multiline {
  padding-top: 3px;
  padding-bottom: 0;
}
.druids_code_input-code--md.druids_code_input-code--is-single-line {
  --ui-border-radius: 4px !important;
  height: 28px !important;
  font-size: 13px !important;
}
.druids_code_input-code--md.druids_code_input-code--is-multiline {
  font-size: 13px !important;
}
.druids_code_input-code--lg.druids_code_input-code--is-single-line,
.druids_code_input-code--lg.druids_code_input-code--is-multiline {
  padding-top: 6px;
}
.druids_code_input-code--lg.druids_code_input-code--is-single-line {
  --ui-border-radius: 4px !important;
  height: 36px !important;
  font-size: 15px !important;
}
.druids_code_input-code--lg.druids_code_input-code--is-multiline {
  font-size: 15px !important;
}

.druids_misc_event-closure {
  display: contents;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_feature-highlight-popover__copy[class] {
  --ui-base-font-size: 13px;
}
.druids_dialogs_feature-highlight-popover__copy__feature-status-label:not(:first-child) {
  margin-left: 6px;
}
.druids_dialogs_feature-highlight-popover__copy__headline[class][class] {
  color: var(--ui-text);
  --ui-header-text-transform: none;
  --ui-header-letter-spacing: 0;
  --ui-custom-extra-padding: 0;
}
.druids_dialogs_feature-highlight-popover__header__close-icon {
  position: absolute;
  top: 8px;
  right: 8px;
}
.druids_dialogs_feature-highlight-popover--is-high-impact {
  --popover-background-color: #a33bff;
  --popover-arrow-color: #a33bff;
  --popover-arrow-outline: #a33bff;
}
.druids_dialogs_feature-highlight-popover--is-high-impact .druids_dialogs_feature-highlight-popover__header__close-icon:hover {
  background: transparent;
  border: 1px solid var(--ui-text-knockout);
  mix-blend-mode: screen;
}
.druids_dialogs_feature-highlight-popover--is-high-impact .druids_dialogs_feature-highlight-popover__copy__headline[class][class] {
  color: var(--ui-text-knockout);
}
.druids_dialogs_feature-highlight-popover--is-high-impact .druids_dialogs_feature-highlight-popover__button {
  border: 1px solid var(--ui-text-knockout);
  color: var(--ui-text-knockout);
}
.druids_dialogs_feature-highlight-popover--is-high-impact .druids_dialogs_feature-highlight-popover__copy > p > a {
  color: var(--ui-text-knockout);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_keyboard-shortcut-list__popover-wrapper {
  max-width: 420px;
  max-height: calc(100vh - 16px);
  overflow-y: auto;
}
.druids_dialogs_keyboard-shortcut-list__shortcut-grid {
  grid-template-columns: minmax(min-content, 400px) minmax(min-content, 250px);
}
.druids_dialogs_keyboard-shortcut-list__title {
  width: 100%;
  background-color: var(--ui-background-secondary);
  padding: 8px;
}
.druids_dialogs_keyboard-shortcut-list__title:not(:first-child) {
  border-top: 1px solid var(--ui-border);
}
.druids_dialogs_keyboard-shortcut-list__label {
  padding: 8px 16px;
  border-top: 1px solid var(--ui-border);
}
.druids_dialogs_keyboard-shortcut-list__shortcut {
  padding: 0 16px;
  border-top: 1px solid var(--ui-border);
}
.druids_dialogs_keyboard-shortcut-list__key-combo {
  display: inline-block;
  margin: 8px 0;
}
.druids_dialogs_keyboard-shortcut-list__key-combo + .druids_dialogs_keyboard-shortcut-list__key-combo {
  margin-top: 0;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_markdown-help-modal__input {
  width: 60%;
  margin-right: 16px;
}
.druids_dialogs_markdown-help-modal__logo {
  margin-top: -10px;
  margin-bottom: -11px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_tag-editor__available-tag-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px;
  cursor: pointer;
}
.druids_dialogs_tag-editor__available-tag-item__action {
  display: none;
}
.druids_dialogs_tag-editor__available-tag-item:hover:not(.druids_dialogs_tag-editor__available-tag-item--recently-edited) {
  background-color: var(--ui-interaction-secondary);
}
.druids_dialogs_tag-editor__available-tag-item:hover:not(.druids_dialogs_tag-editor__available-tag-item--recently-edited) .druids_dialogs_tag-editor__available-tag-item__action {
  display: unset;
}
.druids_dialogs_tag-editor__available-tag-item:hover:not(.druids_dialogs_tag-editor__available-tag-item--recently-edited) .druids_dialogs_tag-editor__available-tag-item__info {
  display: none;
}
.druids_dialogs_tag-editor__available-tag-item--added:not(:hover),
.druids_dialogs_tag-editor__available-tag-item--added:hover.druids_dialogs_tag-editor__available-tag-item--recently-edited {
  background-color: var(--ui-status-success-soft);
}
.druids_dialogs_tag-editor__available-tag-item--removed:not(:hover),
.druids_dialogs_tag-editor__available-tag-item--removed:hover.druids_dialogs_tag-editor__available-tag-item--recently-edited {
  background-color: var(--ui-status-danger-soft);
}
.druids_dialogs_tag-editor__available-tag-item__tag {
  max-width: calc(100% - 100px);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_dialogs_tag-editor__content {
  height: min(65vh, 800px);
}
.druids_dialogs_tag-editor__section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.druids_dialogs_tag-editor__available-tags-list,
.druids_dialogs_tag-editor__single-edit-list,
.druids_dialogs_tag-editor__multi-edit-list {
  flex-grow: 1;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.druids_dialogs_tag-editor__list-container {
  max-height: 100vh;
  overflow: auto;
}
.druids_dialogs_tag-editor__section_title {
  line-height: 24px;
}
.druids_dialogs_tag-editor__title {
  margin-right: 168px;
}
@media (max-width: 680px) {
  .druids_dialogs_tag-editor__title {
    margin-right: auto;
  }
}
.druids_dialogs_tag-editor__title > * {
  white-space: pre;
}
.druids_dialogs_tag-editor__search {
  background-color: var(--ui-background-secondary);
  padding: 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_selection-indicator {
  --included-filter: var(--LIGHT, #828ba4) var(--DARK, #65626a);
  --included-filter-hover: var(--LIGHT, #585f70) var(--DARK, #858387);
  display: flex;
  align-items: stretch;
  line-height: 24px;
}
.druids_facets_selection-indicator__filter,
.druids_facets_selection-indicator__help[class],
.druids_facets_selection-indicator__clear {
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
}
.druids_facets_selection-indicator__filter {
  border-right: none;
}
.druids_facets_selection-indicator__help,
.druids_facets_selection-indicator__clear {
  white-space: nowrap;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_facets_selection-indicator__help[class],
.druids_facets_selection-indicator__clear[class] {
  padding: 4px;
}
.druids_facets_selection-indicator__help-icon,
.druids_facets_selection-indicator__clear-icon {
  color: var(--ui-text-knockout);
}
.druids_facets_selection-indicator__filter {
  cursor: initial;
  padding: 4px;
  background-color: var(--ui-background);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.druids_facets_selection-indicator__filter-icon {
  color: var(--ui-text);
}
.druids_facets_selection-indicator--is-included .druids_facets_selection-indicator__filter,
.druids_facets_selection-indicator--is-included .druids_facets_selection-indicator__clear {
  border-color: var(--included-filter);
}
.druids_facets_selection-indicator--is-included .druids_facets_selection-indicator__clear {
  background-color: var(--included-filter);
}
.druids_facets_selection-indicator--is-included .druids_facets_selection-indicator__clear:hover,
.druids_facets_selection-indicator--is-included .druids_facets_selection-indicator__clear:active {
  background-color: var(--included-filter-hover);
  border-color: var(--included-filter-hover);
}
.druids_facets_selection-indicator--is-excluded .druids_facets_selection-indicator__filter,
.druids_facets_selection-indicator--is-excluded .druids_facets_selection-indicator__clear {
  border-color: var(--ui-status-danger);
}
.druids_facets_selection-indicator--is-excluded .druids_facets_selection-indicator__clear {
  background-color: var(--ui-status-danger);
}
.druids_facets_selection-indicator--is-excluded .druids_facets_selection-indicator__clear:hover,
.druids_facets_selection-indicator--is-excluded .druids_facets_selection-indicator__clear:active {
  background-color: var(--ui-status-danger-contrast);
  border-color: var(--ui-status-danger-contrast);
}
.druids_facets_selection-indicator--is-help .druids_facets_selection-indicator__filter,
.druids_facets_selection-indicator--is-help .druids_facets_selection-indicator__help {
  border-color: var(--included-filter);
  cursor: default;
}
.druids_facets_selection-indicator--is-help .druids_facets_selection-indicator__help {
  background-color: var(--ui-background);
  padding: 2px;
}
.druids_facets_selection-indicator--is-help .druids_facets_selection-indicator__help-icon {
  color: var(--included-filter);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet__facet-title {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.druids_facets_facet__facet-title__name {
  display: grid;
  grid-template-columns: auto auto auto;
}
.druids_facets_facet__facet-title__name--is-disabled {
  color: var(--ui-text-disabled);
}
.druids_facets_facet__facet-title__standard-attribute-icon,
.druids_facets_facet__facet-title__alias-status-icon {
  color: var(--ui-text-secondary);
}
.druids_facets_facet__facet-title__feature-status {
  display: inline-flex;
  align-items: center;
}
.druids_facets_facet__facet-title__actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 4px;
}
.druids_facets_facet__facet-title__actions__popover-menu-handle,
.druids_facets_facet__facet-title__actions__extra-actions-handle {
  margin: 0 0 0 auto;
  line-height: normal;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.druids_facets_facet__facet-title__actions__popover-menu-handle--is-visible,
.druids_facets_facet__facet-title__actions__extra-actions-handle--is-visible {
  position: relative;
  pointer-events: unset;
  opacity: 1;
}
.druids_facets_facet__facet-title__actions__selection-indicator {
  margin-left: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-description-content__description {
  margin-top: 16px;
  overflow: auto;
}
.druids_facets_facet-description-content__path {
  display: flex;
  width: 100%;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_popover-facet-description {
  --default-facet-values-container-height: 221px;
  --facet-description-width: 300px;
  width: var(--facet-description-width);
  padding: 16px;
  padding-bottom: 24px;
}
.druids_facets_popover-facet-description__wrapper {
  display: inherit;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_controlled-facet {
  --facet-popover-width: 400px;
  border-top: 1px solid var(--ui-border);
}
.druids_facets_controlled-facet:first-child {
  border-top: none;
}
.druids_facets_controlled-facet:last-child,
.druids_facets_controlled-facet--is-open {
  margin-bottom: 8px;
}
.druids_facets_controlled-facet--is-slider {
  position: relative;
  /* Slider handles may touch the bottom border if descriptions is short */
}
.druids_facets_controlled-facet--is-slider .druids_facets_controlled-facet__accordion {
  margin-bottom: 8px;
}
.druids_facets_controlled-facet__header {
  display: flex;
  margin-bottom: 4px;
  border-radius: 4px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  padding: 0 0 0 8px;
  font-weight: 600;
  color: var(--ui-text);
  cursor: pointer;
  flex: 1;
  line-height: 28px;
}
.druids_facets_controlled-facet__header:hover {
  background-color: var(--ui-interaction-secondary);
}
.druids_facets_controlled-facet__header:active {
  background-color: var(--ui-interaction-secondary-contrast);
}
.druids_facets_controlled-facet__header--is-disabled {
  cursor: default;
}
.druids_facets_controlled-facet__header--is-disabled:hover {
  background-color: var(--ui-background-secondary);
}
.druids_facets_controlled-facet__header--is-disabled__icon {
  color: var(--ui-text-disabled);
}
.druids_facets_controlled-facet__header > span {
  width: 100%;
}
.druids_facets_controlled-facet__accordion {
  padding-top: 4px;
  cursor: auto !important;
}
.druids_facets_controlled-facet .druids_facets_facet__facet-title {
  padding-right: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-filter {
  padding: 0 8px 8px 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
      touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.rc-slider-handle:focus {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
  outline: none;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

.druids_form_slider {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --rail-height: 2px;
  --lined-marker-display: none;
  --slider-handle-interactive-shadow: var(--LIGHT, #4e91d1) var(--DARK, #3d8bd0);
  --slider-handle-interactive-shadow-success: var(--LIGHT, #96dda2) var(--DARK, #349c50);
  --slider-handle-interactive-shadow-warning: var(--LIGHT, #fcc028) var(--DARK, #b27e1e);
  --slider-handle-interactive-shadow-danger: var(--LIGHT, #fc9da8) var(--DARK, #d33043);
  background-color: transparent;
}
.druids_form_slider .rc-slider-mark {
  user-select: none;
}
.druids_form_slider--lg {
  --rail-height: calc(2px + 4px);
}
.druids_form_slider .rc-slider-handle {
  width: 14px;
  height: 14px;
  margin-top: -6px;
}
.druids_form_slider--lg .rc-slider-handle {
  width: calc(14px + 4px);
  height: calc(14px + 4px);
}
.druids_form_slider .rc-slider-handle {
  box-shadow: none !important;
}
html:not(.js-focus-visible) .druids_form_slider .rc-slider-handle:focus {
  outline: none;
}
html.js-focus-visible .druids_form_slider .rc-slider-handle:focus:not(.focus-visible) {
  outline: none;
}
.druids_form_slider .rc-slider-handle::before {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  box-sizing: content-box;
  border: 4px solid;
  border-radius: 100%;
  opacity: 0.4;
}
.druids_form_slider .rc-slider-handle:not(:focus):not(:active)::before {
  display: none;
}
.druids_form_slider .rc-slider-track {
  height: var(--rail-height);
}
.druids_form_slider .rc-slider-dot {
  border: 0;
  background-color: transparent;
}
.druids_form_slider .rc-slider-rail {
  height: var(--rail-height);
  background-color: var(--ui-border);
}
.druids_form_slider--has-lined-marker {
  --lined-marker-display: block;
}
.druids_form_slider .rc-slider-mark-text {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: var(--ui-text-secondary);
}
.druids_form_slider .rc-slider-mark-text-active {
  color: var(--ui-text);
}
.druids_form_slider .rc-slider-mark-text::before {
  display: var(--lined-marker-display);
  content: '';
  width: 0;
  height: 20px;
  border-left-color: var(--ui-interaction-primary);
  border-left-width: 1px;
  border-left-style: dotted;
  position: absolute;
  top: -22px;
  left: 50%;
}
.druids_form_slider--default .rc-slider-handle {
  background-color: var(--ui-interaction-primary);
  border-color: var(--ui-interaction-primary);
}
.druids_form_slider--default .rc-slider-handle:active::before,
.druids_form_slider--default .rc-slider-handle:focus::before {
  border-color: var(--slider-handle-interactive-shadow);
}
.druids_form_slider--default .rc-slider-track {
  background-color: var(--ui-interaction-primary);
}
.druids_form_slider--success .rc-slider-handle {
  background-color: var(--ui-status-success);
  border-color: var(--ui-status-success);
}
.druids_form_slider--success .rc-slider-handle:active::before,
.druids_form_slider--success .rc-slider-handle:focus::before {
  border-color: var(--slider-handle-interactive-shadow-success);
}
.druids_form_slider--success .rc-slider-track {
  background-color: var(--ui-status-success);
}
.druids_form_slider--warning .rc-slider-handle {
  background-color: var(--ui-status-warning);
  border-color: var(--ui-status-warning);
}
.druids_form_slider--warning .rc-slider-handle:active::before,
.druids_form_slider--warning .rc-slider-handle:focus::before {
  border-color: var(--slider-handle-interactive-shadow-warning);
}
.druids_form_slider--warning .rc-slider-track {
  background-color: var(--ui-status-warning);
}
.druids_form_slider--danger .rc-slider-handle {
  background-color: var(--ui-status-danger);
  border-color: var(--ui-status-danger);
}
.druids_form_slider--danger .rc-slider-handle:active::before,
.druids_form_slider--danger .rc-slider-handle:focus::before {
  border-color: var(--slider-handle-interactive-shadow-danger);
}
.druids_form_slider--danger .rc-slider-track {
  background-color: var(--ui-status-danger);
}
.druids_form_slider--has-custom-color .rc-slider-handle {
  background-color: var(--slider-custom-color);
  border-color: var(--slider-custom-color);
}
.druids_form_slider--has-custom-color .rc-slider-handle:active::before,
.druids_form_slider--has-custom-color .rc-slider-handle:focus::before {
  border-color: var(--slider-custom-color);
}
.druids_form_slider--has-custom-color .rc-slider-track {
  background-color: var(--slider-custom-color);
}
.druids_form_slider--is-disabled {
  cursor: not-allowed !important;
}
.druids_form_slider--is-disabled .rc-slider-handle {
  background-color: var(--form-border-disabled);
  border-color: var(--form-border-disabled);
}
.druids_form_slider--is-disabled .rc-slider-handle::before {
  display: none;
}
.druids_form_slider--is-disabled .rc-slider-track {
  background-color: var(--form-border-disabled);
}
.druids_form_slider--is-disabled .rc-slider-rail {
  background-color: var(--form-border-disabled);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-range-input {
  margin-bottom: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-range__value-inputs {
  display: flex;
  justify-content: space-between;
  margin: 8px;
  gap: 8px;
}
.druids_facets_facet-range__value-slider {
  width: calc(100% - 14px * 2) !important;
  margin-left: 14px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-slider__value-inputs {
  display: flex;
  margin: 8px;
}
.druids_facets_facet-slider__value-slider {
  width: calc(100% - 14px) !important;
  margin-left: 7px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-message--empty-facet {
  margin-left: 28px;
}
.druids_facets_facet-message--remaining-values {
  margin-left: 22px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-value[class] {
  overflow: hidden;
  display: grid;
  grid-template-columns: 20px auto;
}
.druids_facets_facet-value__checkbox {
  display: flex;
  align-items: center;
  padding: 4px 2px;
  vertical-align: middle;
  line-height: 0;
}
.druids_facets_facet-value__checkbox--is-highlighted {
  border-radius: 4px;
  background-color: var(--ui-interaction-secondary);
}
.druids_facets_facet-value--is-disabled .druids_facets_facet-value__checkbox--is-highlighted {
  background-color: unset;
}
.druids_facets_facet-value__action {
  outline-offset: -2px;
}
.druids_facets_facet-value__action--is-highlighted[class] {
  border-radius: 4px;
  background-color: var(--ui-interaction-secondary);
}
.druids_facets_facet-value--is-disabled .druids_facets_facet-value__action--is-highlighted[class] {
  background-color: unset;
}
.druids_facets_facet-value__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  text-decoration: none;
}
.druids_facets_facet-value__content[class] {
  padding: 4px 4px 4px 3px;
}
.druids_facets_facet-value__content__label {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.druids_facets_facet-value__content__label__pill {
  margin-right: 4px;
  max-height: 15px;
}
.druids_facets_facet-value__content__label__color-marker {
  flex-shrink: 0;
  box-sizing: border-box;
  margin-right: 4px;
  border-radius: 4px;
  width: 5px;
  height: 16px;
}
.druids_facets_facet-value__content__action-indicator {
  max-width: 40px;
  padding-right: 8px;
}
.druids_facets_facet-value__content__count {
  max-width: 45px;
}
.druids_facets_facet-value__content__action-indicator[class],
.druids_facets_facet-value__content__count[class] {
  text-align: right;
  color: var(--ui-text-secondary);
  font-size: 12px;
}
.druids_facets_facet-value--is-disabled .druids_facets_facet-value__content__action-indicator[class],
.druids_facets_facet-value--is-disabled .druids_facets_facet-value__content__count[class] {
  color: var(--ui-text-disabled);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-values {
  --default-facet-values-container-height: 221px;
  --facet-description-width: 300px;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 8px 0 6px;
  outline: none !important;
}
.druids_facets_facet-values__more-values {
  width: 100%;
  text-align: start;
  padding-left: 2px;
  color: var(--ui-interaction-primary);
  border-radius: 4px;
  height: 24px;
}
.druids_facets_facet-values__more-values:hover,
.druids_facets_facet-values__more-values.focus-visible {
  background-color: var(--ui-interaction-secondary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_druids-ui_facet-buttons--full-width {
  padding: 0 8px 8px 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet {
  --default-facet-values-container-height: 221px;
  --facet-description-width: 300px;
}
.druids_facets_facet__values-group {
  padding-bottom: 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-description {
  --default-facet-values-container-height: 221px;
  --facet-description-width: 300px;
}
.druids_facets_facet-description__panel {
  background-color: var(--ui-background-elevated);
  padding: 16px;
}
.druids_facets_facet-description__panel--on-right[class],
.druids_facets_facet-description__panel--on-left[class] {
  height: var(--default-facet-values-container-height);
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.druids_facets_facet-description__panel--on-right[class] {
  border-left: 1px solid var(--ui-border);
}
.druids_facets_facet-description__panel--on-left[class] {
  order: -1;
  border-right: 1px solid var(--ui-border);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_facet-group {
  --facet-group-background: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  --facet-group-background-hover: var(--LIGHT, #e2e5ed) var(--DARK, #65626a);
  --facet-group-background-active: var(--LIGHT, #c2c8dd) var(--DARK, #726e77);
}
.druids_facets_facet-group__header {
  display: flex;
  border-radius: 4px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 11px;
  padding: 4px 8px;
  margin-bottom: 4px;
  text-transform: uppercase;
  color: var(--ui-text-secondary);
  background-color: var(--facet-group-background);
  cursor: pointer;
}
.druids_facets_facet-group__header:hover {
  background-color: var(--facet-group-background-hover);
}
.druids_facets_facet-group__header:active {
  background-color: var(--facet-group-background-active);
}
.druids_facets_facet-group__header__icon {
  position: relative;
  color: var(--ui-text-secondary);
  margin-right: 4px;
  transition: transform 0.125s ease;
  transform: rotateZ(0deg);
}
.druids_facets_facet-group__header--is-open .druids_facets_facet-group__header__icon {
  transform: rotateZ(90deg);
}

.placeholder_JiJoua_Placeholder{background:var(--ui-placeholder);max-width:100%}.placeholder_JiJoua_isCircle{border-radius:100%}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_input-select-skeleton {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --_input-select-skeleton-input-font-size: 13px;
  --_input-select-skeleton-input-margin-top: calc(4px * -1);
  --_input-select-skeleton-input-margin-right: 4px;
  --_input-select-skeleton-input-margin-bottom: 0px;
  --_input-select-skeleton-input-margin-left: 8px;
  --_input-select-skeleton-input-arrow-margin-top: 2px;
  --_input-select-skeleton-label-inline-padding: 2px;
  --_input-select-skeleton-handle-margin-top: 0;
}
.druids_form_input-select-skeleton--is-full-width {
  width: 100%;
}
.druids_form_input-select-skeleton__handle {
  position: relative;
  outline: none;
  cursor: pointer;
  display: inline-flex;
  margin-top: var(--_input-select-skeleton-handle-margin-top);
}
.druids_form_input-select-skeleton__handle-fieldset {
  display: flex;
  flex: 1;
  margin: 0;
  padding: 0;
  border: 1px solid var(--form-border);
  border-radius: 4px;
  background-color: var(--ui-background);
  min-width: var(--custom-min-content-width);
  max-width: var(--custom-max-content-width);
  width: fit-content;
}
.druids_form_input-select-skeleton__handle-fieldset--is-selected {
  border-color: var(--ui-interaction-primary);
  color: var(--ui-interaction-primary);
}
.druids_form_input-select-skeleton__handle-fieldset--is-selected .druids_form_input-select-skeleton__handle-caret-down-icon {
  color: inherit;
}
.druids_form_input-select-skeleton__handle-fieldset--is-disabled {
  cursor: not-allowed;
  box-shadow: none;
  user-select: none;
  border-color: var(--ui-text-disabled);
  background-color: var(--form-background-disabled);
  color: var(--ui-text-disabled);
}
.druids_form_input-select-skeleton__handle-fieldset--is-disabled .druids_form_input-select-skeleton__handle-caret-down-icon {
  color: inherit;
}
.druids_form_input-select-skeleton__handle-fieldset:not(.druids_form_input-select-skeleton__handle-fieldset--is-disabled) .druids_form_input-select-skeleton__handle-input-text--is-placeholder,
.druids_form_input-select-skeleton__handle-fieldset:not(.druids_form_input-select-skeleton__handle-fieldset--is-disabled) .druids_form_input-select-skeleton__handle-input-overflower--is-placeholder {
  color: var(--form-text-placeholder);
}
.druids_form_input-select-skeleton__handle-fieldset:not(.druids_form_input-select-skeleton__handle-fieldset--is-disabled) .druids_form_input-select-skeleton__handle-input-placeholder {
  color: var(--form-text-placeholder);
}
.druids_form_input-select-skeleton__handle-input {
  margin: var(--_input-select-skeleton-input-margin-top) var(--_input-select-skeleton-input-margin-right) var(--_input-select-skeleton-input-margin-bottom) var(--_input-select-skeleton-input-margin-left);
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: var(--_input-select-skeleton-input-font-size);
  align-items: flex-start;
}
.druids_form_input-select-skeleton__handle-input-text {
  font-family: inherit;
  font-size: var(--_input-select-skeleton-input-font-size);
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}
.druids_form_input-select-skeleton__handle-input-prefix {
  color: var(--ui-text-secondary);
}
.druids_form_input-select-skeleton__handle-input-overflower {
  color: inherit;
  line-height: normal;
}
.druids_form_input-select-skeleton__handle--size-xs {
  --_input-select-skeleton-input-font-size: 11px;
  --_input-select-skeleton-input-margin-top: calc(4px * -2);
  --_input-select-skeleton-input-margin-bottom: 2px;
}
.druids_form_input-select-skeleton__handle--size-sm {
  --_input-select-skeleton-input-font-size: 12px;
  --_input-select-skeleton-input-margin-top: calc(4px * -1.5);
  --_input-select-skeleton-input-margin-bottom: 2px;
}
.druids_form_input-select-skeleton__handle--size-md.druids_form_input-select-skeleton__handle--tags-variant {
  --_input-select-skeleton-input-margin-top: calc(2px * -3);
  --_input-select-skeleton-input-margin-bottom: 2px;
}
.druids_form_input-select-skeleton__handle--size-lg {
  --_input-select-skeleton-input-font-size: 15px;
  --_input-select-skeleton-input-margin-top: calc(2px * -1.5);
  --_input-select-skeleton-input-margin-bottom: 4px;
}
.druids_form_input-select-skeleton__handle-label {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  text-align: left;
  font-size: 11px;
  color: var(--ui-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: calc(var(--_input-select-skeleton-input-margin-left) - var(--_input-select-skeleton-label-inline-padding));
  margin-right: calc(var(--_input-select-skeleton-input-margin-left) - var(--_input-select-skeleton-label-inline-padding));
  padding-left: var(--_input-select-skeleton-label-inline-padding);
  padding-right: var(--_input-select-skeleton-label-inline-padding);
  padding-bottom: 4px;
  max-width: calc(100% - 2 * (var(--_input-select-skeleton-input-margin-left) - var(--_input-select-skeleton-label-inline-padding)));
}
.druids_form_input-select-skeleton__handle-caret-down-wrapper {
  align-self: center;
  pointer-events: none;
}
.druids_form_input-select-skeleton__handle-caret-down-icon {
  color: var(--ui-icon);
  margin-left: 8px;
  margin-top: var(--_input-select-skeleton-input-arrow-margin-top, 0);
}
.druids_form_input-select-skeleton__handle--has-label {
  --_input-select-skeleton-handle-margin-top: -9px;
}
.druids_form_input-select-skeleton__handle--is-full-width {
  width: 100%;
}
.druids_form_input-select-skeleton__handle--is-full-width .druids_form_input-select-skeleton__handle-fieldset {
  width: 100%;
  max-width: none;
}
.druids_form_input-select-skeleton__handle--is-open {
  visibility: hidden;
}
.druids_form_input-select-skeleton__handle:hover .druids_form_input-select-skeleton__handle-fieldset:not(
                .druids_form_input-select-skeleton__handle-fieldset--is-disabled
            ) {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
}
.druids_form_input-select-skeleton__handle:hover .druids_form_input-select-skeleton__handle-fieldset:not(
                .druids_form_input-select-skeleton__handle-fieldset--is-disabled
            ):not(.druids_form_input-select-skeleton--is-selected) {
  border-color: var(--form-border-hover);
}
.druids_form_input-select-skeleton__handle:focus-visible .druids_form_input-select-skeleton__handle-fieldset {
  border-color: var(--form-border-focus);
  box-shadow: 0 0 3px var(--form-shadow-focus);
  background-color: var(--form-background-focus);
}
.druids_form_input-select-skeleton__popover {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --_input-select-skeleton-popover-min-width: 200px;
  --_input-select-skeleton-popover-max-width: 600px;
  max-width: var(--_input-select-skeleton-popover-max-width);
  min-width: var(--_input-select-skeleton-popover-min-width);
  box-shadow: none;
  background: none;
}
.druids_form_input-select-skeleton__popover-content {
  --_input-select-skeleton-input-font-size: 13px;
  --_input-select-skeleton-input-margin-top: calc(4px * -1);
  --_input-select-skeleton-input-margin-right: 4px;
  --_input-select-skeleton-input-margin-bottom: 0px;
  --_input-select-skeleton-input-margin-left: 8px;
  --_input-select-skeleton-input-arrow-margin-top: 2px;
  --_input-select-skeleton-label-inline-padding: 2px;
  --_input-select-skeleton-handle-margin-top: 0;
  --_input-select-skeleton-popover-input-wrapper-padding-bottom: 3.33px;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 0;
  border: 1px solid var(--form-border-focus);
  border-radius: 4px;
  min-width: var(--_input-select-skeleton-popover-min-width);
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
  background-color: var(--ui-interaction-secondary);
}
.druids_form_input-select-skeleton__popover-content--tags-variant {
  background-color: var(--ui-background);
}
.druids_form_input-select-skeleton__popover-content__loading-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
.druids_form_input-select-skeleton__popover-content__label {
  font-size: calc(11px * 0.9);
  line-height: 11px;
  color: var(--ui-interaction-primary-contrast);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: calc(var(--_input-select-skeleton-input-margin-left) - var(--_input-select-skeleton-label-inline-padding));
  margin-right: calc(var(--_input-select-skeleton-input-margin-left) - var(--_input-select-skeleton-label-inline-padding));
  margin-bottom: 2px;
  padding-left: var(--_input-select-skeleton-label-inline-padding);
  padding-right: var(--_input-select-skeleton-label-inline-padding);
  padding-bottom: calc(4px + 1.33px);
  max-width: calc(100% - 2 * (var(--_input-select-skeleton-input-margin-left) - var(--_input-select-skeleton-label-inline-padding)));
  animation: scaleDownInputSelectSkeletonLabel 0.15s;
}
@keyframes scaleDownInputSelectSkeletonLabel {
  0% {
    font-size: 11px;
  }
  100% {
    font-size: calc(11px * 0.9);
  }
}
.druids_form_input-select-skeleton__popover-content__input-content-wrapper {
  width: 100%;
  height: 100%;
}
.druids_form_input-select-skeleton__popover-content__input-wrapper {
  margin: var(--_input-select-skeleton-input-margin-top) var(--_input-select-skeleton-input-margin-right) var(--_input-select-skeleton-input-margin-bottom) var(--_input-select-skeleton-input-margin-left);
  padding-bottom: var(--_input-select-skeleton-popover-input-wrapper-padding-bottom);
  min-width: 0;
  font-size: var(--_input-select-skeleton-input-font-size);
  cursor: pointer;
}
.druids_form_input-select-skeleton__popover-content__input {
  min-width: 0;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
.druids_form_input-select-skeleton__popover-content__input-text {
  font-family: inherit;
  font-size: var(--_input-select-skeleton-input-font-size);
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  cursor: text;
}
.druids_form_input-select-skeleton__popover-content__input-text:focus-visible {
  box-shadow: none;
  outline: none;
}
.druids_form_input-select-skeleton__popover-content__input-text::placeholder {
  color: var(--form-text-placeholder);
}
.druids_form_input-select-skeleton__popover-content__input-prefix {
  color: var(--ui-text-secondary);
}
.druids_form_input-select-skeleton__popover-content__input-overflower {
  color: inherit;
  line-height: normal;
}
.druids_form_input-select-skeleton__popover-content__content-wrapper {
  border-top: 1px solid var(--ui-border);
  background-color: var(--ui-background);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_form_input-select-skeleton__popover-content--size-xs {
  --_input-select-skeleton-input-font-size: 11px;
  --_input-select-skeleton-input-margin-bottom: 2px;
  --_input-select-skeleton-input-margin-top: calc(4px * -2);
  --_input-select-skeleton-popover-input-wrapper-padding-bottom: 0;
}
.druids_form_input-select-skeleton__popover-content--size-sm {
  --_input-select-skeleton-input-font-size: 12px;
  --_input-select-skeleton-input-margin-bottom: 2px;
  --_input-select-skeleton-input-margin-top: calc(4px * -1.5);
  --_input-select-skeleton-popover-input-wrapper-padding-bottom: 1.72px;
}
.druids_form_input-select-skeleton__popover-content--size-lg {
  --_input-select-skeleton-input-font-size: 15px;
  --_input-select-skeleton-input-margin-bottom: 4px;
  --_input-select-skeleton-input-margin-top: calc(2px * -1.5);
  --_input-select-skeleton-popover-input-wrapper-padding-bottom: 3.72px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_time-pill {
  --soft-gray-pill-bg: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --soft-gray-pill-text: var(--ui-text-secondary);
  display: inline-block;
  cursor: default;
  line-height: 1.5;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  text-align: center;
  background-color: var(--soft-gray-pill-bg);
  color: var(--soft-gray-pill-text);
  position: relative;
  border-radius: 4px;
  outline: var(--CONTRAST_DEFAULT, none) var(--CONTRAST_HIGH, 1px solid var(--ui-border));
  outline-offset: -1px;
}
.druids_pills_time-pill__icon {
  position: relative;
  top: 1px;
}
.druids_pills_time-pill--success {
  background-color: var(--ui-status-success);
  color: var(--ui-text-knockout);
}
.druids_pills_time-pill--xs {
  font-size: 11px;
  padding: 0 3px;
}
.druids_pills_time-pill--sm {
  font-size: 12px;
  padding: 0 4px;
}
.druids_pills_time-pill--md {
  font-size: 13px;
  padding: 0 4px;
}
.druids_pills_time-pill--lg {
  font-size: 15px;
  padding: 0 6px;
}
.druids_pills_time-pill--is-full-width {
  width: 100%;
}

.druids_facets_inline-facet_menu-option--is-content-active .druids_facets_facet-value__content__label > .druids_typography_text {
  color: var(--ui-interaction-primary);
}
.druids_facets_inline-facet_menu-option--is-checkbox-active .druids_form_checkbox__icon {
  color: var(--ui-interaction-primary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_inline-facet_menu-list {
  margin: 0;
  padding: 4px;
  flex: 1;
  list-style: none;
  min-width: 150px;
}
.druids_facets_inline-facet_menu-list--is-single-select {
  /* Match TemplateVariablesSelect single-select behavior:
         * hide the checkbox column and let the content span full width.
         */
}
.druids_facets_inline-facet_menu-list--is-single-select .druids_facets_facet-value {
  grid-template-columns: auto;
}
.druids_facets_inline-facet_menu-list--is-single-select .druids_facets_facet-value__checkbox {
  display: none;
}
.druids_facets_inline-facet_menu-list__description {
  cursor: initial;
}
.druids_facets_inline-facet_menu-list__group-heading {
  font-size: 11px;
  padding: 8px 4px 4px;
  margin: 0;
  color: var(--ui-text-secondary);
  text-transform: uppercase;
}
.druids_facets_inline-facet_menu-list__group-heading--is-divided {
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid var(--ui-border);
}
.druids_facets_inline-facet_menu-list__limited-text {
  font-size: 11px;
  line-height: normal;
  color: var(--ui-text-disabled);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_inline-facet_menu {
  position: relative;
  background-color: var(--ui-background);
  border-radius: 0 0 4px 4px;
}
.druids_facets_inline-facet_menu .druids_facets_facet-value__content__label .druids_typography_text {
  white-space: normal;
  overflow-wrap: break-word;
}
.druids_facets_inline-facet_menu__empty-message {
  font-size: 12px;
  text-align: center;
  color: var(--ui-text-secondary);
  padding: 4px 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.react-calendar {
  --calendar-selected-range-background: var(--LIGHT, #eaf6fc) var(--DARK, #09245b);
  --calendar-month-arrow-icon: var(--LIGHT, #6a7287) var(--DARK, #858387);
  width: 250px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
.react-calendar .react-calendar__navigation {
  display: flex;
  justify-content: space-between;
  padding-top: 0;
}
.react-calendar .react-calendar__navigation__label {
  flex-grow: 0 !important;
}
.react-calendar .druids_time_calendar__navigation {
  height: 28px;
  padding: 0px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.react-calendar .druids_time_calendar__navigation:hover {
  background-color: var(--calendar-selected-range-background);
  border-radius: 4px;
}
.react-calendar__navigation__arrow,
.react-calendar__navigation__label,
.react-calendar__tile {
  margin: 0;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  cursor: pointer;
}
html:not(.js-focus-visible) .react-calendar__navigation__arrow:focus,
html:not(.js-focus-visible) .react-calendar__navigation__label:focus,
html:not(.js-focus-visible) .react-calendar__tile:focus {
  outline: none;
}
html.js-focus-visible .react-calendar__navigation__arrow:focus:not(.focus-visible),
html.js-focus-visible .react-calendar__navigation__label:focus:not(.focus-visible),
html.js-focus-visible .react-calendar__tile:focus:not(.focus-visible) {
  outline: none;
}
.react-calendar__navigation__arrow:disabled,
.react-calendar__navigation__label:disabled,
.react-calendar__tile:disabled {
  pointer-events: none;
}
.react-calendar__month-view__weekdays__weekday > abbr,
.react-calendar__tile > abbr {
  text-decoration: none;
}
.react-calendar__navigation {
  margin: 0;
  padding: 8px 4px;
}
.react-calendar__navigation__label {
  font-weight: 600;
  color: var(--ui-text);
  background-color: inherit;
  font-size: 15px;
  padding: 0;
  border: 0;
}
.react-calendar__navigation__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  background-color: inherit;
  border: 0;
  color: var(--calendar-month-arrow-icon);
  transition: all 200ms;
}
.react-calendar__navigation__arrow .druids_time_calendar__arrow-icon {
  transform: scale(1);
  transition: transform 200ms;
}
.react-calendar__navigation__arrow:hover,
.react-calendar__navigation__arrow:active {
  border-radius: 4px;
}
.react-calendar__navigation__arrow:hover {
  background-color: var(--ui-interaction-secondary);
  color: var(--ui-interaction-primary);
  transition: all 200ms;
}
.react-calendar__navigation__arrow:hover .druids_time_calendar__arrow-icon {
  transform: scale(1.08);
  transition: transform 200ms;
}
.react-calendar__navigation__arrow:active {
  background-color: var(--ui-interaction-secondary-contrast);
  color: var(--ui-interaction-primary-contrast);
  transition: all 200ms;
}
.react-calendar__navigation__arrow:disabled {
  visibility: hidden;
}
.react-calendar__tile {
  position: relative;
  border: 0;
  border-top: 1px solid transparent;
  padding: 8px;
  background-color: inherit;
  font-size: 12px;
  color: var(--ui-text);
  z-index: 0;
}
@media (forced-colors: active) {
  .react-calendar__tile {
    border-width: 0;
  }
}
.react-calendar__tile::before,
.react-calendar__tile::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
.react-calendar__tile::before {
  z-index: -1;
  width: 100%;
  height: 100%;
}
.react-calendar__tile::after {
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: 4px;
  transform: scale(0.93);
  transition: transform 100ms;
}
@media (forced-colors: active) {
  .react-calendar__tile::after {
    border-width: 1px;
  }
}
.react-calendar__tile--now::after {
  border-color: var(--ui-text-secondary);
  border-width: 1px;
  transform: scale(1);
}
@media (forced-colors: active) {
  .react-calendar__tile--now::after {
    border-style: dotted;
  }
}
.react-calendar--selectRange .react-calendar__tile--hover::before,
.react-calendar__tile--active::before {
  background-color: var(--calendar-selected-range-background);
}
.react-calendar--selectRange .react-calendar__tile--hover:not(.react-calendar__tile--rangeStart):not(
                .react-calendar__tile--rangeEnd
            )::before,
.react-calendar__tile--active:not(.react-calendar__tile--rangeStart):not(
                .react-calendar__tile--rangeEnd
            )::before {
  height: calc(100% - (4px * 2));
  top: 4px;
}
.react-calendar__tile--rangeStart::before,
.react-calendar__tile--rangeEnd::before,
.react-calendar__tile:hover::before {
  background-color: transparent;
}
.react-calendar__tile--rangeStart::after,
.react-calendar__tile--rangeEnd::after,
.react-calendar__tile:hover::after {
  border-color: var(--ui-interaction-primary);
  border-width: 2px;
  border-style: solid;
  transform: scale(1);
  transition: transform 100ms;
}
.react-calendar__tile--rangeStart,
.react-calendar__tile--rangeEnd {
  color: var(--ui-text-knockout);
}
.react-calendar__tile--rangeStart::before,
.react-calendar__tile--rangeEnd::before {
  background-color: var(--ui-interaction-primary) !important;
  border-radius: 4px;
}
.react-calendar__tile--rangeStart:hover::after,
.react-calendar__tile--rangeEnd:hover::after {
  border-color: var(--ui-interaction-primary-contrast);
}
@media (forced-colors: active) {
  .react-calendar__tile--rangeStart::after,
  .react-calendar__tile--active::after,
  .react-calendar__tile--rangeEnd::after {
    border-width: 2px;
    border-color: Highlight;
  }
}
.react-calendar__tile:disabled {
  color: var(--ui-text-disabled);
}
@media (forced-colors: active) {
  .react-calendar__tile:disabled::after {
    border-width: 0;
  }
}
.react-calendar__month-view__weekdays__weekday {
  font-size: 11px;
  color: var(--ui-text-secondary);
  text-align: center;
  padding: 4px;
}
.react-calendar__month-view__days__day--neighboringMonth {
  visibility: hidden;
}
.react-calendar--selectRange button:nth-of-type(7n + 1).react-calendar__tile--hover::before,
.react-calendar--selectRange .react-calendar__month-view__days__day--neighboringMonth + .react-calendar__tile--hover::before,
button:nth-of-type(7n + 1).react-calendar__tile--active::before,
.react-calendar__month-view__days__day--neighboringMonth + .react-calendar__tile--active::before {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.react-calendar--selectRange button:nth-of-type(7n).react-calendar__tile--hover::before,
button:nth-of-type(7n).react-calendar__tile--active::before {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_inline-facet--type-date-range {
  padding-bottom: 4px;
}
.druids_facets_inline-facet--type-date-range__time-pill {
  width: 44px;
}
.druids_facets_inline-facet--type-date-range__calendar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.druids_facets_inline-facet--type-date-range__calendar-body {
  display: flex;
  width: 100%;
}
.druids_facets_inline-facet--type-date-range__menu {
  --inline-facet-date-range-popover-min-width: 245px;
  min-width: var(--inline-facet-date-range-popover-min-width);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_facets_inline-facet--type-range {
  padding-bottom: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}body,
.druids-theme-root {
  --inline-facet-group-more-facets-background: var(--LIGHT, #eff1f5) var(--DARK, #3b393d);
}
.druids_facets_inline-facet-group__additional-facets__handle {
  /* inherits whatever was defined in the parent flex */
  margin-left: inherit;
  /* We don't want a btn lockup in this group */
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
}
.druids_facets_inline-facet-group__additional-facets__scrollable-section {
  max-height: calc(36px * 16 + 8px);
  overflow-y: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.druids_facets_inline-facet-group__additional-facets__scrollable-section--more-facets-displayed {
  padding-bottom: 4px;
}
.druids_facets_inline-facet-group__additional-facets__scrollable-section > * {
  flex-shrink: 0;
}
.druids_facets_inline-facet-group__additional-facets__scrollable-section--small {
  max-height: calc(36px * 11.6 + 8px);
}
.druids_facets_inline-facet-group__additional-facets__scroll-shadow {
  --shadow-size: 16px;
  position: absolute;
  height: var(--shadow-size);
  width: 250px;
  z-index: 10;
  visibility: hidden;
}
.druids_facets_inline-facet-group__additional-facets__scroll-shadow--top {
  box-shadow: inset 0 var(--shadow-size) var(--shadow-size) calc(-1 * var(--shadow-size)) var(--ui-shadow-strength);
}
.druids_facets_inline-facet-group__additional-facets__scroll-shadow--bottom {
  bottom: 0;
  box-shadow: inset 0 calc(-1 * var(--shadow-size)) var(--shadow-size) calc(-1 * var(--shadow-size)) var(--ui-shadow-strength);
}
.druids_facets_inline-facet-group__additional-facets__scroll-shadow--bottom-shifted {
  bottom: calc(36px + 2 * 4px);
  box-shadow: inset 0 calc(-1 * var(--shadow-size)) var(--shadow-size) calc(-1 * var(--shadow-size)) var(--ui-shadow-strength);
}
.druids_facets_inline-facet-group__additional-facets__scroll-shadow--is-visible {
  visibility: visible;
}
.druids_facets_inline-facet-group__additional-facets__more-facets-footer,
.druids_facets_inline-facet-group__additional-facets__add-facet-footer {
  position: relative;
  bottom: 0;
  width: 100%;
  background-color: var(--ui-background-secondary);
}
.druids_facets_inline-facet-group__additional-facets__more-facets-footer__button,
.druids_facets_inline-facet-group__additional-facets__add-facet-footer__button {
  height: 36px;
  border-left: 2px solid transparent;
  border-radius: 4px;
  background-color: var(--inline-facet-group-more-facets-background);
  width: 100%;
}
.druids_facets_inline-facet-group__additional-facets__more-facets-footer__button:hover,
.druids_facets_inline-facet-group__additional-facets__add-facet-footer__button:hover {
  background: var(--ui-interaction-secondary);
  cursor: pointer;
}
.druids_facets_inline-facet-group__additional-facets__row {
  height: 36px;
  border-left: 2px solid transparent;
  border-radius: 4px;
}
.druids_facets_inline-facet-group__additional-facets__row:hover {
  background: var(--ui-interaction-secondary);
  cursor: pointer;
}
.druids_facets_inline-facet-group__additional-facets__row--displayed {
  --inline-facet-group-displayed-facet-background: var(--LIGHT, #f9fafb) var(--DARK, #1d1c1f);
  border-left: 3px solid var(--ui-interaction-primary);
  background-color: var(--inline-facet-group-displayed-facet-background);
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.druids_facets_inline-facet-group__additional-facets__row--displayed:hover {
  background-color: var(--inline-facet-group-displayed-facet-background);
  cursor: default;
}
.druids_facets_inline-facet-group__additional-facets__more-facets-view__group-header {
  --inline-facet-group-group-header-background: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  background: var(--inline-facet-group-group-header-background);
  border-radius: 4px;
}
.druids_facets_inline-facet-group__additional-facets__default-view__more-results-text {
  border-radius: 4px;
  background-color: var(--inline-facet-group-more-facets-background);
  padding: 4px 0;
}
.druids_facets_inline-facet-group__additional-facets__description-layout--on-right {
  border-left: 1px solid var(--ui-border);
}
.druids_facets_inline-facet-group__additional-facets__description-layout--on-left {
  border-right: 1px solid var(--ui-border);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_editable-text-placeholder {
  pointer-events: none;
  user-select: none;
  color: var(--form-text-placeholder);
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  display: inline;
  letter-spacing: unset;
  line-height: 1.45;
  cursor: text;
}
.druids_editable-text-placeholder--is-disabled {
  color: var(--form-text-disabled);
}

.feedback_bqmHlW_ThankYouMessage{max-width:150px}
@keyframes druids-file-input-arrow-move-first {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes druids-file-input-arrow-move-second {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.druids_form_file-input:hover .druids_form_file-input-animated-icon__arrow1 {
  animation: druids-file-input-arrow-move-first 1.4s cubic-bezier(0.45, 0, 0.55, 1);
}
.druids_form_file-input:hover .druids_form_file-input-animated-icon__arrow2 {
  animation: druids-file-input-arrow-move-second 1.4s cubic-bezier(0.45, 0, 0.55, 1);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_file-input-dropzone {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  border-radius: 4px;
  border: 1px dashed var(--ui-interaction-primary);
  flex: 1 1 0;
  width: 100%;
  background-color: var(--form-background);
}
.druids_form_file-input-dropzone:hover:not(.druids_form_file-input-dropzone--is-disabled),
.druids_form_file-input-dropzone--is-dragged {
  background: var(--ui-interaction-secondary);
}
.druids_form_file-input-dropzone--is-disabled {
  border: 1px dashed var(--ui-border);
  background-color: var(--form-background-disabled);
}
.druids_form_file-input-dropzone:active:not(.druids_form_file-input-dropzone--is-disabled) {
  background: var(--ui-interaction-secondary-contrast);
}
.druids_form_file-input-dropzone__icon {
  height: 36px;
  width: 36px;
}

.druids_form_file-input__input {
  display: none;
}
.druids_form_file-input__files-list-container {
  min-height: 0;
  max-height: 50%;
}

.screen-reader-only__zcsnW_ScreenReaderOnly{clip:rect(1px,1px,1px,1px)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.input-color_A7LztG_InputColor{height:calc( 28px  -  8px );width:calc( 28px  -  8px );border-radius: 4px ;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.input-color_A7LztG_InputColor:focus-within{outline:5px auto -webkit-focus-ring-color}.input-color_A7LztG_Input{opacity:0!important;}.input-color_A7LztG_IconWrapper{vertical-align:top;align-items:center;height:100%;display:inline-flex}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_input-plain-date__popover-handle {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  height: 28px;
  border: 1px solid var(--form-border) !important;
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
  --ui-border-radius: 4px;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  background-color: var(--ui-background);
}
.druids_form_input-plain-date--full-width {
  width: 100%;
}
.druids_form_input-plain-date__popover-handle {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --input-shadow-success-focus: var(--_override--input-shadow-success-focus, var(--LIGHT, rgba(65, 196, 100, 0.3)) var(--DARK, rgba(52, 156, 80, 0.8)));
  --input-background-success-focus: var(--_override--input-background-success-focus, var(--ui-status-success-soft));
  --input-border-success: var(--_override--input-border-success, var(--ui-status-success));
  --input-border-success-hover: var(--_override--input-border-success-hover, var(--ui-status-success-contrast));
  --input-border-success-focus: var(--_override--input-border-success-focus, var(--input-border-success-hover));
  --input-shadow-warning-focus: var(--_override--input-shadow-warning-focus, var(--LIGHT, rgba(249, 157, 2, 0.3)) var(--DARK, rgba(204, 144, 34, 0.8)));
  --input-background-warning-focus: var(--_override--input-background-warning-focus, var(--ui-status-warning-soft));
  --input-border-warning: var(--_override--input-border-warning, var(--ui-status-warning));
  --input-border-warning-hover: var(--_override--input-border-warning-hover, var(--ui-status-warning-contrast));
  --input-border-warning-focus: var(--_override--input-border-warning-focus, var(--input-border-warning-hover));
  --input-shadow-danger-focus: var(--_override--input-shadow-danger-focus, var(--LIGHT, rgba(235, 54, 75, 0.3)) var(--DARK, rgba(211, 48, 67, 0.8)));
  --input-background-danger-focus: var(--_override--input-background-danger-focus, var(--ui-status-danger-soft));
  --input-border-danger: var(--_override--input-border-danger, var(--ui-status-danger));
  --input-border-danger-hover: var(--_override--input-border-danger-hover, var(--ui-status-danger-contrast));
  --input-border-danger-focus: var(--_override--input-border-danger-focus, var(--input-border-danger-hover));
  --input-text-disabled: var(--_override--input-text-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-text-disabled))) var(--DARK, var(--CONTRAST_DEFAULT, #49474d) var(--CONTRAST_HIGH, var(--ui-text-disabled))));
  --input-soft-background: var(--_override--input-soft-background, var(--LIGHT, #eff1f5) var(--DARK, #272626));
  --input-soft-text: var(--_override--input-soft-text, var(--LIGHT, #242931) var(--DARK, #e6e4e7));
  --input-soft-text-placeholder: var(--_override--input-soft-text-placeholder, #828ba4);
}
.druids_form_input-plain-date__popover-handle:not([disabled]):hover {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
  border-color: var(--form-border-hover) !important;
}
.druids_form_input-plain-date__popover-handle[disabled] {
  border-color: var(--form-border-disabled) !important;
  background: var(--form-background-disabled) !important;
  color: var(--input-text-disabled) !important;
}
.druids_form_input-plain-date__popover {
  box-shadow: none;
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
}
.druids_form_input-plain-date__popover > .druids_form_input-plain-date__popover {
  border: 1px solid var(--form-border-focus);
  border-radius: 4px;
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_form_input-plain-date__popover-input {
  width: 100%;
  border-bottom: 1px solid var(--form-border);
}
.druids_form_input-plain-date__popover-input .druids_form_input-text__wrapper {
  border: none !important;
  height: 26px;
}
.druids_form_input-plain-date__calendar-wrapper {
  padding: 0 4px 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_contrasting-border {
  --ui-contrasting-border: var(--ui-contrasting-border--fallback, transparent);
  --_border-color--bright: var(--ui-contrasting-border--fallback, transparent);
  --_border-color--dark: var(--ui-contrasting-border--fallback, transparent);
}
.druids_contrasting-border--bright {
  --_border-color--bright: var(--ui-border);
}
.druids_contrasting-border--dark {
  --_border-color--dark: var(--ui-border);
}
.druids_contrasting-border--bright[class],
.druids_contrasting-border--dark[class] {
  --ui-contrasting-border: var(--LIGHT, var(--_border-color--bright)) var(--DARK, var(--_border-color--dark));
}
.druids_contrasting-border--is-dark.druids_contrasting-border--is-bright {
  --ui-contrasting-border: var(--ui-border);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_palette-pill {
  box-sizing: content-box;
  --border-radius: 4px;
  width: var(--width);
  height: var(--height);
  border-radius: var(--border-radius);
}
.druids_pills_palette-pill--has-border {
  --ui-contrasting-border--fallback: var(--ui-background);
  border: 1px solid var(--ui-contrasting-border);
  background: var(--ui-contrasting-border);
}
.druids_pills_palette-pill--xs {
  --width: 23px;
  --height: 12px;
}
.druids_pills_palette-pill--sm {
  --width: 23px;
  --height: 12px;
}
.druids_pills_palette-pill--md {
  --width: 29px;
  --height: 16px;
}
.druids_pills_palette-pill--lg {
  --width: 35px;
  --height: 20px;
}
.druids_pills_palette-pill--is-squared.druids_pills_palette-pill--xs {
  --width: 12px;
  --height: 12px;
}
.druids_pills_palette-pill--is-squared.druids_pills_palette-pill--sm {
  --width: 15px;
  --height: 15px;
}
.druids_pills_palette-pill--is-squared.druids_pills_palette-pill--md {
  --width: 18px;
  --height: 18px;
}
.druids_pills_palette-pill--is-squared.druids_pills_palette-pill--lg {
  --width: 20px;
  --height: 20px;
}
.druids_pills_palette-pill__color {
  flex: 1;
  border-radius: 0;
}
.druids_pills_palette-pill__color:not(:last-child) {
  margin-right: 1px;
}
.druids_pills_palette-pill__color:first-child {
  border-top-left-radius: calc(var(--border-radius) - 1px);
  border-bottom-left-radius: calc(var(--border-radius) - 1px);
}
.druids_pills_palette-pill__color:last-child {
  border-top-right-radius: calc(var(--border-radius) - 1px);
  border-bottom-right-radius: calc(var(--border-radius) - 1px);
}

.druids_form_palette-option-display__option {
  align-items: center;
  display: flex;
}
.druids_form_palette-option-display__option__label {
  flex-grow: 1;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_radio-buttons {
  max-width: 100%;
}
.druids_form_radio-buttons__label {
  transition: user-select 0s 0.1s linear;
  transition-behavior: allow-discrete;
  cursor: pointer;
  border: 0;
  max-width: 100%;
  color: var(--ui-text);
  position: relative;
}
.druids_form_radio-buttons__label:not(:focus),
.druids_form_radio-buttons__label:focus-visible {
  -webkit-user-select: text;
  user-select: text;
}
.druids_form_radio-buttons__label:active {
  -webkit-user-select: none;
  user-select: none;
  transition-delay: 0s;
}
.druids_form_radio-buttons__label[class] {
  height: auto;
}
.druids_form_radio-buttons__label::before {
  float: left;
  width: 0;
  min-width: 0;
  content: '\a0';
  /* nbsp */
}
.druids_form_radio-buttons__label--is-disabled {
  cursor: not-allowed;
}
.druids_form_radio-buttons__label:focus {
  outline: none;
}
.druids_form_radio-buttons__controller {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
.druids_form_radio-buttons__view {
  position: relative;
}
.druids_form_radio-buttons__view::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- This is the default style in Firefox */
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
  visibility: hidden;
  transition: opacity 0s 9999s;
  opacity: 1;
}
input:focus + .druids_form_radio-buttons__view::after {
  visibility: inherit;
}
label:focus > .druids_form_radio-buttons__view::after {
  opacity: 0;
  transition: none;
}
label:not(:hover) > input:not(:focus) + .druids_form_radio-buttons__view::after {
  transition: none;
}
.druids_form_radio-buttons__icon {
  display: block;
}
input:checked + * > .druids_form_radio-buttons__icon--off,
input:not(:checked) + * > .druids_form_radio-buttons__icon--on {
  display: none;
}
.druids_form_radio-buttons__icon--off {
  color: var(--form-border-minor);
}
.druids_form_radio-buttons__label:hover .druids_form_radio-buttons__icon--off {
  color: var(--form-border-hover);
}
.druids_form_radio-buttons__icon--on {
  color: var(--ui-interaction-primary);
}
.druids_form_radio-buttons__label:hover .druids_form_radio-buttons__icon--on {
  color: var(--ui-interaction-primary-contrast);
}
.druids_form_radio-buttons__label--is-disabled .druids_form_radio-buttons__icon[class] {
  color: var(--form-border);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_rich-button {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --rich-button-background-hover: var(--ui-interaction-secondary);
  --rich-button-background-active: var(--LIGHT, #ddf0fa) var(--DARK, #0c182e);
  background-color: var(--ui-background);
  color: var(--ui-text);
  text-align: center;
  border: 1px solid var(--form-border);
  --ui-border-radius: 4px;
  transition: background-color 150ms, border-color 150ms, box-shadow 150ms;
}
.druids_form_rich-button:hover {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 5px var(--ui-shadow-strength);
}
.druids_form_rich-button:hover,
.druids_form_rich-button--is-selected {
  background-color: var(--rich-button-background-hover);
  border-color: var(--ui-interaction-primary);
}
.druids_form_rich-button--is-selected.druids_form_rich-button--selected-style-knockout {
  background-color: var(--ui-interaction-primary);
}
.druids_form_rich-button:active {
  background-color: var(--rich-button-background-active);
  border-color: var(--ui-interaction-primary-contrast);
  transition: border-color 150ms, box-shadow 150ms;
}
.druids_form_rich-button--is-selected {
  color: var(--ui-interaction-primary);
  box-shadow: inset 0 0 0 1px var(--ui-interaction-primary), 0 0 0 1px var(--ui-interaction-primary);
  --ui-group-elevation: var(--ui-group-elevation--primary);
}
.druids_form_rich-button--is-selected:hover {
  box-shadow: inset 0 0 0 1px var(--ui-interaction-primary), 0 0 0 1px var(--ui-interaction-primary), 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 5px var(--ui-shadow-strength);
}
.druids_form_rich-button--is-selected:active {
  box-shadow: inset 0 0 0 1px var(--ui-interaction-primary-contrast), 0 0 0 1px var(--ui-interaction-primary-contrast);
}
.druids_form_rich-button--is-selected.druids_form_rich-button--selected-style-knockout {
  color: var(--ui-text-knockout);
  box-shadow: none;
}
.druids_form_rich-button--is-selected.druids_form_rich-button--selected-style-knockout:active {
  background-color: var(--ui-interaction-primary-contrast);
}
.druids_form_rich-button--is-disabled[class]:not(.druids_form_rich-button--is-selected) {
  background-color: var(--form-background-disabled);
  border-color: var(--form-border-disabled);
  box-shadow: none;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_form_rich-button--is-disabled[class]:not(.druids_form_rich-button--is-selected) img {
  opacity: 0.35;
}
.druids_form_rich-button--is-disabled[class]:not(.druids_form_rich-button--selected-style-knockout) {
  color: var(--form-text-disabled);
}
.druids_form_rich-button--is-disabled[class].druids_form_rich-button--is-selected:not(.druids_form_rich-button--selected-style-knockout) {
  background-color: var(--form-background-disabled);
  border-color: var(--form-border-disabled);
  box-shadow: inset 0 0 0 1px var(--form-border-disabled), 0 0 0 1px var(--form-border-disabled);
}
.druids_form_rich-button--is-disabled[class].druids_form_rich-button--is-selected.druids_form_rich-button--selected-style-knockout {
  opacity: 0.25;
}
.druids_form_rich-button--is-disabled[class].druids_form_rich-button--is-selected.druids_form_rich-button--selected-style-knockout:active {
  background-color: var(--ui-interaction-primary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_soft-toggle {
  --soft-toggle-background: var(--LIGHT, var(--ui-background-secondary)) var(--DARK, #2c2b2b);
  --soft-toggle-active: var(--LIGHT, var(--ui-background)) var(--DARK, #49474d);
  display: inline-flex;
  background: var(--soft-toggle-background);
  border-radius: 4px;
  height: 28px;
  position: relative;
  padding: 0 2px;
  z-index: 0;
}
.druids_form_soft-toggle__item {
  margin: 1px 0;
  display: flex;
  align-items: center;
  z-index: 1;
  min-width: 0;
  border-radius: 4px;
}
.druids_form_soft-toggle__item__text {
  padding: 0 24px;
  height: 100%;
  display: flex;
  justify-content: center;
}
.druids_form_soft-toggle__item__text:hover:not(.druids_form_soft-toggle--is-disabled) {
  cursor: pointer;
  color: var(--ui-text);
}
.druids_form_soft-toggle__input {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
.druids_form_soft-toggle__item:has( > .druids_form_soft-toggle__item__text > .druids_form_soft-toggle__input:focus.focus-visible) {
  --_focus-ring-default-color: var(--LIGHT, #0953bf) var(--DARK, #579fdd);
  outline-offset: -2px;
  outline-width: 3px;
  outline-color: var(--_focus-ring-default-color);
  outline-style: solid;
  box-shadow: inset 0 0 0 3px var(--ui-background);
}
*:checked + .druids_form_soft-toggle__content {
  color: var(--ui-interaction-primary);
}
.druids_form_soft-toggle__label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.druids_form_soft-toggle__indicator {
  position: absolute;
  background: var(--soft-toggle-active);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.32), 0px 0px 1px rgba(0, 0, 0, 0.1);
  z-index: 0;
  top: 2px;
  bottom: 2px;
  cursor: default;
  border-radius: 4px;
  width: var(--indicator-width);
  transform: translateX(var(--indicator-left));
  transition: transform 0.15s cubic-bezier(0.42, 0, 0.58, 1), width 0.15s cubic-bezier(0.42, 0, 0.58, 1);
}
@media (forced-colors: active) {
  .druids_form_soft-toggle__indicator {
    outline: 2px solid Highlight;
  }
}
.druids_form_soft-toggle--no-transition .druids_form_soft-toggle__indicator {
  transition: none;
}
.druids_form_soft-toggle--full-width {
  width: 100%;
  display: flex;
}
.druids_form_soft-toggle--full-width .druids_form_soft-toggle__item {
  flex-grow: 1;
  justify-content: center;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_form_switch {
  --switch-track-fill: var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text-tertiary));
  display: inline-flex;
  align-items: center;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
  color: var(--ui-text);
}
.druids_form_switch__label {
  color: var(--ui-text-tertiary);
}
.druids_form_switch__label--is-active {
  color: var(--ui-text);
}
.druids_form_switch__label:not(.druids_form_switch__label--is-active) {
  cursor: pointer;
}
.druids_form_switch--is-disabled > button {
  cursor: not-allowed;
}
.druids_form_switch--is-disabled .druids_form_switch__label {
  color: var(--ui-text-disabled);
  cursor: not-allowed;
}
.druids_form_switch--xs {
  font-size: 11px;
}
.druids_form_switch--xs .druids_form_switch__label--left {
  padding-right: 6px;
}
.druids_form_switch--xs .druids_form_switch__label--right {
  padding-left: 6px;
}
.druids_form_switch--sm {
  font-size: 12px;
}
.druids_form_switch--sm .druids_form_switch__label--left {
  padding-right: 7px;
}
.druids_form_switch--sm .druids_form_switch__label--right {
  padding-left: 7px;
}
.druids_form_switch--md {
  font-size: 13px;
}
.druids_form_switch--md .druids_form_switch__label--left {
  padding-right: 8px;
}
.druids_form_switch--md .druids_form_switch__label--right {
  padding-left: 8px;
}
.druids_form_switch--lg {
  font-size: 15px;
}
.druids_form_switch--lg .druids_form_switch__label--left {
  padding-right: 10px;
}
.druids_form_switch--lg .druids_form_switch__label--right {
  padding-left: 10px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_text-color-pill {
  box-sizing: content-box;
  border: 1px solid var(--ui-background);
  width: 19px;
  height: 16px;
  border-radius: 4px;
}
.druids_pills_text-color-pill__text-icon {
  width: 9px;
  height: 10px;
}

.druids_form_text-color-select__label {
  flex-grow: 1;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_internals_dotted-background {
  --_dotted-background-dot-color-success: var(--LIGHT, #96dda2) var(--DARK, #1e592c);
  --_dotted-background-dot-color-danger: var(--LIGHT, #fdc0c7) var(--DARK, #a62536);
  --_dotted-background-reversed-background: var(--LIGHT, rgba(29, 28, 31, 0.7)) var(--DARK, rgba(29, 28, 31, 0));
  --_dotted-background-dot-color: var(--CONTRAST_DEFAULT, var(--ui-border)) var(--CONTRAST_HIGH, var(--ui-border-elevated));
  background-image: radial-gradient(var(--dotted-background-dot-color, var(--_dotted-background-dot-color)) 1px, var(--ui-background) 1px);
  background-size: 10px 10px;
  pointer-events: none;
  position: relative;
}
.druids_internals_dotted-background--success {
  --_dotted-background-dot-color: var(--_dotted-background-dot-color-success);
}
.druids_internals_dotted-background--danger {
  --_dotted-background-dot-color: var(--_dotted-background-dot-color-danger);
}
.druids_internals_dotted-background--is-interactive {
  pointer-events: all;
}
.druids_internals_dotted-background__outline {
  box-shadow: 0 0 0 1px var(--_theme-color, var(--ui-border));
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_internals_icon-grid-preview {
  --bounding-box-color: var(--LIGHT, #9dceee) var(--DARK, #184b7f);
  --minor-line-color: var(--LIGHT, rgba(78, 145, 209, 0.2)) var(--DARK, rgba(61, 139, 208, 0.15));
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 32px;
  overflow: hidden;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_internals_icon-grid-preview--keyline-strength-light {
  --major-line-color: var(--LIGHT, #ffcceb) var(--DARK, #66003d);
}
.druids_internals_icon-grid-preview--keyline-strength-heavy {
  --major-line-color: var(--LIGHT, #ff66c2) var(--DARK, #a50063);
}
.druids_internals_icon-grid-preview--is-clipped-to-bounding-box {
  clip-path: inset(15px);
}
.druids_internals_icon-grid-preview > * {
  opacity: 1;
  transition: opacity 400ms, background-color 400ms;
}
.druids_internals_icon-grid-preview:not(:hover):not(.druids_internals_icon-grid-preview--keyline-state-always) > *:not(.druids_internals_icon-grid-preview__grid-lines):not(.druids_internals_icon-grid-preview__cardinal-flowline):not( .druids_internals_icon-grid-preview__bounding-box):not(svg) {
  opacity: 0;
}
.druids_internals_icon-grid-preview svg {
  z-index: 1;
  flex-shrink: 0;
}
.druids_internals_icon-grid-preview__grid-lines,
.druids_internals_icon-grid-preview__cardinal-flowline,
.druids_internals_icon-grid-preview > *:not(.druids_internals_icon-grid-preview__grid-lines)::before,
.druids_internals_icon-grid-preview > *:not(.druids_internals_icon-grid-preview__grid-lines)::after {
  content: '';
  position: absolute;
}
.druids_internals_icon-grid-preview__cardinal-flowline {
  background-color: var(--minor-line-color);
}
.druids_internals_icon-grid-preview__cardinal-flowline--ew {
  width: 100%;
  height: 1px;
  transform: translateY(-0.5px);
}
.druids_internals_icon-grid-preview__cardinal-flowline--ns {
  width: 1px;
  height: 100%;
}
.druids_internals_icon-grid-preview--keyline-state-always.druids_internals_icon-grid-preview--keylines-all .druids_internals_icon-grid-preview__cardinal-flowline,
.druids_internals_icon-grid-preview--keyline-state-always.druids_internals_icon-grid-preview--keylines-cardinal-flowlines .druids_internals_icon-grid-preview__cardinal-flowline,
.druids_internals_icon-grid-preview--keyline-state-hover.druids_internals_icon-grid-preview--keylines-all:hover .druids_internals_icon-grid-preview__cardinal-flowline,
.druids_internals_icon-grid-preview--keyline-state-hover.druids_internals_icon-grid-preview--keylines-cardinal-flowlines:hover .druids_internals_icon-grid-preview__cardinal-flowline {
  background-color: var(--major-line-color);
}
.druids_internals_icon-grid-preview__grid-lines {
  width: 50%;
  height: 50%;
  --grid: 16px;
  background-image: linear-gradient(var(--minor-line-color) 1px, transparent 0), linear-gradient(90deg, var(--minor-line-color) 1px, transparent 0);
  background-size: var(--grid) var(--grid);
  background-position: var(--x-position) var(--y-position);
}
.druids_internals_icon-grid-preview__grid-lines--nw {
  top: 0;
  left: 0;
  --x-position: 100%;
  --y-position: 100%;
}
.druids_internals_icon-grid-preview__grid-lines--ne {
  top: 0;
  right: 0;
  --x-position: -1px;
  --y-position: 100%;
}
.druids_internals_icon-grid-preview__grid-lines--se {
  bottom: 0;
  right: 0;
  --x-position: -1px;
  --y-position: -1px;
}
.druids_internals_icon-grid-preview__grid-lines--sw {
  bottom: 0;
  left: 0;
  --x-position: 100%;
  --y-position: -1px;
}
.druids_internals_icon-grid-preview__bounding-box::before,
.druids_internals_icon-grid-preview__key-shape::before,
.druids_internals_icon-grid-preview__bounding-box::after,
.druids_internals_icon-grid-preview__key-shape::after {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.druids_internals_icon-grid-preview__key-shape::before,
.druids_internals_icon-grid-preview__key-shape::after {
  border: 1px solid var(--major-line-color);
}
.druids_internals_icon-grid-preview__key-shape--circles::before,
.druids_internals_icon-grid-preview__key-shape--circles::after {
  border-radius: 100%;
}
.druids_internals_icon-grid-preview__key-shape--circles::before {
  width: 96px;
  height: 96px;
}
.druids_internals_icon-grid-preview__key-shape--circles::after {
  width: 160px;
  height: 160px;
}
.druids_internals_icon-grid-preview__key-shape--squares::before {
  width: 160px;
  height: 160px;
}
.druids_internals_icon-grid-preview__key-shape--squares::after {
  width: 128px;
  height: 128px;
}
.druids_internals_icon-grid-preview__key-shape--rectangles::before {
  width: 96px;
  height: 160px;
}
.druids_internals_icon-grid-preview__key-shape--rectangles::after {
  width: 160px;
  height: 96px;
}
.druids_internals_icon-grid-preview__bounding-box::before {
  border: 1px solid var(--bounding-box-color);
  outline: 1px solid var(--bounding-box-color);
  width: 192px;
  height: 192px;
}
.druids_internals_icon-grid-preview__ordinal-flowlines::before,
.druids_internals_icon-grid-preview__hexagonal-flowlines::before,
.druids_internals_icon-grid-preview__ordinal-flowlines::after,
.druids_internals_icon-grid-preview__hexagonal-flowlines::after {
  top: -50%;
  left: 50%;
  height: 200%;
  transform-origin: center;
  background-color: var(--major-line-color);
  width: 1px;
}
.druids_internals_icon-grid-preview__ordinal-flowlines::before {
  transform: rotate(45deg);
}
.druids_internals_icon-grid-preview__ordinal-flowlines::after {
  transform: rotate(-45deg);
}
.druids_internals_icon-grid-preview__hexagonal-flowlines::before {
  transform: rotate(60deg);
}
.druids_internals_icon-grid-preview__hexagonal-flowlines::after {
  transform: rotate(-60deg);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_typography_markdown {
  word-spacing: normal;
  overflow-wrap: break-word;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_typography_markdown__quote {
  padding: 4px;
  padding-left: 16px;
  border-left: 4px solid var(--ui-border);
}
.druids_typography_markdown img {
  max-width: 100%;
}
.druids_typography_markdown__image-wrapper[class][class] {
  max-width: 100%;
}
.druids_typography_markdown__image-wrapper[class][class] > img {
  display: block;
  margin-left: var(--ui-max-width-margin);
  margin-right: var(--ui-max-width-margin);
}
.druids_typography_markdown:not(.druids_typography_markdown--is-editorial-copy) > * {
  margin-top: 0;
  margin-bottom: 0;
}
.druids_typography_markdown:not(.druids_typography_markdown--is-editorial-copy) > *:not(:first-child) {
  margin-top: 16px;
}
.druids_typography_markdown:not(.druids_typography_markdown--is-editorial-copy) ul:not(:first-child),
.druids_typography_markdown:not(.druids_typography_markdown--is-editorial-copy) ol:not(:first-child) {
  margin-top: 8px !important;
}
.druids_typography_markdown__list-checkbox > .druids_form_checkbox {
  margin-top: -2px;
  margin-left: calc(-1.14em - 4px);
}
.druids_typography_markdown__list-checkbox {
  list-style: none;
  position: relative;
}
.druids_typography_markdown__list-checkbox-icon {
  position: absolute;
  font-size: 1.14em;
  margin-left: calc(-1em - 4px);
  margin-top: calc(0.45em - 5px);
  color: var(--ui-icon);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_internals_druids-loupe {
  --druids-loupe-link-border: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
  min-width: 280px;
  max-width: 320px;
  box-sizing: border-box;
  padding: 8px 10px;
  border-radius: inherit;
  border-top: 5px solid var(--top-border-theme-color);
}
.druids_dialogs_popover__content > .druids_internals_druids-loupe {
  padding-top: 14px;
}
.druids_internals_druids-loupe:not(.druids_internals_druids-loupe--has-title) {
  padding-top: 0;
}
.druids_internals_druids-loupe__title {
  line-height: normal;
  width: 100%;
}
.druids_internals_druids-loupe__title--is-padded {
  padding: 8px 0;
}
.druids_internals_druids-loupe__title__icon {
  transition: transform 0.25s;
  width: 32px;
}
*:not(.druids_internals_druids-loupe):not(.druids_internals_druids-loupe__title-and-description-block) > .druids_internals_druids-loupe__title {
  min-width: 280px;
  max-width: 320px;
}
.druids_internals_druids-loupe__description {
  max-width: 280px;
  margin-top: 4px;
}
.druids_internals_druids-loupe__link-wrapper {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--druids-loupe-link-border);
}
.druids_internals_druids-loupe__link {
  display: block;
  box-sizing: border-box;
  padding: 0 8px 0 6px;
  width: 100%;
  color: var(--ui-text-secondary) !important;
  line-height: 30px;
  border-radius: 4px;
  transition: all 0.25s;
  transition-property: color, background-color;
  font-size: 12px;
}
.druids_internals_druids-loupe__link__avatar {
  margin-right: 6px;
  width: 16px !important;
  height: 16px !important;
}
.druids_internals_druids-loupe__link__avatar > img {
  width: 75%;
  height: 75%;
}
.druids_internals_druids-loupe__link__avatar,
.druids_internals_druids-loupe__link__icon {
  transition: transform 0.25s;
}
.druids_internals_druids-loupe__link:hover {
  background-color: var(--ui-interaction-secondary) !important;
  color: var(--ui-interaction-primary-contrast) !important;
}
.druids_internals_druids-loupe__link:hover .druids_internals_druids-loupe__link__avatar {
  transform: scale(1.05);
}
.druids_internals_druids-loupe__link:hover .druids_internals_druids-loupe__link__icon {
  transform: scale(1.025) translateX(5%) translateY(-5%);
}
.druids_internals_druids-loupe__link:active {
  background-color: var(--ui-interaction-secondary-contrast) !important;
  transition: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_internals_prototype-switcher {
  --prototype-switcher-item-border: var(--LIGHT, #71b8e7) var(--DARK, rgba(36, 113, 191, 0.75));
  position: fixed !important;
  margin: 0;
  bottom: 24px;
  right: 36px;
  background: var(--ui-background-elevated);
  border-radius: 8px;
  outline: 1px solid var(--ui-border-elevated);
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 8px 36px var(--ui-shadow-strength);
  padding: 8px 0;
}
.druids_internals_prototype-switcher__link {
  display: block;
  width: 100%;
  padding: 2px 16px 2px 8px;
}
.druids_internals_prototype-switcher__link:hover,
.druids_internals_prototype-switcher__link:active {
  box-shadow: 0 -1px 0 0 var(--prototype-switcher-item-border), 0 1px 0 0 var(--prototype-switcher-item-border);
}
.druids_internals_prototype-switcher__link:hover {
  background: var(--ui-interaction-secondary);
}
.druids_internals_prototype-switcher__link:active {
  background: var(--ui-interaction-secondary-contrast);
}
.druids_internals_prototype-switcher__hash-icon {
  visibility: hidden;
}
.druids_internals_prototype-switcher--is-current-hash .druids_internals_prototype-switcher__hash-icon {
  visibility: visible;
}

.content-switcher_OKFTYW_ContentSwitcher{--content-switcher_OKFTYW_placeholder:0}.content-switcher_OKFTYW_hasConstantHeight{display:flex}.content-switcher_OKFTYW_Item{--content-switcher_OKFTYW_placeholder:0}.content-switcher_OKFTYW_hasConstantHeight>.content-switcher_OKFTYW_Item{box-sizing:border-box;min-width:100%;max-width:100%;margin-left:0;margin-right:0}.content-switcher_OKFTYW_hasConstantHeight>.content-switcher_OKFTYW_Item:not(:last-child){margin-right:-100%}.content-switcher_OKFTYW_isSelected{--content-switcher_OKFTYW_placeholder:0}.content-switcher_OKFTYW_hasConstantHeight>.content-switcher_OKFTYW_Item:not(.content-switcher_OKFTYW_isSelected){visibility:hidden}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_draggable-pane {
  --_vertical-resizer-height: 100%;
  color: var(--ui-text);
}
.druids_layout_draggable-pane__wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
.druids_layout_draggable-pane:hover > .druids_layout_draggable-pane__resizer:not(:hover)::after {
  opacity: 1;
}
.druids_layout_draggable-pane--is-dragging .druids_layout_draggable-pane__resizer[class][class][class]::after {
  opacity: 0;
}
.druids_layout_draggable-pane .Pane.vertical {
  overflow-x: auto;
}
.druids_layout_draggable-pane .Pane.horizontal {
  overflow-y: auto;
}
.druids_layout_draggable-pane__resizer {
  position: relative;
  color: var(--ui-interaction-primary);
  background-color: var(--ui-background-elevated);
  display: inline-flex;
  box-sizing: content-box;
  user-select: none;
  z-index: 1;
}
.druids_layout_draggable-pane__resizer:after {
  content: '';
  display: block;
  position: absolute;
  background: var(--ui-border);
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.125s;
  pointer-events: none;
}
.druids_layout_draggable-pane__resizer.vertical {
  cursor: ew-resize;
  height: var(--_vertical-resizer-height);
  width: 0;
}
.druids_layout_draggable-pane__resizer.vertical:after {
  width: 4px;
  height: 42px;
  top: calc(50% - (42px / 2));
}
.druids_layout_draggable-pane__resizer.horizontal {
  cursor: ns-resize;
  width: 100%;
  height: 0;
}
.druids_layout_draggable-pane__resizer.horizontal:after {
  width: 42px;
  height: 4px;
  left: calc(50% - (42px / 2));
}
.druids_layout_draggable-pane .Resizer:before {
  content: '';
  display: block;
  position: absolute;
}
.druids_layout_draggable-pane .Resizer.horizontal:before {
  left: 0px;
  width: 100%;
  height: 300%;
}
.druids_layout_draggable-pane .Resizer.vertical:before {
  top: 0px;
  width: 300%;
  height: 100%;
}
.druids_layout_draggable-pane--shadow-level-0 .Resizer {
  background-color: var(--ui-background);
}
.druids_layout_draggable-pane--shadow-level-1.druids_layout_draggable-pane:not(.druids_layout_draggable-pane--shadow-level-0) .Resizer:before {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
}
.druids_layout_draggable-pane--shadow-level-2.druids_layout_draggable-pane:not(.druids_layout_draggable-pane--shadow-level-0) .Resizer:before {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 5px var(--ui-shadow-strength);
}
.druids_layout_draggable-pane--shadow-level-3.druids_layout_draggable-pane:not(.druids_layout_draggable-pane--shadow-level-0) .Resizer:before {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 2px 8px var(--ui-shadow-strength);
}
.druids_layout_draggable-pane--shadow-level-4.druids_layout_draggable-pane:not(.druids_layout_draggable-pane--shadow-level-0) .Resizer:before {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_layout_draggable-pane--shadow-level-5.druids_layout_draggable-pane:not(.druids_layout_draggable-pane--shadow-level-0) .Resizer:before {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 5px 20px var(--ui-shadow-strength);
}
.druids_layout_draggable-pane--shadow-level-6.druids_layout_draggable-pane:not(.druids_layout_draggable-pane--shadow-level-0) .Resizer:before {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 8px 36px var(--ui-shadow-strength);
}
.druids_layout_draggable-pane:not(.druids_layout_draggable-pane--shadow-level-0) .druids_layout_draggable-pane__resizer:not(:hover):not(.druids_layout_draggable-pane--is-dragging) {
  background-color: var(--ui-background-elevated);
}
.druids_layout_draggable-pane--is-top .Pane1 {
  z-index: 2;
  padding-bottom: 0;
  background-color: var(--ui-background-elevated);
}
.druids_layout_draggable-pane--is-top .Pane2 {
  z-index: 0;
}
.druids_layout_draggable-pane--is-top .druids_layout_draggable-pane__resizer.horizontal:after {
  bottom: 1px;
}
.druids_layout_draggable-pane--is-top .druids_layout_draggable-pane__resizer.horizontal {
  border-bottom: 4px solid transparent;
  transition: height 0.125s ease, border-bottom 0.125s;
  padding: 6px 0 4px;
}
.druids_layout_draggable-pane--is-top .druids_layout_draggable-pane__resizer.horizontal:hover,
.druids_layout_draggable-pane--is-dragging > .druids_layout_draggable-pane--is-top .druids_layout_draggable-pane__resizer.horizontal {
  border-bottom: 4px solid var(--ui-interaction-primary) !important;
}
.druids_layout_draggable-pane--is-top .Resizer.horizontal:before {
  bottom: -4px;
}
.druids_layout_draggable-pane--is-top.druids_layout_draggable-pane--shadow-level-0 .Resizer.horizontal {
  padding: 5px 0 4px;
}
.druids_layout_draggable-pane--is-top.druids_layout_draggable-pane--shadow-level-0 .Resizer.horizontal:before {
  border-bottom: 1px solid var(--ui-border);
}
.druids_layout_draggable-pane--is-top.druids_layout_draggable-pane--shadow-level-0 .Pane1 {
  background-color: var(--ui-background);
}
.druids_layout_draggable-pane--is-right .Pane1 {
  z-index: 0;
}
.druids_layout_draggable-pane--is-right .Pane2 {
  z-index: 2;
  padding-bottom: 0;
  background-color: var(--ui-background-elevated);
}
.druids_layout_draggable-pane--is-right .druids_layout_draggable-pane__resizer.vertical:after {
  left: 1px;
}
.druids_layout_draggable-pane--is-right .druids_layout_draggable-pane__resizer.vertical {
  border-left: 4px solid transparent;
  padding: 0 4px 0 6px;
  transition: width 0.125s ease, border-left 0.125s;
}
.druids_layout_draggable-pane--is-right .druids_layout_draggable-pane__resizer.vertical:hover,
.druids_layout_draggable-pane--is-dragging .druids_layout_draggable-pane--is-right .druids_layout_draggable-pane__resizer.vertical {
  border-left: 4px solid var(--ui-interaction-primary) !important;
}
.druids_layout_draggable-pane--is-right .Resizer.vertical:before {
  left: -4px;
}
.druids_layout_draggable-pane--is-right.druids_layout_draggable-pane--shadow-level-0 .Resizer.vertical {
  padding: 0 4px 0 5px;
}
.druids_layout_draggable-pane--is-right.druids_layout_draggable-pane--shadow-level-0 .Resizer.vertical:before {
  border-left: 1px solid var(--ui-border);
}
.druids_layout_draggable-pane--is-right.druids_layout_draggable-pane--shadow-level-0 .Pane2 {
  background-color: var(--ui-background);
}
.druids_layout_draggable-pane--is-bottom .Pane1 {
  z-index: 0;
}
.druids_layout_draggable-pane--is-bottom .Pane2 {
  z-index: 2;
  padding-bottom: 0;
  background-color: var(--ui-background-elevated);
}
.druids_layout_draggable-pane--is-bottom .druids_layout_draggable-pane__resizer.horizontal:after {
  top: 1px;
}
.druids_layout_draggable-pane--is-bottom .druids_layout_draggable-pane__resizer.horizontal {
  border-top: 4px solid transparent;
  transition: height 0.125s ease, border-top 0.125s;
  padding: 4px 0 6px;
}
.druids_layout_draggable-pane--is-bottom .druids_layout_draggable-pane__resizer.horizontal:hover,
.druids_layout_draggable-pane--is-dragging > .druids_layout_draggable-pane--is-bottom .druids_layout_draggable-pane__resizer.horizontal {
  border-top: 4px solid var(--ui-interaction-primary) !important;
}
.druids_layout_draggable-pane--is-bottom .Resizer.horizontal:before {
  top: -4px;
}
.druids_layout_draggable-pane--is-bottom.druids_layout_draggable-pane--shadow-level-0 .Resizer.horizontal {
  padding: 4px 0 5px;
}
.druids_layout_draggable-pane--is-bottom.druids_layout_draggable-pane--shadow-level-0 .Resizer.horizontal:before {
  border-top: 1px solid var(--ui-border);
}
.druids_layout_draggable-pane--is-bottom.druids_layout_draggable-pane--shadow-level-0 .Pane2 {
  background-color: var(--ui-background);
}
.druids_layout_draggable-pane--is-left .Pane1 {
  z-index: 2;
  padding-bottom: 0;
  background-color: var(--ui-background-elevated);
}
.druids_layout_draggable-pane--is-left .Pane2 {
  z-index: 0;
}
.druids_layout_draggable-pane--is-left .druids_layout_draggable-pane__resizer.vertical:after {
  right: 1px;
}
.druids_layout_draggable-pane--is-left .druids_layout_draggable-pane__resizer.vertical {
  border-right: 4px solid transparent;
  padding: 0 6px 0 4px;
  transition: width 0.125s ease, border-right 0.125s;
}
.druids_layout_draggable-pane--is-left .druids_layout_draggable-pane__resizer.vertical:hover,
.druids_layout_draggable-pane--is-dragging .druids_layout_draggable-pane--is-left .druids_layout_draggable-pane__resizer.vertical {
  border-right: 4px solid var(--ui-interaction-primary) !important;
}
.druids_layout_draggable-pane--is-left .Resizer.vertical:before {
  right: -4px;
}
.druids_layout_draggable-pane--is-left.druids_layout_draggable-pane--shadow-level-0 .Resizer.vertical {
  padding: 0 5px 0 4px;
}
.druids_layout_draggable-pane--is-left.druids_layout_draggable-pane--shadow-level-0 .Resizer.vertical:before {
  border-right: 1px solid var(--ui-border);
}
.druids_layout_draggable-pane--is-left.druids_layout_draggable-pane--shadow-level-0 .Pane1 {
  background-color: var(--ui-background);
}

.multi-line-overflower_6-owia_MultiLineOverflower{--multi-line-overflower_6-owia_lines:1;--multi-line-overflower_6-owia_line-height:1.4;--multi-line-overflower_6-owia_max-width:100%;--multi-line-overflower_6-owia_height:auto;--multi-line-overflower_6-owia_padding-x:0px;--multi-line-overflower_6-owia_padding-y:0px;display:block}.multi-line-overflower_6-owia_ContentWrapper{box-sizing:border-box;height:var(--multi-line-overflower_6-owia_height);max-width:var(--multi-line-overflower_6-owia_max-width);padding:var(--multi-line-overflower_6-owia_padding-y)var(--multi-line-overflower_6-owia_padding-x);display:block}.multi-line-overflower_6-owia_Content{line-height:var(--multi-line-overflower_6-owia_line-height);overflow:hidden}.multi-line-overflower_6-owia_isEnabled{line-clamp:var(--multi-line-overflower_6-owia_lines);-webkit-line-clamp:var(--multi-line-overflower_6-owia_lines);word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box}.multi-line-overflower_6-owia_isMiddleTruncation{max-height:calc(var(--multi-line-overflower_6-owia_lines)*var(--multi-line-overflower_6-owia_line-height)*1em);word-break:break-all}.multi-line-overflower_6-owia_hasUnderline{text-decoration:underline dotted;text-decoration-thickness:var(--ui-text-decoration-thickness);text-decoration-color:var(--ui-text-decoration-color)}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_multiple-side-panels_back-action {
  --link-hover: var(--LIGHT, #0b0f8b) var(--DARK, #7ab5ea);
  --link-active: var(--LIGHT, #080b65) var(--DARK, #a4cef7);
  color: var(--ui-interaction-primary);
}
.druids_layout_multiple-side-panels_back-action:hover {
  color: var(--link-hover);
}
.druids_layout_multiple-side-panels_back-action:active {
  color: var(--link-active);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_stacked-panels {
  overflow: clip;
  transition: transform 180ms ease;
}
.druids_layout_stacked-panels__panels {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-property: transform;
  display: flex;
}
.druids_layout_stacked-panels__panels__section {
  width: 100%;
  flex-shrink: 0;
}
.druids_layout_stacked-panels__content-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.druids_layout_stacked-panels__content-container__content {
  flex-grow: 1;
  overflow: auto;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_multiple-side-panels {
  position: fixed;
  margin: 0;
  padding: 0;
  right: var(--ui-page-right-offset, 0px);
  top: var(--ui-page-top-offset, 0px);
  bottom: 0;
  overflow-y: auto;
  --z-index-offset: 0;
  --z-index-base: calc(200 + var(--z-index-offset) * 10);
  z-index: var(--z-index-base);
  background-color: var(--ui-background-elevated);
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 8px 36px var(--ui-shadow-strength);
  overflow-x: hidden;
  transform: translateX(0%);
}
.druids_layout_multiple-side-panels .druids_layout_stacked-panels__panels__section {
  height: calc(100vh - var(--ui-page-top-offset, 0px));
}
.druids_layout_multiple-side-panels--md {
  width: 50%;
}
.druids_layout_multiple-side-panels--lg {
  width: 70%;
}
.druids_layout_multiple-side-panels--has-transition {
  transition: transform 180ms ease;
}
.druids_layout_multiple-side-panels--is-closed {
  box-shadow: none;
  transform: translateX(100%);
  pointer-events: none;
  visibility: hidden;
}
.druids_layout_multiple-side-panels--is-closed.druids_layout_multiple-side-panels--has-transition {
  transition: transform 180ms ease, visibility 0s 180ms linear;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_scrim {
  position: relative;
}
.druids_layout_scrim__overlay {
  display: flex;
  justify-content: center;
  background: var(--ui-pattern-disabled);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_measures_callout-value {
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  --_callout-value__bg-color: var(--ui-background);
  --_callout-value__border-color: var(--ui-border);
  --_callout-value__status-color: initial;
  --_callout-value__border-color--status: initial;
  --_callout-value__label-color: inherit;
  --_callout-value__value-color: inherit;
  --_callout-value__unit-color: inherit;
  --_callout-value__arrow-color: initial;
  --_callout-value__icon-color: var(--ui-icon);
  --_callout-value__additional-text-color: var(--ui-text-tertiary);
  --_callout-value__external-icon-color: var(--ui-icon);
  --_callout-value__value-bg-color: transparent;
  --_callout-value__state-color: initial;
  --_callout-value__is-loading-visibility: initial;
  /* Necessary to prevent clipping of hanging letters (gjpqy) for these sizes. */
  background: var(--_callout-value__bg-color);
  border: 1px solid var(--_callout-value__border-color);
  line-height: 1.4;
  color: var(--ui-text);
  border-radius: 4px;
  padding: 8px;
}
.druids_measures_callout-value--sm {
  --value-font-size: 18px;
  --value-line-height: 18px;
  --value-unit-left-margin: 2px;
  --value-unit-bottom-margin: 1px;
  --icon-margin-bottom: -4px;
  --logo-size: 32px;
  --arrow-width: 18px;
  --arrow-height: 19px;
  --arrow-margin-bottom: -1px;
}
.druids_measures_callout-value--md {
  --value-font-size: 24px;
  --value-line-height: 24px;
  --value-unit-left-margin: 4px;
  --value-unit-bottom-margin: 1.5px;
  --logo-size: 42px;
  --arrow-width: 23px;
  --arrow-height: 26px;
  --arrow-margin-bottom: -1.5px;
}
.druids_measures_callout-value--lg {
  --value-font-size: 36px;
  --value-line-height: 36px;
  --value-unit-left-margin: 4px;
  --value-unit-bottom-margin: 2px;
  --logo-size: 58px;
  --arrow-width: 34px;
  --arrow-height: 38px;
  --arrow-margin-bottom: -1px;
}
.druids_measures_callout-value--xl {
  --value-font-size: 42px;
  --value-line-height: 42px;
  --value-unit-left-margin: 4px;
  --value-unit-bottom-margin: 2px;
  --logo-size: 68px;
  --arrow-width: 39px;
  --arrow-height: 44px;
  --arrow-margin-bottom: -1px;
}
.druids_measures_callout-value--lg .druids_measures_callout-value__value--multi-unit-value-wrapper {
  padding-bottom: 1px;
}
.druids_measures_callout-value--xl .druids_measures_callout-value__value--multi-unit-value-wrapper {
  padding-bottom: 2px;
}
.druids_measures_callout-value__label {
  color: var(--_callout-value__label_borderless-hover-color, var(--_callout-value__state-color, var(--_callout-value__label-color)));
}
.druids_measures_callout-value__value {
  color: var(--_callout-value__state-color, var(--_callout-value__status-color, var(--_callout-value__value-color)));
  visibility: var(--_callout-value__is-loading-visibility);
  font-weight: 600;
  font-size: var(--value-font-size);
  line-height: var(--value-line-height);
}
.druids_measures_callout-value__value--has-custom-color {
  color: var(--callout-value-custom-text-color);
}
.druids_measures_callout-value__label-and-value {
  overflow: hidden;
}
.druids_measures_callout-value__value_container {
  overflow: hidden;
  height: var(--value-line-height);
  background: var(--_callout-value__value-bg-color);
}
.druids_measures_callout-value__value--multi-unit-value-wrapper .druids_measures_callout-value__value:not(:first-of-type) {
  margin-left: var(--value-unit-left-margin);
}
.druids_measures_callout-value__unit {
  color: var(--_callout-value__state-color, var(--_callout-value__status-color, var(--_callout-value__unit-color)));
  visibility: var(--_callout-value__is-loading-visibility);
  font-size: calc(var(--value-font-size) * 0.7);
  line-height: calc(var(--value-line-height) * 0.7);
  margin-bottom: var(--value-unit-bottom-margin);
  opacity: 0.75;
}
.druids_measures_callout-value__unit--has-internal-space {
  margin-left: var(--value-unit-left-margin);
}
.druids_measures_callout-value__unit--default {
  --_callout-value__unit-color: var(--ui-text-secondary);
  opacity: 1;
}
.druids_measures_callout-value__unit--has-custom-color {
  color: var(--callout-value-custom-text-color);
}
.druids_measures_callout-value__arrow {
  color: var(--_callout-value__state-color, var(--_callout-value__status-color, var(--_callout-value__arrow-color)));
  visibility: var(--_callout-value__is-loading-visibility);
  margin-left: 2px;
  width: var(--arrow-width);
  height: var(--arrow-height);
  margin-bottom: var(--arrow-margin-bottom);
}
.druids_measures_callout-value__arrow--up {
  transform: rotate(-45deg);
}
.druids_measures_callout-value__arrow--down {
  transform: rotate(45deg);
}
.druids_measures_callout-value__arrow--has-custom-color {
  color: var(--callout-value-custom-text-color);
}
.druids_measures_callout-value__icon {
  color: var(--_callout-value__state-color, var(--_callout-value__icon-color));
  align-self: center;
  display: flex;
}
.druids_measures_callout-value__icon--has-custom-color {
  fill: var(--callout-value-custom-text-color);
}
.druids_measures_callout-value__icon--is-inactive {
  color: var(--ui-text-disabled);
}
.druids_measures_callout-value__logo {
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_measures_callout-value__logo img {
  width: var(--logo-size);
  height: var(--logo-size);
  max-width: none;
}
.druids_measures_callout-value__additional-text {
  width: 100%;
  color: var(--_callout-value__state-color, var(--_callout-value__additional-text-color));
}
.druids_measures_callout-value__additional-text--has-custom-colors {
  color: var(--callout-value-custom-text-color);
}
.druids_measures_callout-value__external-icon {
  color: var(--_callout-value__state-color, var(--_callout-value__external-icon-color));
  align-self: flex-start;
}
.druids_measures_callout-value__external-icon--has-custom-colors {
  fill: var(--callout-value-custom-text-color);
}
.druids_measures_callout-value--is-borderless {
  border-radius: 0;
  border: 0;
  padding: 0;
  --_callout-value__border-color: transparent;
  --_callout-value__bg-color: transparent;
}
.druids_measures_callout-value--is-loading {
  --_callout-value__value-bg-color: var(--ui-placeholder);
  --_callout-value__is-loading-visibility: hidden;
}
.druids_measures_callout-value--has-status-border {
  --_callout-value__border-color: var(--_callout-value__border-color--status, var(--ui-border));
}
.druids_measures_callout-value--success {
  --_callout-value__status-color: var(--ui-status-success-contrast);
  --_callout-value__border-color--status: var(--ui-status-success);
}
.druids_measures_callout-value--warning {
  --_callout-value__status-color: var(--ui-status-warning-contrast);
  --_callout-value__border-color--status: var(--ui-status-warning);
}
.druids_measures_callout-value--danger {
  --_callout-value__status-color: var(--ui-status-danger-contrast);
  --_callout-value__border-color--status: var(--ui-status-danger);
}
.druids_measures_callout-value--is-inactive {
  --_callout-value__status-color: var(--ui-text-disabled);
  --_callout-value__border-color--status: var(--ui-border-disabled);
}
.druids_measures_callout-value--has-link:hover {
  --_callout-value__state-color: var(--tag-background-hover);
}
.druids_measures_callout-value--has-link:hover:not(.druids_measures_callout-value--is-borderless) {
  --_callout-value__bg-color: var(--tag-background-hover);
  --_callout-value__border-color: var(--tag-background-hover);
  --_callout-value__state-color: var(--ui-text-knockout);
  --_callout-value__label_borderless-hover-color: var(--local-tag-key-color-hover);
}
.druids_measures_callout-value--has-link:active {
  --_callout-value__state-color: var(--tag-background-active);
}
.druids_measures_callout-value--has-link:active:not(.druids_measures_callout-value--is-borderless) {
  --_callout-value__bg-color: var(--tag-background-active);
  --_callout-value__border-color: var(--tag-background-active);
  --_callout-value__state-color: var(--ui-text-knockout);
  --_callout-value__label_borderless-hover-color: var(--local-tag-key-color-hover);
}
.druids_measures_callout-value--is-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.druids_measures_callout-value--has-custom-colors {
  color: var(--callout-value-custom-text-color);
  background-color: var(--callout-value-custom-background-color);
}
.druids_measures_callout-value--has-custom-colors.druids_measures_callout-value--has-link:hover {
  background-color: var(--callout-value-custom-background-color-hover);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_callout-tag {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  width: 100%;
  line-height: 1.4;
  --ui-border-radius: 4px;
  text-align: left;
}
.druids_pills_callout-tag[class] {
  padding: 8px;
  color: var(--ui-text);
  border: 1px solid var(--form-border);
}
.druids_pills_callout-tag__info-message-wrapper {
  margin-left: 16px;
  line-height: 0;
  color: var(--ui-interaction-primary);
}
.druids_pills_callout-tag__icon,
.druids_pills_callout-tag__logo {
  line-height: 0;
}
.druids_pills_callout-tag__icon {
  margin-right: 0.5em;
  color: var(--ui-icon);
}
.druids_pills_callout-tag__logo {
  flex-shrink: 0;
}
.druids_pills_callout-tag__logo > img {
  width: 28px;
  height: 28px;
}
.druids_pills_callout-tag__key {
  display: block;
}
.druids_pills_callout-tag__key,
.druids_pills_callout-tag__icon-and-value,
.druids_pills_callout-tag__value,
.druids_pills_callout-tag__key-and-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.druids_pills_callout-tag--has-left-overflow {
  direction: rtl;
}
.druids_pills_callout-tag--has-left-overflow::after {
  content: '\200E';
}
.druids_pills_callout-tag__key-and-value {
  height: 100%;
}
.druids_pills_callout-tag__value_container {
  overflow: hidden;
}
.druids_pills_callout-tag__value {
  flex: 1;
}
.druids_pills_callout-tag__array_additional_values_count {
  flex: 1;
  flex-grow: 0;
  white-space: nowrap;
  margin-left: 8px;
  color: var(--ui-text-secondary);
}
.druids_pills_callout-tag:hover[class],
.druids_pills_callout-tag--is-active[class] {
  background-color: var(--tag-background-hover);
  border-color: var(--tag-background-hover);
}
.druids_pills_callout-tag:active[class] {
  background-color: var(--tag-background-active);
  border-color: var(--tag-background-active);
}
.druids_pills_callout-tag:hover .druids_pills_callout-tag__key,
.druids_pills_callout-tag:active .druids_pills_callout-tag__key,
.druids_pills_callout-tag--is-active .druids_pills_callout-tag__key {
  color: var(--local-tag-key-color-hover);
}
.druids_pills_callout-tag:hover .druids_pills_callout-tag__value,
.druids_pills_callout-tag:active .druids_pills_callout-tag__value,
.druids_pills_callout-tag--is-active .druids_pills_callout-tag__value,
.druids_pills_callout-tag:hover .druids_pills_callout-tag__array_additional_values_count,
.druids_pills_callout-tag:active .druids_pills_callout-tag__array_additional_values_count,
.druids_pills_callout-tag--is-active .druids_pills_callout-tag__array_additional_values_count {
  color: var(--ui-text-knockout);
}
.druids_pills_callout-tag:hover .druids_pills_callout-tag__info-message-wrapper,
.druids_pills_callout-tag:active .druids_pills_callout-tag__info-message-wrapper,
.druids_pills_callout-tag--is-active .druids_pills_callout-tag__info-message-wrapper,
.druids_pills_callout-tag:hover .druids_pills_callout-tag__icon,
.druids_pills_callout-tag:active .druids_pills_callout-tag__icon,
.druids_pills_callout-tag--is-active .druids_pills_callout-tag__icon,
.druids_pills_callout-tag:hover .druids_pills_callout-tag__logo,
.druids_pills_callout-tag:active .druids_pills_callout-tag__logo,
.druids_pills_callout-tag--is-active .druids_pills_callout-tag__logo {
  color: var(--ui-text-knockout);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_sidebar-layout_controlled-draggable-sidebar {
  position: relative !important;
}
.druids_layout_sidebar-layout_controlled-draggable-sidebar__resizer {
  --_vertical-resizer-height: auto;
}
.druids_layout_sidebar-layout_controlled-draggable-sidebar__resizer:not(.druids_layout_sidebar-layout_controlled-draggable-sidebar__resizer--is-open) {
  display: none;
}
.druids_layout_sidebar-layout_controlled-draggable-sidebar__animated-pane {
  will-change: width;
  transition: width 180ms ease;
}
.druids_layout_sidebar-layout_controlled-draggable-sidebar__sidebar-wrapper,
.druids_layout_sidebar-layout_controlled-draggable-sidebar__sidebar {
  width: 100%;
}
.druids_layout_sidebar-layout_controlled-draggable-sidebar__sidebar-wrapper:not(.druids_layout_sidebar-layout_controlled-draggable-sidebar__sidebar-wrapper--is-open) {
  display: none;
}

.druids_layout_sidebar-layout_sidebar-toggle-button {
  width: 128px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_layout_sidebar-layout {
  display: flex;
  width: 100%;
}
.druids_layout_sidebar-layout__content {
  flex-grow: 1;
  min-width: 0;
}
.druids_layout_sidebar-layout__content--overflow-auto {
  overflow: auto;
}
.druids_layout_sidebar-layout__header-above-layout {
  width: 100%;
  background: var(--ui-background);
}
.druids_layout_sidebar-layout--on-right {
  flex-direction: row-reverse;
}
.druids_layout_sidebar-layout:not(.druids_layout_sidebar-layout--is-open):not(.druids_layout_sidebar-layout--animated) > .druids_layout_sidebar-layout__sidebar-wrapper,
.druids_layout_sidebar-layout--animated:not(.druids_layout_sidebar-layout--is-open) > .druids_layout_sidebar-layout__sidebar-wrapper:not([data-is-animating]) {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.druids_layout_sidebar-layout__sidebar-wrapper {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.druids_layout_sidebar-layout > .druids_layout_sidebar-layout__sidebar-wrapper {
  width: 0px;
}
.druids_layout_sidebar-layout--is-open:not(.druids_layout_sidebar-layout--static-content-width).druids_layout_sidebar-layout--sm > .druids_layout_sidebar-layout__sidebar-wrapper {
  width: 210px;
}
.druids_layout_sidebar-layout--is-open:not(.druids_layout_sidebar-layout--static-content-width).druids_layout_sidebar-layout--md > .druids_layout_sidebar-layout__sidebar-wrapper {
  width: 250px;
}
.druids_layout_sidebar-layout--is-open:not(.druids_layout_sidebar-layout--static-content-width).druids_layout_sidebar-layout--lg > .druids_layout_sidebar-layout__sidebar-wrapper {
  width: 400px;
}
.druids_layout_sidebar-layout--is-open.druids_layout_sidebar-layout--static-content-width.druids_layout_sidebar-layout--sm > * {
  transform: translateX(210px);
}
.druids_layout_sidebar-layout--is-open.druids_layout_sidebar-layout--static-content-width.druids_layout_sidebar-layout--md > * {
  transform: translateX(250px);
}
.druids_layout_sidebar-layout--is-open.druids_layout_sidebar-layout--static-content-width.druids_layout_sidebar-layout--lg > * {
  transform: translateX(400px);
}
.druids_layout_sidebar-layout--animated:not(.druids_layout_sidebar-layout--static-content-width) > .druids_layout_sidebar-layout__sidebar-wrapper {
  will-change: width;
  transition: width 180ms ease;
}
.druids_layout_sidebar-layout--animated.druids_layout_sidebar-layout--static-content-width > * {
  transition: transform 180ms ease;
}
.druids_layout_sidebar-layout--sm > .druids_layout_sidebar-layout__sidebar-wrapper > .druids_layout_sidebar-layout__sidebar {
  width: 210px;
}
.druids_layout_sidebar-layout--md > .druids_layout_sidebar-layout__sidebar-wrapper > .druids_layout_sidebar-layout__sidebar {
  width: 250px;
}
.druids_layout_sidebar-layout--lg > .druids_layout_sidebar-layout__sidebar-wrapper > .druids_layout_sidebar-layout__sidebar {
  width: 400px;
}
.druids_layout_sidebar-layout--static-content-width {
  contain: paint;
}
.druids_layout_sidebar-layout--static-content-width > .druids_layout_sidebar-layout__sidebar-wrapper {
  z-index: 1;
}
.druids_layout_sidebar-layout--static-content-width > .druids_layout_sidebar-layout__content {
  min-width: 100%;
}

.toolbar-skeleton_ENVQFq_ToolbarSkeleton{--toolbar-skeleton_ENVQFq_align:center;--toolbar-skeleton_ENVQFq_min-width: 28px ;--toolbar-skeleton_ENVQFq_gap: 4px ;--toolbar-skeleton_ENVQFq_separator-grow:1;--toolbar-skeleton_ENVQFq_safe: ;justify-content:flex-start;position:relative;overflow:hidden}@supports (justify-content:safe center){.toolbar-skeleton_ENVQFq_ToolbarSkeleton{--toolbar-skeleton_ENVQFq_safe:safe}}.toolbar-skeleton_ENVQFq_justify--between{justify-content:space-between}.toolbar-skeleton_ENVQFq_justify--start{--toolbar-skeleton_ENVQFq_separator-grow:0;justify-content:flex-start}.toolbar-skeleton_ENVQFq_justify--center{justify-content:var(--toolbar-skeleton_ENVQFq_safe)center;--toolbar-skeleton_ENVQFq_separator-grow:0}.toolbar-skeleton_ENVQFq_justify--end{--toolbar-skeleton_ENVQFq_separator-grow:0;justify-content:flex-end}.toolbar-skeleton_ENVQFq_hasAnyGrow{--toolbar-skeleton_ENVQFq_separator-grow:0}.toolbar-skeleton_ENVQFq_ToolbarSkeleton,.toolbar-skeleton_ENVQFq_Wrapper{align-items:var(--toolbar-skeleton_ENVQFq_align);gap:var(--toolbar-skeleton_ENVQFq_gap);display:flex}.toolbar-skeleton_ENVQFq_Wrapper,.toolbar-skeleton_ENVQFq_Item{--toolbar-skeleton_ENVQFq_grow:0;flex-grow:var(--toolbar-skeleton_ENVQFq_grow)}.toolbar-skeleton_ENVQFq_Item{grid-template-columns:minmax(var(--toolbar-skeleton_ENVQFq_min-width),1fr);flex-shrink:1;display:grid}.toolbar-skeleton_ENVQFq_SeparatorWrapper{flex-shrink:0;flex-grow:var(--toolbar-skeleton_ENVQFq_separator-grow);font-size:calc(2px + var(--toolbar-skeleton_ENVQFq_gap)*2);justify-content:center;min-width:1em;display:flex;container-type:inline-size}@container (width>=2em){.toolbar-skeleton_ENVQFq_Separator{visibility:hidden}}.toolbar-skeleton_ENVQFq_shrink--first{flex-shrink:1000000000000}.toolbar-skeleton_ENVQFq_shrink--middle{flex-shrink:1000000}.toolbar-skeleton_ENVQFq_shrink--last{flex-shrink:1}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_measures_percent-bar {
  --percentage-fill-background: var(--LIGHT, rgba(197, 203, 219, 0.5)) var(--DARK, rgba(81, 79, 83, 0.5));
  --separator-color: var(--LIGHT, #eff1f5) var(--DARK, #858387);
}
@media (forced-colors: active) {
  .druids_measures_percent-bar {
    forced-color-adjust: preserve-parent-color;
  }
}
.druids_measures_percent-bar__container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--percentage-fill-background);
  display: flex;
}
.druids_measures_percent-bar--is-rounded > .druids_measures_percent-bar__container {
  border-radius: 4px;
}
.druids_measures_percent-bar__separator {
  width: 2px;
  height: 100%;
  background-color: var(--separator-color);
}
.druids_measures_percent-bar__value {
  width: 100%;
  height: 100%;
  background-color: var(--ui-dataviz-blue);
  transition: transform 0.25s ease-in-out;
}
.druids_measures_percent-bar__value--is-pinned-left {
  transform-origin: left;
}
.druids_measures_percent-bar__value--is-pinned-right {
  transform-origin: right;
}
.druids_measures_percent-bar__value--is-disabled {
  background-color: transparent;
  transform: none !important;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_measures_number-and-percent-bar {
  display: flex;
  line-height: normal;
}
.druids_measures_number-and-percent-bar__content {
  --threshold: initial;
  --has-enforced-wrapping: 0;
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: right;
  margin-left: -8px;
  width: var(--threshold, 100%);
}
.druids_measures_number-and-percent-bar--md > .druids_measures_number-and-percent-bar__content {
  flex-wrap: nowrap;
}
.druids_measures_number-and-percent-bar__jumper {
  position: relative;
  max-width: 100%;
  width: calc((calc(9999px * var(--has-enforced-wrapping)) + var(--threshold) - 100% - 1px) * 9999);
}
.druids_measures_number-and-percent-bar--md > * > .druids_measures_number-and-percent-bar__jumper {
  display: none;
}
.druids_measures_number-and-percent-bar--sm > * > .druids_measures_number-and-percent-bar__jumper {
  width: 100%;
}
.druids_measures_number-and-percent-bar__helper {
  position: absolute;
  top: 0;
  right: calc(-2px + var(--has-enforced-wrapping) * 3px);
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.druids_measures_number-and-percent-bar__formatted-number,
.druids_measures_number-and-percent-bar__percent-bar {
  margin-left: 8px;
}
.druids_measures_number-and-percent-bar__formatted-number {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 9999;
  flex-shrink: 0;
  max-width: 100%;
  overflow: hidden;
}
.druids_measures_number-and-percent-bar__percent-bar {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}
.druids_measures_number-and-percent-bar__percent-bar > * {
  max-height: 1em;
  margin: auto 0;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_measures_percent-donut {
  --percentage-fill-background: var(--LIGHT, rgba(197, 203, 219, 0.5)) var(--DARK, rgba(81, 79, 83, 0.5));
  --separator-color: var(--LIGHT, #eff1f5) var(--DARK, #858387);
}
.druids_measures_percent-donut__background {
  stroke: var(--percentage-fill-background);
}
.druids_measures_percent-donut__foreground {
  stroke: var(--ui-dataviz-blue);
}
.druids_measures_percent-donut__foreground--is-disabled {
  stroke: transparent;
}
.druids_measures_percent-donut__foreground--is-animated {
  transition: stroke-dasharray 0.25s ease-in-out;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_measures_score-bar {
  --percentage-fill-background: var(--LIGHT, rgba(197, 203, 219, 0.5)) var(--DARK, rgba(81, 79, 83, 0.5));
  --separator-color: var(--LIGHT, #eff1f5) var(--DARK, #858387);
  line-height: 0;
}
.druids_measures_score-bar__bar {
  display: inline-block;
  height: 14px;
  width: 3px;
  border-radius: 4px;
  margin-right: 2px;
}
.druids_measures_score-bar__bar:last-child {
  margin-right: 0px;
}
.druids_measures_score-bar__bar--is-filled {
  background-color: var(--ui-dataviz-blue);
}
.druids_measures_score-bar__bar--is-filled--danger {
  background-color: var(--ui-status-danger);
}
.druids_measures_score-bar__bar--is-filled--warning {
  background-color: var(--ui-status-warning);
}
.druids_measures_score-bar__bar--is-filled--success {
  background-color: var(--ui-status-success);
}
.druids_measures_score-bar__bar--is-empty {
  background-color: var(--percentage-fill-background);
}
.druids_measures_score-bar--xs .druids_measures_score-bar__bar {
  height: 8px;
  width: 2px;
}
.druids_measures_score-bar--sm .druids_measures_score-bar__bar {
  height: 10px;
  width: 2px;
}

.audio-player_zFK3ea_AudioPlayer{background-color:var(--ui-background-secondary);border:1px solid var(--ui-border);border-radius:24px;max-width:360px;height:40px}.audio-player_zFK3ea_AudioPlayer>canvas{width:var(--audio-player_zFK3ea_progress-width)}.audio-player_zFK3ea_Progress{transition:width .15s;position:absolute;top:0;bottom:0;left:0;right:0;overflow:clip}.audio-player_zFK3ea_RangeWrapper{contain:paint;flex:1;min-width:0;max-width:600px;position:relative}.audio-player_zFK3ea_RangeWrapper>canvas,.audio-player_zFK3ea_Progress>canvas{width:var(--audio-player_zFK3ea_progress-width)}.audio-player_zFK3ea_RangeWrapper:has(:focus-visible){outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.audio-player_zFK3ea_HiddenRange{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_avatar-list {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  font-size: initial;
}
.druids_misc_avatar-list[class] {
  --min-item-width: 20px;
}
.druids_misc_avatar-list .druids_dialogs_popover__handle-wrapper {
  cursor: default;
}
.druids_misc_avatar-list__popover-handle {
  --avatar-list-overflow-background: var(--LIGHT, #e2e5ed) var(--DARK, #2c2b2b);
}
.druids_misc_avatar-list__popover-handle[class] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--avatar-list-overflow-background);
  color: var(--ui-text-secondary);
  font-weight: 600;
  cursor: default;
}
.druids_misc_avatar-list__popover-handle--is-active[class] {
  background-color: var(--ui-interaction-primary);
  color: var(--ui-text-knockout);
}
.druids_misc_avatar-list__popover-handle--is-stacked[class][class][class] {
  box-shadow: 0px 0px 0px 2px var(--ui-background);
}
.druids_misc_avatar-list__popover-handle--xs {
  height: 20px;
  width: 20px;
}
.druids_misc_avatar-list__popover-handle--sm {
  height: 24px;
  width: 24px;
}
.druids_misc_avatar-list__popover-handle--md {
  height: 28px;
  width: 28px;
}
.druids_misc_avatar-list__popover-handle__content {
  margin-left: -1px;
  line-height: 1;
}
.druids_misc_avatar-list__popover-handle__content--has-double-digit-count {
  transform: scale(0.9);
}
.druids_misc_avatar-list__popover-handle__content--has-triple-digit-count {
  transform: scale(0.7);
}
.druids_misc_avatar-list__popover-content {
  max-width: 280px;
  max-height: 306px;
  overflow: auto;
  padding-top: 8px;
}
.druids_misc_avatar-list__popover-content--virtual {
  width: 280px;
}
.druids_misc_avatar-list__avatar-wrapper {
  display: flex;
}
.druids_misc_avatar-list--is-stacked .druids_misc_avatar-list__avatar-wrapper[class][class] {
  --gap-x: -8px;
  overflow: visible;
}
.druids_misc_avatar-list--is-stacked .druids_misc_avatar-list__avatar-wrapper[class][class]:first-child {
  --gap-x: 0;
}
.druids_misc_avatar-list--is-stacked .druids_misc_avatar-list__avatar-wrapper__avatar {
  box-shadow: 0px 0px 0px 2px var(--ui-background);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_http-request-bar_query-params {
  max-width: 600px;
  max-height: 400px;
  overflow-x: auto;
}
.druids_misc_http-request-bar_query-params__table {
  padding: 4px;
  font-size: 12px;
}
.druids_misc_http-request-bar_query-params__table__key {
  color: var(--ui-interaction-primary-contrast);
  text-align: right;
}
.druids_misc_http-request-bar_query-params__table__value {
  color: var(--ui-text);
  word-break: break-all;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_http-request-bar {
  --http-request-bar-background: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --http-request-bar-url: var(--LIGHT, #f5f6f9) var(--DARK, #2c2b2b);
  white-space: nowrap;
  max-width: 400px;
  line-height: 20px;
}
.druids_misc_http-request-bar__popover {
  max-width: 600px;
  max-height: 400px;
  overflow-x: auto;
}
.druids_misc_http-request-bar__field {
  flex-shrink: 0;
}
.druids_misc_http-request-bar__field[class] {
  padding: 0 8px;
  border-radius: 0;
}
.druids_misc_http-request-bar__field:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.druids_misc_http-request-bar__field:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_misc_http-request-bar__field-method {
  background-color: var(--http-request-bar-background);
  font-weight: 600;
}
.druids_misc_http-request-bar__field-url[class] {
  flex-shrink: 1;
  background-color: var(--http-request-bar-url);
  overflow: hidden;
  padding: 0;
  height: 20px;
}
.druids_misc_http-request-bar__field-status {
  min-width: 54px;
}
.druids_misc_http-request-bar__field-query-string {
  background-color: var(--http-request-bar-background);
}
.druids_misc_http-request-bar--is-full-width {
  max-width: 100%;
}
.druids_misc_http-request-bar--is-full-width .druids_misc_http-request-bar__field {
  max-width: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_option_list_option_item {
  --option-list-item-bg-hover: var(--ui-interaction-primary);
  --option-list-item-text-hover: var(--ui-text-knockout);
  --option-list-item-border-radius: 0;
  --option-list-item-text-color: var(--ui-text);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: var(--option-list-item-border-radius);
  color: var(--option-list-item-text-color);
}
.druids_option_list_option_item--is-active {
  background-color: var(--option-list-item-bg-hover);
  color: var(--option-list-item-text-hover);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_qr-code {
  background-color: var(--ui-background);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  --fg-color: var(--LIGHT, var(--ui-brand)) var(--DARK, var(--ui-text));
}
.druids_misc_qr-code__qr-code {
  position: absolute;
  z-index: 0;
}
.druids_misc_qr-code__logo {
  z-index: 1;
  background-color: var(--ui-background);
}

.reaction-button_jUeWkW_Reaction{--reaction-button_jUeWkW_reaction-button-border-color:var(--ui-status-other-soft);--reaction-button_jUeWkW_reaction-button-background-color:var(--ui-status-other-soft);justify-content:center;align-items:center;gap: 4px ;cursor:pointer;border:1px solid var(--reaction-button_jUeWkW_reaction-button-border-color);background-color:var(--reaction-button_jUeWkW_reaction-button-background-color);height:var(--reaction-button_jUeWkW_reaction-height);line-height:calc(var(--reaction-button_jUeWkW_reaction-height) - 2px);font-size:var(--reaction-button_jUeWkW_reaction-font-size);padding:0 calc((var(--reaction-button_jUeWkW_reaction-height) - var(--reaction-button_jUeWkW_reaction-font-size))/1.5);border-radius:20px;transition:background-color .15s,border-color .15s;display:inline-flex}.reaction-button_jUeWkW_Reaction:hover:not(.reaction-button_jUeWkW_isDisabled){--reaction-button_jUeWkW_reaction-button-border-color:var(--ui-interaction-primary);--reaction-button_jUeWkW_reaction-button-background-color:var(--ui-interaction-secondary-contrast)}.reaction-button_jUeWkW_hasReacted{--reaction-button_jUeWkW_reaction-button-border-color:var(--ui-interaction-secondary-contrast);--reaction-button_jUeWkW_reaction-button-background-color:var(--ui-interaction-secondary-contrast)}.reaction-button_jUeWkW_isDisabled{cursor:not-allowed;opacity:.5}.reaction-button_jUeWkW_Reaction--xs{--reaction-button_jUeWkW_reaction-height: 20px ;--reaction-button_jUeWkW_reaction-font-size: 11px }.reaction-button_jUeWkW_Reaction--sm{--reaction-button_jUeWkW_reaction-height: 24px ;--reaction-button_jUeWkW_reaction-font-size: 12px }.reaction-button_jUeWkW_Reaction--md{--reaction-button_jUeWkW_reaction-height: 28px ;--reaction-button_jUeWkW_reaction-font-size: 13px }.reaction-button_jUeWkW_Reaction--lg{--reaction-button_jUeWkW_reaction-height: 36px ;--reaction-button_jUeWkW_reaction-font-size: 15px }.reaction-button_jUeWkW_ReactButton{width:23px;height:23px;font-size: 15px ;border-radius: 4px ;justify-content:center;align-items:center;display:flex}
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_star {
  font-weight: normal;
  white-space: nowrap;
}
.druids_misc_star--is-disabled[class] {
  cursor: unset;
}
.druids_misc_star__input {
  display: none;
}
.druids_misc_star__label {
  display: block;
  position: relative;
  line-height: 0;
  pointer-events: none;
}
.druids_misc_star__icon-empty {
  position: absolute;
  left: 0;
}
.druids_misc_star--is-checked .druids_misc_star__icon-filled {
  color: var(--ui-important);
}
.druids_misc_star--is-checked .druids_misc_star__icon-empty {
  color: transparent;
}
.druids_misc_star:not(.druids_misc_star--is-checked) .druids_misc_star__icon-filled {
  color: transparent;
}
.druids_misc_star:not(.druids_misc_star--is-checked) .druids_misc_star__icon-empty {
  color: var(--ui-text-secondary);
}
.druids_misc_star--is-checked:not(.druids_misc_star--is-disabled):hover .druids_misc_star__icon-filled,
.druids_misc_star--is-checked:not(.druids_misc_star--is-disabled):active .druids_misc_star__icon-filled {
  color: var(--ui-important-contrast);
}
.druids_misc_star--is-checked:not(.druids_misc_star--is-disabled):hover .druids_misc_star__icon-empty,
.druids_misc_star--is-checked:not(.druids_misc_star--is-disabled):active .druids_misc_star__icon-empty {
  color: transparent;
}
.druids_misc_star:not(.druids_misc_star--is-checked):not(.druids_misc_star--is-disabled):hover .druids_misc_star__icon-filled,
.druids_misc_star:not(.druids_misc_star--is-checked):not(.druids_misc_star--is-disabled):active .druids_misc_star__icon-filled {
  color: transparent;
}
.druids_misc_star:not(.druids_misc_star--is-checked):not(.druids_misc_star--is-disabled):hover .druids_misc_star__icon-empty,
.druids_misc_star:not(.druids_misc_star--is-checked):not(.druids_misc_star--is-disabled):active .druids_misc_star__icon-empty {
  color: var(--ui-text);
}
.druids_misc_star--is-knockout.druids_misc_star--is-checked .druids_misc_star__icon-filled {
  color: var(--ui-text-knockout) !important;
}
.druids_misc_star--is-knockout.druids_misc_star--is-checked .druids_misc_star__icon-empty {
  color: transparent !important;
}
.druids_misc_star--is-knockout.druids_misc_star:not(.druids_misc_star--is-checked) .druids_misc_star__icon-filled {
  color: transparent !important;
}
.druids_misc_star--is-knockout.druids_misc_star:not(.druids_misc_star--is-checked) .druids_misc_star__icon-empty {
  color: var(--ui-text-knockout) !important;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_timeline_comment-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
}
.druids_misc_timeline_comment-box--has-avatar {
  grid-template-columns: max-content minmax(0, 1fr) max-content;
}
.druids_misc_timeline_comment-box--is-editing {
  grid-template-columns: 1fr;
  gap: 4px;
}
.druids_misc_timeline_comment-box--is-editing .druids_misc_timeline_comment-box__actions {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.druids_misc_timeline_comment-box__editor-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  min-width: 0;
}
.druids_misc_timeline_comment-box__input-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.druids_misc_timeline_comment-box__files {
  min-width: 0;
  overflow: hidden;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_timeline-skeleton {
  --timeline-markdown-hover-bg: var(--LIGHT, #eff1f5) var(--DARK, #272626);
  --timeline-fallback-date-width: 80px;
  --timeline-connector-width: 16px;
  --timeline-line-width: 2px;
  --timeline-dot-diameter: 8px;
  --timeline-dot-spacing: 5px;
  --timeline-internal-spacing: 4px;
  --timeline-items-spacing: 8px;
  --timeline-markdown-border-radius: 16px;
  display: grid;
  column-gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  /*
     * ELEMENTS
     */
  /*
     * FIRST/LAST ITEMS BEHAVIOR
     */
  /*
     * INTERACTIONS
     */
  /*
     * VARIANTS
     */
}
@supports (grid-template-columns: subgrid) {
  .druids_misc_timeline-skeleton {
    grid-template-columns: max-content max-content 1fr;
  }
}
.druids_misc_timeline-skeleton__item {
  display: grid;
  grid-template-rows: var(--timeline-items-spacing) auto 1fr var(--timeline-items-spacing);
  grid-template-columns: var(--timeline-fallback-date-width) max-content 1fr;
  column-gap: 8px;
  padding: 0 8px;
  border-radius: 4px;
}
@supports (grid-template-columns: subgrid) {
  .druids_misc_timeline-skeleton__item {
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
  }
}
.druids_misc_timeline-skeleton__date {
  padding: var(--timeline-internal-spacing) 0;
  grid-row: 2 / -1;
}
.druids_misc_timeline-skeleton__date-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: start;
}
.druids_misc_timeline-skeleton__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: center;
  gap: 8px;
  grid-row: 2;
  padding: var(--timeline-internal-spacing) 0;
}
.druids_misc_timeline-skeleton__title-content {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.druids_misc_timeline-skeleton__actions {
  visibility: hidden;
  flex-shrink: 0;
}
.druids_misc_timeline-skeleton__reactions {
  flex-shrink: 0;
}
.druids_misc_timeline-skeleton__reactions [aria-expanded] {
  visibility: hidden;
}
.druids_misc_timeline-skeleton__content {
  align-self: start;
  grid-row: 3;
  padding-bottom: var(--timeline-internal-spacing);
}
.druids_misc_timeline-skeleton__comment-display {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.druids_misc_timeline-skeleton__comment-display--is-spaced {
  gap: 8px;
}
.druids_misc_timeline-skeleton__comment-files {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.druids_misc_timeline-skeleton__comment-replies {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 24px;
}
.druids_misc_timeline-skeleton__comment-reply {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.druids_misc_timeline-skeleton__markdown {
  padding: 8px;
  background: var(--ui-background-secondary);
  border-radius: 0 var(--timeline-markdown-border-radius) var(--timeline-markdown-border-radius) var(--timeline-markdown-border-radius);
}
.druids_misc_timeline-skeleton__connector {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  grid-row: 2;
  position: relative;
  width: var(--timeline-connector-width);
}
.druids_misc_timeline-skeleton__connector::before,
.druids_misc_timeline-skeleton__connector::after {
  content: '';
  position: absolute;
  left: 50%;
  width: var(--timeline-line-width);
  background: var(--ui-border);
  transform: translateX(-50%);
}
.druids_misc_timeline-skeleton__connector::before {
  bottom: calc(50% + var(--timeline-dot-diameter) / 2 + var(--timeline-dot-spacing));
  top: 0;
}
.druids_misc_timeline-skeleton__connector::after {
  top: calc(50% + var(--timeline-dot-diameter) / 2 + var(--timeline-dot-spacing));
  bottom: 0;
}
.druids_misc_timeline-skeleton__connector:has(.druids_misc_timeline-skeleton__icon)::before {
  bottom: calc(50% + 16px / 2 + var(--timeline-dot-spacing));
}
.druids_misc_timeline-skeleton__connector:has(.druids_misc_timeline-skeleton__icon)::after {
  top: calc(50% + 16px / 2 + var(--timeline-dot-spacing));
}
.druids_misc_timeline-skeleton__connector-line,
.druids_misc_timeline-skeleton__head-connector-line {
  justify-self: center;
  align-self: stretch;
  width: var(--timeline-line-width);
  background: var(--ui-border);
}
.druids_misc_timeline-skeleton__connector-line {
  grid-row: 3 / -1;
}
.druids_misc_timeline-skeleton__head-connector-line {
  grid-row: 1;
  grid-column: 2;
}
.druids_misc_timeline-skeleton__dot {
  width: var(--timeline-dot-diameter);
  height: var(--timeline-dot-diameter);
  background: var(--ui-border);
  border-radius: 50%;
}
.druids_misc_timeline-skeleton__icon {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  color: var(--ui-icon);
}
.druids_misc_timeline-skeleton__icon--important {
  color: var(--ui-interaction-primary);
}
.druids_misc_timeline-skeleton__toggle {
  display: grid;
  grid-template-rows: var(--timeline-items-spacing) auto var(--timeline-items-spacing);
  grid-template-columns: var(--timeline-fallback-date-width) var(--timeline-connector-width) 1fr;
  grid-column: 1 / -1;
  column-gap: 8px;
  position: relative;
  padding: var(--timeline-internal-spacing) 0;
}
@supports (grid-template-columns: subgrid) {
  .druids_misc_timeline-skeleton__toggle {
    grid-template-columns: subgrid;
  }
}
.druids_misc_timeline-skeleton__toggle-button {
  grid-row: 2;
  grid-column: 1 / -1;
}
.druids_misc_timeline-skeleton__item:first-child .druids_misc_timeline-skeleton__date,
.druids_misc_timeline-skeleton__item:first-child .druids_misc_timeline-skeleton__title {
  padding-top: 0;
}
.druids_misc_timeline-skeleton__item:last-child .druids_misc_timeline-skeleton__content {
  padding-bottom: 0;
}
.druids_misc_timeline-skeleton__item:first-child .druids_misc_timeline-skeleton__connector {
  margin-top: calc(-1 * var(--timeline-internal-spacing));
}
.druids_misc_timeline-skeleton__item:first-child .druids_misc_timeline-skeleton__connector::before,
.druids_misc_timeline-skeleton--first-page .druids_misc_timeline-skeleton__item:first-child .druids_misc_timeline-skeleton__head-connector-line,
.druids_misc_timeline-skeleton--last-page .druids_misc_timeline-skeleton__item:last-child .druids_misc_timeline-skeleton__connector::after,
.druids_misc_timeline-skeleton--last-page .druids_misc_timeline-skeleton__item:last-child .druids_misc_timeline-skeleton__connector-line,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--folded) .druids_misc_timeline-skeleton__item:has( + .druids_misc_timeline-skeleton__toggle) .druids_misc_timeline-skeleton__connector::after,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--folded) .druids_misc_timeline-skeleton__item:has( + .druids_misc_timeline-skeleton__toggle) .druids_misc_timeline-skeleton__connector-line {
  visibility: hidden;
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--first-page) .druids_misc_timeline-skeleton__item:first-child .druids_misc_timeline-skeleton__connector::before {
  visibility: visible;
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--last-page) .druids_misc_timeline-skeleton__item:last-child .druids_misc_timeline-skeleton__connector-line,
.druids_misc_timeline-skeleton--folded .druids_misc_timeline-skeleton__item:has( + .druids_misc_timeline-skeleton__toggle) .druids_misc_timeline-skeleton__connector-line {
  background: linear-gradient(var(--ui-border), transparent);
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--first-page) .druids_misc_timeline-skeleton__item:first-child .druids_misc_timeline-skeleton__head-connector-line,
.druids_misc_timeline-skeleton--folded .druids_misc_timeline-skeleton__toggle + .druids_misc_timeline-skeleton__item .druids_misc_timeline-skeleton__head-connector-line {
  background: linear-gradient(transparent, var(--ui-border));
}
.druids_misc_timeline-skeleton__item:hover,
.druids_misc_timeline-skeleton__item:focus-within {
  background: var(--ui-background-secondary);
}
.druids_misc_timeline-skeleton__item--clickable:hover,
.druids_misc_timeline-skeleton__item--clickable:focus-within {
  background: var(--ui-interaction-secondary);
}
.druids_misc_timeline-skeleton__item:hover .druids_misc_timeline-skeleton__markdown,
.druids_misc_timeline-skeleton__item:focus .druids_misc_timeline-skeleton__markdown,
.druids_misc_timeline-skeleton__item:focus-within .druids_misc_timeline-skeleton__markdown {
  background: var(--timeline-markdown-hover-bg);
}
.druids_misc_timeline-skeleton__item:hover .druids_misc_timeline-skeleton__actions,
.druids_misc_timeline-skeleton__item:focus-within .druids_misc_timeline-skeleton__actions,
.druids_misc_timeline-skeleton__actions--is-popover-open,
.druids_misc_timeline-skeleton__item:hover .druids_misc_timeline-skeleton__reactions [aria-expanded],
.druids_misc_timeline-skeleton__item:focus-within .druids_misc_timeline-skeleton__reactions [aria-expanded],
.druids_misc_timeline-skeleton__reactions [aria-expanded='true'],
.druids_misc_timeline-skeleton__reactions--has-items [aria-expanded] {
  visibility: visible;
}
.druids_misc_timeline-skeleton--condensed .druids_misc_timeline-skeleton__item,
.druids_misc_timeline-skeleton--condensed .druids_misc_timeline-skeleton__item:last-child {
  grid-template-rows: 0 auto 1fr 0;
}
.druids_misc_timeline-skeleton--condensed .druids_misc_timeline-skeleton__toggle {
  grid-template-rows: 0 auto 0;
}
.druids_misc_timeline-skeleton--condensed.druids_misc_timeline-skeleton--folded .druids_misc_timeline-skeleton__toggle + .druids_misc_timeline-skeleton__item .druids_misc_timeline-skeleton__connector::before {
  background: linear-gradient(transparent, var(--ui-border));
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--first-page).druids_misc_timeline-skeleton--condensed .druids_misc_timeline-skeleton__item:first-child .druids_misc_timeline-skeleton__connector::before,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--first-page).druids_misc_timeline-skeleton--condensed .druids_misc_timeline-skeleton__item:first-child .druids_misc_timeline-skeleton__head-connector-line {
  visibility: visible;
}
.druids_misc_timeline-skeleton--condensed .druids_misc_timeline-skeleton__item:first-child {
  grid-template-rows: var(--timeline-items-spacing) auto 1fr 0;
}
@supports (grid-template-columns: subgrid) {
  .druids_misc_timeline-skeleton--stacked {
    grid-template-columns: max-content 1fr;
  }
}
.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__item {
  grid-template-rows: var(--timeline-items-spacing) auto auto 1fr var(--timeline-items-spacing);
  grid-template-columns: max-content 1fr;
}
.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__date {
  grid-row: 2;
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__date-content {
  align-items: flex-start;
  width: fit-content;
}
.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__title {
  grid-row: 3;
  grid-column: 2;
  padding-top: 0;
}
.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__content {
  grid-row: 4;
  grid-column: 2;
}
.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__connector {
  grid-row: 2;
  grid-column: 1;
}
.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__connector-line {
  grid-row: 3 / -1;
  grid-column: 1;
}
.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__head-connector-line {
  grid-row: 1;
  grid-column: 1;
}
.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__toggle {
  grid-template-columns: var(--timeline-connector-width) 1fr;
}
.druids_misc_timeline-skeleton--condensed.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__item {
  grid-template-rows: var(--timeline-items-spacing) auto auto 1fr 0;
}
.druids_misc_timeline-skeleton--folded.druids_misc_timeline-skeleton--condensed.druids_misc_timeline-skeleton--stacked .druids_misc_timeline-skeleton__item:last-child {
  grid-template-rows: 0 auto auto 1fr 0;
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--danger + .druids_misc_timeline-skeleton__item .druids_misc_timeline-skeleton__connector:before,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--danger + .druids_misc_timeline-skeleton__item .druids_misc_timeline-skeleton__head-connector-line,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--danger .druids_misc_timeline-skeleton__connector:after,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--danger .druids_misc_timeline-skeleton__connector-line,
.druids_misc_timeline-skeleton__item--danger .druids_misc_timeline-skeleton__dot {
  background: var(--ui-status-danger);
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--last-page) .druids_misc_timeline-skeleton__item:last-child.druids_misc_timeline-skeleton__item--danger .druids_misc_timeline-skeleton__connector-line,
.druids_misc_timeline-skeleton--folded .druids_misc_timeline-skeleton__item--danger:has( + .druids_misc_timeline-skeleton__toggle) .druids_misc_timeline-skeleton__connector-line {
  background: linear-gradient(var(--ui-status-danger), transparent);
}
.druids_misc_timeline-skeleton__item--danger .druids_misc_timeline-skeleton__icon {
  color: var(--ui-status-danger);
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--warning + .druids_misc_timeline-skeleton__item .druids_misc_timeline-skeleton__connector:before,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--warning + .druids_misc_timeline-skeleton__item .druids_misc_timeline-skeleton__head-connector-line,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--warning .druids_misc_timeline-skeleton__connector:after,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--warning .druids_misc_timeline-skeleton__connector-line,
.druids_misc_timeline-skeleton__item--warning .druids_misc_timeline-skeleton__dot {
  background: var(--ui-status-warning);
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--last-page) .druids_misc_timeline-skeleton__item:last-child.druids_misc_timeline-skeleton__item--warning .druids_misc_timeline-skeleton__connector-line,
.druids_misc_timeline-skeleton--folded .druids_misc_timeline-skeleton__item--warning:has( + .druids_misc_timeline-skeleton__toggle) .druids_misc_timeline-skeleton__connector-line {
  background: linear-gradient(var(--ui-status-warning), transparent);
}
.druids_misc_timeline-skeleton__item--warning .druids_misc_timeline-skeleton__icon {
  color: var(--ui-status-warning);
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--success + .druids_misc_timeline-skeleton__item .druids_misc_timeline-skeleton__connector:before,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--success + .druids_misc_timeline-skeleton__item .druids_misc_timeline-skeleton__head-connector-line,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--success .druids_misc_timeline-skeleton__connector:after,
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--soft) .druids_misc_timeline-skeleton__item--success .druids_misc_timeline-skeleton__connector-line,
.druids_misc_timeline-skeleton__item--success .druids_misc_timeline-skeleton__dot {
  background: var(--ui-status-success);
}
.druids_misc_timeline-skeleton:not(.druids_misc_timeline-skeleton--last-page) .druids_misc_timeline-skeleton__item:last-child.druids_misc_timeline-skeleton__item--success .druids_misc_timeline-skeleton__connector-line,
.druids_misc_timeline-skeleton--folded .druids_misc_timeline-skeleton__item--success:has( + .druids_misc_timeline-skeleton__toggle) .druids_misc_timeline-skeleton__connector-line {
  background: linear-gradient(var(--ui-status-success), transparent);
}
.druids_misc_timeline-skeleton__item--success .druids_misc_timeline-skeleton__icon {
  color: var(--ui-status-success);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_timeline-placeholder__toolbar {
  flex-shrink: 0;
  margin-bottom: 8px;
}
.druids_misc_timeline-placeholder__content {
  flex: 1 1 auto;
  min-height: 400px;
  background: var(--ui-placeholder);
  border-radius: 4px;
}
.druids_misc_timeline-placeholder__pagination {
  flex-shrink: 0;
  margin-top: 16px;
}
.druids_misc_timeline-placeholder__comment-box {
  flex-shrink: 0;
  margin-top: 16px;
}
.druids_misc_timeline-placeholder--has-height-constraint .druids_misc_timeline-placeholder__content {
  flex: 1 1 0;
  min-height: 0;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_timeline {
  --timeline-height: 100%;
  --timeline-max-height: 100%;
  --timeline-min-width: 330px;
  display: flex;
  flex-direction: column;
  height: var(--timeline-height);
  max-height: var(--timeline-max-height);
  min-width: var(--timeline-min-width);
}
.druids_misc_timeline--has-comment-box {
  min-width: var(--timeline-min-width);
}
.druids_misc_timeline__toolbar {
  flex-shrink: 0;
  min-height: fit-content;
}
.druids_misc_timeline__scrollbox-group {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.druids_misc_timeline__scrollbox {
  flex: 1;
  min-height: 0;
}
.druids_misc_timeline__content-placeholder {
  flex: 1 1 auto;
  min-height: 400px;
}
.druids_misc_timeline--has-height-constraint .druids_misc_timeline__content-placeholder {
  flex: 1 1 0;
  min-height: 0;
}
.druids_misc_timeline__pagination {
  flex-shrink: 0;
  margin-top: 16px;
  justify-content: flex-end;
}
.druids_misc_timeline__pagination--disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.druids_misc_timeline__comment-box {
  flex-shrink: 0;
  margin-top: 16px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_misc_video-player--has-preview-image {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.druids_misc_video-player--has-preview-image .druids_misc_video-player__preview-image,
.druids_misc_video-player--has-preview-image .druids_misc_video-player__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.druids_misc_video-player__preview-image {
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_misc_video-player__preview-image img {
  line-height: 0;
  width: 100%;
  height: 100%;
}
.druids_misc_video-player--has-video-ended .druids_misc_video-player__preview-image {
  background: var(--ui-background);
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_misc_video-player--has-video-ended .druids_misc_video-player__preview-image img {
  display: none;
}
.druids_misc_video-player__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  box-sizing: content-box;
  width: 40px;
  height: 40px;
  padding: 20px;
  border-radius: 100%;
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- FIXME: is there a better way than this + the filter invert? */
  background: #000;
  opacity: 0.45;
  transition: all 300ms;
  backface-visibility: hidden;
}
.druids_misc_video-player__play-button--is-light {
  filter: invert(1);
}
.druids_misc_video-player__preview-image:hover .druids_misc_video-player__play-button {
  opacity: 0.35;
  transform: translateX(-50%) translateY(-50%) scale(1.05);
}
.druids_misc_video-player__preview-image:hover .druids_misc_video-player__play-button--is-light {
  opacity: 0.5;
}
.druids_misc_video-player--play-button .druids_misc_video-player--has-play-been-triggered .druids_misc_video-player__play-button {
  display: none;
}
.druids_misc_video-player__play-icon {
  width: 100%;
  height: 100%;
  fill: #fff;
}
.druids_misc_video-player__modal-player {
  width: 80vw;
  height: calc(80vw * 9 / 16);
}
.druids_misc_video-player--has-preview-image .druids_misc_video-player__video {
  display: none;
}
.druids_misc_video-player--has-preview-image.druids_misc_video-player--has-play-been-triggered .druids_misc_video-player__video {
  display: block;
  transition: opacity 500ms;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_breadcrumbs-element {
  font-size: 11px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  max-width: 300px;
  line-height: 20px;
  /* stylelint-disable-next-line selector-disallowed-list -- See above */
}
.druids_nav_breadcrumbs-element--is-text {
  color: var(--ui-text);
}
.druids_nav_breadcrumbs-element__arrow {
  fill: var(--ui-text-secondary);
  margin: 0px 8px;
  flex-shrink: 0;
}
.druids_nav_breadcrumbs-element a {
  --link-hover: var(--LIGHT, #0b0f8b) var(--DARK, #7ab5ea);
  --link-active: var(--LIGHT, #080b65) var(--DARK, #a4cef7);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--ui-interaction-primary);
}
.druids_nav_breadcrumbs-element a:hover {
  color: var(--link-hover);
}
.druids_nav_breadcrumbs-element a:active {
  color: var(--link-active);
}

.druids_nav_breadcrumbs-explorer__content--is-hidden {
  display: none;
}
.druids_nav_breadcrumbs-explorer__breadcrumbs {
  list-style: none;
}

.druids_nav_product-header-breadcrumbs {
  width: 100%;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_product-header-dropdown-item {
  --product-header-text-color: var(--LIGHT, #292e39) var(--DARK, #bcc8e2);
  --product-header-accent-color: var(--LIGHT, #3a4661) var(--DARK, #8d9fc6);
  --product-header-icon-gradient-start-color: var(--LIGHT, #658be0) var(--DARK, #bfc7d7);
  --product-header-icon-gradient-end-color: var(--LIGHT, #292e39) var(--DARK, #8d9fc6);
  --product-header-interaction-background-color: var(--LIGHT, #f4f6fe) var(--DARK, #292e39);
  --product-header-interaction-text-color-contrast: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #000000)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #e8ecf6));
  --product-header-interaction-background-color-contrast: var(--LIGHT, #e8ecf6) var(--DARK, #212631);
  --product-header-interaction-text-color: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #181b23)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #bcc8e2));
  --product-header-dropdown-item-hover-text: var(--LIGHT, #0c3aa5) var(--DARK, #9ebdff);
  --product-header-dropdown-item-active-text: var(--LIGHT, #083294) var(--DARK, #8bacf3);
  width: 100%;
  min-width: 180px;
  text-align: left;
  padding: 6px 12px;
  position: relative;
  color: var(--ui-text);
  --_external-icon-color: var(--ui-icon);
}
.druids_nav_product-header-dropdown-item:hover {
  background-color: var(--product-header-interaction-background-color);
  color: var(--product-header-dropdown-item-hover-text);
  --_external-icon-color: var(--product-header-dropdown-item-hover-text);
}
.druids_nav_product-header-dropdown-item:active {
  background-color: var(--product-header-interaction-background-color-contrast);
  color: var(--product-header-dropdown-item-active-text);
  --_external-icon-color: var(--product-header-dropdown-item-active-text);
}
.druids_nav_product-header-dropdown-item--is-disabled {
  opacity: 0.5;
}
.druids_nav_product-header-dropdown-item--is-disabled:hover,
.druids_nav_product-header-dropdown-item--is-disabled:active {
  background-color: transparent;
  color: inherit;
}
.druids_nav_product-header-dropdown-item-wrapper {
  position: relative;
}
.druids_nav_product-header-dropdown-item__separator {
  display: block;
  height: 1px;
  background-color: var(--ui-border);
  margin: 4px 0;
}
.druids_nav_product-header-dropdown-item__separator--is-indented {
  margin-left: 16px;
}
.druids_nav_product-header-dropdown-item__label-wrapper {
  display: flex;
  align-items: center;
  min-width: 0;
}
.druids_nav_product-header-dropdown-item__primary-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.druids_nav_product-header-dropdown-item--is-indented::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--ui-border);
}
.druids_nav_product-header-dropdown-item:not(.druids_nav_product-header-dropdown-item--is-disabled).druids_nav_product-header-dropdown-item--is-indented:hover::before {
  background-color: currentColor;
  opacity: 0.5;
}
.druids_nav_product-header-dropdown-item--is-indented .druids_nav_product-header-dropdown-item__label-wrapper {
  padding-left: 16px;
}
.druids_nav_product-header-dropdown-item--is-indented .druids_nav_product-header-dropdown-item__section-header {
  padding-left: 28px;
}
.druids_nav_product-header-dropdown-item__label-wrapper,
.druids_nav_product-header-dropdown-item__section-header {
  line-height: 28px;
  display: flex;
  align-items: center;
}
.druids_nav_product-header-dropdown-item__section-header {
  cursor: default;
  padding: 0 12px;
}
.druids_nav_product-header-dropdown-item__icon {
  height: 28px;
  margin-right: 12px;
}
.druids_nav_product-header-dropdown-item__section-header-wrapper {
  padding: 4px 0 0 0;
  position: relative;
}
.druids_nav_product-header-dropdown-item__separator {
  display: block;
  width: 100%;
  height: 1px;
  margin: 4px 0;
  background-color: var(--ui-border);
  pointer-events: none;
}
:first-child > .druids_nav_product-header-dropdown-item__separator {
  display: none;
}
.druids_nav_product-header-dropdown-item__separator--is-indented {
  margin-left: 16px;
  width: 84%;
}
.druids_nav_product-header-dropdown-item-wrapper:not(
                    .druids_nav_product-header-dropdown-item--is-indented
                ) + .druids_nav_product-header-dropdown-item__section-header-wrapper > .druids_nav_product-header-dropdown-item__separator--is-indented {
  display: none;
}

.druids_nav_tab-list-skeleton__handle {
  height: 100%;
  display: flex;
  width: var(--handle-width);
  justify-content: space-between;
}
.druids_nav_tab-list-skeleton__handle__active-tab {
  max-width: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_product-header-tab {
  --product-header-text-color: var(--LIGHT, #292e39) var(--DARK, #bcc8e2);
  --product-header-accent-color: var(--LIGHT, #3a4661) var(--DARK, #8d9fc6);
  --product-header-icon-gradient-start-color: var(--LIGHT, #658be0) var(--DARK, #bfc7d7);
  --product-header-icon-gradient-end-color: var(--LIGHT, #292e39) var(--DARK, #8d9fc6);
  --product-header-interaction-background-color: var(--LIGHT, #f4f6fe) var(--DARK, #292e39);
  --product-header-interaction-text-color-contrast: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #000000)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #e8ecf6));
  --product-header-interaction-background-color-contrast: var(--LIGHT, #e8ecf6) var(--DARK, #212631);
  --product-header-interaction-text-color: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #181b23)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #bcc8e2));
  --inactive-tab-background-color: var(--ui-background);
  --inactive-tab-text-color: var(--ui-text-secondary);
  --active-tab-underline-color: var(--product-header-accent-color);
  position: relative;
  display: flex;
  align-items: stretch;
  height: 45px;
  min-width: 45px;
  padding: 0 15px;
  border-bottom: 1px solid var(--ui-border);
  font-size: 15px;
  color: var(--inactive-tab-text-color);
}
.druids_nav_product-header-tab--is-disabled {
  --inactive-tab-text-color: var(--ui-text-disabled);
  --tab-hover-background-color: transparent;
  --tab-hover-text-color: var(--ui-text-disabled);
}
.druids_nav_product-header-tab__content:not(:first-child)[class] {
  margin-left: -1px !important;
}
.druids_nav_product-header-tab__content:has(.druids_nav_product-header-tab__separator-right) + .druids_nav_product-header-tab__content {
  margin-left: 0 !important;
}
.druids_nav_product-header-tab--is-active {
  border-bottom: none;
  background: var(--product-header-interaction-background-color);
}
.druids_nav_product-header-tab--is-active::before,
.druids_nav_product-header-tab--is-active::after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 15px;
  border-bottom: 1px solid var(--ui-border);
  z-index: 1;
}
.druids_nav_product-header-tab--is-active::before {
  left: 0;
  border-left: 1px solid var(--ui-border);
}
.druids_nav_product-header--is-title-empty .druids_nav_product-header-tab-list--is-first-tab-selected .druids_nav_product-header-tab--is-active::before {
  border-left: none;
}
.druids_nav_product-header-tab--is-active::after {
  right: 0;
  border-right: 1px solid var(--ui-border);
}
.druids_nav_product-header-tab--is-active {
  background: linear-gradient(180deg, var(--product-header-interaction-background-color) 40%, var(--ui-background) 100%);
}
.druids_nav_product-header-tab__bold-label {
  font-weight: 600;
  opacity: 0;
}
.druids_nav_product-header-tab--is-active .druids_nav_product-header-tab__bold-label {
  clip-path: inset(0 0 0 0);
}
.druids_nav_product-header-tab--is-active .druids_nav_product-header-tab__bold-label::after {
  content: '';
  background: var(--active-tab-underline-color);
  border: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  transform: none;
  left: 0;
  z-index: 2;
}
.druids_nav_product-header-tab__regular-label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.druids_nav_product-header-tab__regular-label-content {
  position: relative;
  z-index: 1;
  width: 100%;
}
.druids_nav_product-header-tab:hover:not(.druids_nav_product-header-tab--is-active):not(.druids_nav_product-header-tab--is-disabled),
.druids_nav_product-header-tab--is-menu-open,
.druids_nav_product-header-tab--is-hovered {
  background-color: var(--product-header-interaction-background-color);
  color: var(--product-header-interaction-text-color);
}
.druids_nav_product-header-tab:active:not(.druids_nav_product-header-tab--is-active):not(.druids_nav_product-header-tab--is-disabled) {
  background-color: var(--product-header-interaction-background-color-contrast);
  color: var(--product-header-interaction-text-color-contrast);
}
.druids_nav_product-header-tab--is-active .druids_nav_product-header-tab__bold-label {
  color: var(--product-header-interaction-text-color-contrast);
  opacity: 1;
  border-bottom: 1px solid var(--ui-border);
}
.druids_nav_product-header-tab--is-active .druids_nav_product-header-tab__regular-label {
  opacity: 0;
}
.druids_nav_product-header-tab__feature-status-label {
  margin-bottom: -9px;
  transform: translateY(-7px);
  font-size: 9px;
}
.druids_nav_product-header-tab__dropdown-icon--is-active {
  opacity: 0;
}
.druids_nav_product-header-tab--has-dropdown-items.druids_nav_product-header-tab--is-active .druids_nav_product-header-tab__bold-label > * {
  transform: translateX(12px);
}
.druids_nav_product-header-tab--has-dropdown-items.druids_nav_product-header-tab--is-active .druids_nav_product-header-tab__bold-label > .druids_nav_product-header-tab__feature-status-label {
  transform: translateY(-7px) translateX(12px);
}
.druids_nav_product-header-tab__popover-wrapper {
  display: flex;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_product-header-title {
  --product-header-text-color: var(--LIGHT, #292e39) var(--DARK, #bcc8e2);
  --product-header-accent-color: var(--LIGHT, #3a4661) var(--DARK, #8d9fc6);
  --product-header-icon-gradient-start-color: var(--LIGHT, #658be0) var(--DARK, #bfc7d7);
  --product-header-icon-gradient-end-color: var(--LIGHT, #292e39) var(--DARK, #8d9fc6);
  --product-header-interaction-background-color: var(--LIGHT, #f4f6fe) var(--DARK, #292e39);
  --product-header-interaction-text-color-contrast: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #000000)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #e8ecf6));
  --product-header-interaction-background-color-contrast: var(--LIGHT, #e8ecf6) var(--DARK, #212631);
  --product-header-interaction-text-color: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #181b23)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #bcc8e2));
}
.druids_nav_product-header-title__title {
  min-height: 45px;
  z-index: 1;
}
.druids_nav_product-header-title__title__label {
  white-space: nowrap;
}
.druids_nav_product-header-title__title__icon {
  color: var(--ui-icon);
}
.druids_nav_product-header-breadcrumbs .druids_nav_product-header-title__title__icon {
  color: inherit;
}
.druids_nav_product-header-breadcrumbs .druids_nav_product-header-title__title__icon > linearGradient {
  display: none;
}
.druids_nav_product-header-title__title__link {
  --_title-icon-color: var(--ui-icon);
  color: var(--ui-text);
}
.druids_nav_product-header-title__title__link:hover {
  --_title-icon-color: var(--ui-interaction-primary);
  color: var(--ui-interaction-primary);
}
.druids_nav_product-header-title__title__link:active {
  --_title-icon-color: var(--ui-interaction-primary-contrast);
  color: var(--ui-interaction-primary-contrast);
}
.druids_nav_product-header-title__title__link:hover .druids_nav_product-header-title__title__icon,
.druids_nav_product-header-title__title__link:active .druids_nav_product-header-title__title__icon {
  color: inherit;
}
.druids_nav_product-header-title__title__link:hover .druids_nav_product-header-title__title__icon > *,
.druids_nav_product-header-title__title__link:active .druids_nav_product-header-title__title__icon > * {
  fill: currentColor;
}
.druids_nav_product-header-title__nav-menu {
  --product-header-text-color: var(--LIGHT, #292e39) var(--DARK, #bcc8e2);
  --product-header-accent-color: var(--LIGHT, #3a4661) var(--DARK, #8d9fc6);
  --product-header-icon-gradient-start-color: var(--LIGHT, #658be0) var(--DARK, #bfc7d7);
  --product-header-icon-gradient-end-color: var(--LIGHT, #292e39) var(--DARK, #8d9fc6);
  --product-header-interaction-background-color: var(--LIGHT, #f4f6fe) var(--DARK, #292e39);
  --product-header-interaction-text-color-contrast: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #000000)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #e8ecf6));
  --product-header-interaction-background-color-contrast: var(--LIGHT, #e8ecf6) var(--DARK, #212631);
  --product-header-interaction-text-color: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #181b23)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #bcc8e2));
  border-radius: 0 0 4px 4px;
}
.druids_nav_product-header-title__nav-menu > * {
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.druids_nav_product-header-title__nav-menu__handle {
  position: relative;
  width: 100%;
}
.druids_nav_product-header-title__nav-menu__handle::before,
.druids_nav_product-header-title__nav-menu__handle::after {
  content: '';
  width: 16px;
  height: 100%;
  position: absolute;
  top: 0;
}
.druids_nav_product-header-title__nav-menu__handle::before {
  left: -16px;
}
.druids_nav_product-header-title__nav-menu__handle::after {
  right: -16px;
}
.druids_nav_product-header-title__nav-menu__handle:hover {
  background-color: var(--product-header-interaction-background-color);
  color: var(--product-header-interaction-text-color);
  --_title-icon-color: var(--product-header-interaction-icon-color);
}
.druids_nav_product-header-title__nav-menu__handle:hover::before,
.druids_nav_product-header-title__nav-menu__handle:hover::after {
  background-color: var(--product-header-interaction-background-color);
}
.druids_nav_product-header-title__nav-menu__handle:active {
  background-color: var(--product-header-interaction-background-color-contrast);
  color: var(--product-header-interaction-text-color-contrast);
  --_title-icon-color: var(--product-header-interaction-text-color-contrast);
}
.druids_nav_product-header-title__nav-menu__handle:active::before,
.druids_nav_product-header-title__nav-menu__handle:active::after {
  background-color: var(--product-header-interaction-background-color-contrast);
}
.druids_nav_product-header-title__nav-menu__handle.druids_nav_product-header-title__nav-menu--is-open::after {
  display: none;
}
.druids_nav_product-header-title__nav-menu__handle:hover .druids_nav_product-header-title__title__icon,
.druids_nav_product-header-title__nav-menu__handle:active .druids_nav_product-header-title__title__icon {
  color: inherit;
}
.druids_nav_product-header-title__nav-menu__handle:hover .druids_nav_product-header-title__title__icon > *,
.druids_nav_product-header-title__nav-menu__handle:active .druids_nav_product-header-title__title__icon > * {
  fill: currentColor;
}
.druids_nav_product-header-title__nav-menu__icon {
  position: relative;
  z-index: 1;
}
.druids_nav_product-header-title__nav-menu--is-open .druids_nav_product-header-title__nav-menu__icon {
  transform: translateY(2px);
}
.druids_nav_product-header-title__nav-menu__section-wrapper {
  border-top: 1px solid var(--ui-border);
}
.druids_nav_product-header-title--is-nav-variant {
  margin-left: -8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_product-header {
  --product-header-text-color: var(--LIGHT, #292e39) var(--DARK, #bcc8e2);
  --product-header-accent-color: var(--LIGHT, #3a4661) var(--DARK, #8d9fc6);
  --product-header-icon-gradient-start-color: var(--LIGHT, #658be0) var(--DARK, #bfc7d7);
  --product-header-icon-gradient-end-color: var(--LIGHT, #292e39) var(--DARK, #8d9fc6);
  --product-header-interaction-background-color: var(--LIGHT, #f4f6fe) var(--DARK, #292e39);
  --product-header-interaction-text-color-contrast: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #000000)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #e8ecf6));
  --product-header-interaction-background-color-contrast: var(--LIGHT, #e8ecf6) var(--DARK, #212631);
  --product-header-interaction-text-color: var(--LIGHT, var(--CONTRAST_DEFAULT, #292e39) var(--CONTRAST_HIGH, #181b23)) var(--DARK, var(--CONTRAST_DEFAULT, #bcc8e2) var(--CONTRAST_HIGH, #bcc8e2));
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 45px;
  white-space: nowrap;
  overflow-x: auto;
  position: relative;
}
.druids_nav_product-header--is-sticky {
  position: sticky;
}
.druids_nav_product-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ui-border);
  pointer-events: none;
  z-index: 0;
}
.druids_nav_product-header__tab-list {
  position: relative;
  z-index: 1;
}
.druids_nav_product-header--has-breadcrumbs .druids_nav_product-header__left-side {
  min-width: 0;
  width: 100%;
}
.druids_nav_product-header:not(.druids_nav_product-header--is-title-empty) .druids_nav_product-header__left-side {
  margin-left: 16px;
}
.druids_nav_product-header__tab-list:not(:first-child) {
  margin-left: 16px;
}
.druids_nav_product-header--has-title-right .druids_nav_product-header__tab-list {
  margin-left: 0;
}
.druids_nav_product-header > *:last-child:not(:has(.druids_nav_product-header__tab-list)) {
  margin-right: 16px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_prominent-tab {
  all: unset;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  cursor: default;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 16px;
  box-sizing: border-box;
  position: relative;
  background-color: var(--ui-background-secondary);
  border: var(--CONTRAST_DEFAULT, none) var(--CONTRAST_HIGH, 1px solid var(--ui-border));
  --local-active-tab-background-color: var(--prominent-tab-custom-background-color, var(--ui-interaction-primary));
  --local-active-tab-label-color: var(--prominent-tab-custom-label-color, var(--prominent-tab-custom-background-color, var(--ui-interaction-text)));
  --local-active-tab-text-color: var(--prominent-tab-custom-text-color, var(--ui-text-knockout));
}
.druids_nav_prominent-tab__icon {
  color: var(--local-active-tab-label-color);
}
.druids_nav_prominent-tab__label {
  color: var(--local-active-tab-label-color);
  font-weight: 600;
  line-height: 20px;
  display: flex;
}
.druids_nav_prominent-tab__description {
  color: var(--ui-text-secondary);
  line-height: 20px;
}
.druids_nav_prominent-tab--has-description {
  padding: 8px 24px 8px 16px;
}
.druids_nav_prominent-tab--is-active:not(.druids_nav_prominent-tab--is-low-impact):not(.druids_nav_prominent-tab--is-disabled) {
  background-color: var(--local-active-tab-background-color);
  color: var(--ui-text-knockout);
}
.druids_nav_prominent-tab--is-active:not(.druids_nav_prominent-tab--is-low-impact):not(.druids_nav_prominent-tab--is-disabled) .druids_nav_prominent-tab__label,
.druids_nav_prominent-tab--is-active:not(.druids_nav_prominent-tab--is-low-impact):not(.druids_nav_prominent-tab--is-disabled) .druids_nav_prominent-tab__icon {
  color: var(--local-active-tab-text-color);
}
.druids_nav_prominent-tab--is-active:not(.druids_nav_prominent-tab--is-low-impact):not(.druids_nav_prominent-tab--is-disabled) .druids_nav_prominent-tab__description {
  color: var(--local-active-tab-text-color);
}
.druids_nav_prominent-tab:not(.druids_nav_prominent-tab--is-disabled) {
  cursor: pointer;
}
.druids_nav_prominent-tab--is-disabled .druids_nav_prominent-tab__label,
.druids_nav_prominent-tab--is-disabled .druids_nav_prominent-tab__icon {
  color: var(--ui-text-disabled);
}
.druids_nav_prominent-tab__count {
  --count-pill-background: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --local-text-color: var(--badge-custom-text-color, var(--ui-text));
  --local-background-color: var(--badge-custom-background-color, var(--ui-background));
  --local-background-color-hover: var(--badge-custom-background-color-hover, var(--ui-border));
  --local-border-color: var(--badge-custom-border-color, var(--ui-border));
  position: absolute;
  top: 0;
  right: 0;
  line-height: 14px;
  background: var(--count-pill-background);
  padding: 0 4px;
  font-size: 11px;
  font-weight: 600;
}
.druids_nav_prominent-tab--is-count-danger {
  --status-pill-soft-background-danger-contrast: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  --status-pill-soft-text-danger: var(--LIGHT, var(--ui-status-danger-contrast)) var(--DARK, #ed4f61);
  --status-pill-soft-background-warning-contrast: var(--LIGHT, #ffe6a2) var(--DARK, #664811);
  --status-pill-background-warning-hover: var(--LIGHT, #f27c00) var(--DARK, #e5a226);
  --status-pill-soft-text-warning: var(--LIGHT, #de5f0c) var(--DARK, var(--ui-status-warning-contrast));
  --status-pill-soft-text-success: var(--LIGHT, #2a7e41) var(--DARK, #52b76d);
  --status-pill-soft-background-success-contrast: var(--LIGHT, #d9f3e0) var(--DARK, #133a1d);
  --status-pill-soft-background-other-contrast: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --status-pill-soft-text-other: var(--LIGHT, #585f70) var(--DARK, var(--ui-text-secondary));
  --status-pill-soft-background-in-progress-contrast: var(--LIGHT, #e6d6f9) var(--DARK, #320e51);
  --status-pill-soft-text-in-progress: var(--LIGHT, #451481) var(--DARK, #a26dd8);
  background-color: var(--ui-status-danger-soft);
  color: var(--status-pill-soft-text-danger);
}
.druids_nav_prominent-tab--is-active:not(.druids_nav_prominent-tab--is-low-impact) .druids_nav_prominent-tab__count:not(.druids_nav_prominent-tab--is-count-danger) {
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  color: var(--ui-text-knockout);
  background: rgba(29, 28, 31, 0.5);
}
.druids_nav_prominent-tab--is-low-impact.druids_nav_prominent-tab--is-active {
  background-color: var(--ui-background-secondary);
  color: var(--local-active-tab-label-color);
}
.druids_nav_prominent-tab--is-low-impact.druids_nav_prominent-tab--is-active:after {
  position: absolute;
  content: '';
  background-color: var(--local-active-tab-label-color);
  height: 4px;
  bottom: -1px;
  left: 0;
  right: 0;
}
.druids_nav_prominent-tab:hover:not(.druids_nav_prominent-tab--is-active):not(.druids_nav_prominent-tab--is-disabled) {
  background-color: var(--ui-interaction-secondary);
}
.druids_nav_prominent-tab--is-handle {
  padding: 16px;
}
.druids_nav_prominent-tab--is-rounded {
  border-radius: 4px;
}
@media (forced-colors: active) {
  .druids_nav_prominent-tab--is-active:not(.druids_nav_prominent-tab--is-disabled) {
    outline: 2px solid Highlight !important;
    outline-offset: -2px !important;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_prominent-tab-list {
  background-color: var(--ui-background);
  padding: 4px 8px 0 8px;
}
.druids_nav_prominent-tab-list__handle .druids_nav_prominent-tab__label {
  display: flex;
}
.druids_nav_prominent-tab-list--is-low-impact {
  padding: 0 8px;
}
.druids_nav_prominent-tab-list--is-vertical {
  padding: 0;
  display: flex;
  width: max-content;
}
.druids_nav_prominent-tab-list--has-border:not(.druids_nav_prominent-tab-list--is-vertical) {
  border-bottom: 1px solid var(--ui-border);
}
.druids_nav_prominent-tab-list--has-border.druids_nav_prominent-tab-list--is-vertical {
  border-right: 1px solid var(--ui-border);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_nav_vertical-nav {
  min-width: 200px;
  max-width: 256px;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_nav_vertical-nav__section-header {
  padding-left: 8px;
  margin-bottom: 4px;
}
.druids_nav_vertical-nav__section-header:not(:first-child) {
  margin-top: 8px;
}
.druids_nav_vertical-nav__selectable-item {
  text-align: left;
  border-radius: 4px;
  padding: 8px 16px;
}
.druids_nav_vertical-nav__section-header__feature-status-label,
.druids_nav_vertical-nav__selectable-item__feature-status-label {
  display: inline-block;
}
.druids_nav_vertical-nav__section-header--has-feature-status .druids_nav_vertical-nav__section-header__label,
.druids_nav_vertical-nav__selectable-item--has-feature-status .druids_nav_vertical-nav__selectable-item__label {
  margin-right: 8px;
}
.druids_nav_vertical-nav__selectable-item svg:not(.druids_nav_vertical-nav__selectable-item__extra-content *) {
  color: var(--ui-icon);
}
.druids_nav_vertical-nav__selectable-item:hover,
.druids_nav_vertical-nav__selectable-item:active,
.druids_nav_vertical-nav__selectable-item--selected[class],
.druids_nav_vertical-nav__selectable-item--disabled[class] {
  /* stylelint-disable-next-line selector-disallowed-list -- Currently, there is no better way to guarantee the color change */
}
.druids_nav_vertical-nav__selectable-item:hover *:not(
                    .druids_nav_vertical-nav__selectable-item__extra-content *
                ),
.druids_nav_vertical-nav__selectable-item:active *:not(
                    .druids_nav_vertical-nav__selectable-item__extra-content *
                ),
.druids_nav_vertical-nav__selectable-item--selected[class] *:not(
                    .druids_nav_vertical-nav__selectable-item__extra-content *
                ),
.druids_nav_vertical-nav__selectable-item--disabled[class] *:not(
                    .druids_nav_vertical-nav__selectable-item__extra-content *
                ) {
  color: inherit;
}
.druids_nav_vertical-nav__selectable-item--disabled[class] {
  background-color: transparent;
  color: var(--ui-text-disabled);
}
.druids_nav_vertical-nav--has-squared-items .druids_nav_vertical-nav__selectable-item {
  border-radius: 0;
}
.druids_nav_vertical-nav--is-full-width {
  max-width: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_onboarding_billboard {
  position: relative;
  width: 100%;
  background-color: transparent;
  background-blend-mode: overlay;
  --filter-opacity-compensation: brightness(0);
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_onboarding_billboard__inner-wrapper {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 8px 24px 24px 24px;
}
.druids_onboarding_billboard__dismiss-button[class] {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.druids_onboarding_billboard__dismiss-button[class]:hover {
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- FIXME: Use non-raw values */
  background-color: rgba(255, 255, 255, 0.25);
}
.druids_onboarding_billboard__dismiss-button[class]:active {
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- FIXME: Use non-raw values */
  background-color: rgba(255, 255, 255, 0.15);
}
.druids_onboarding_billboard__content {
  width: 100%;
}
.druids_onboarding_billboard__media {
  position: relative;
  flex-shrink: 0;
  width: 50%;
  line-height: 0;
  height: auto;
}
.druids_onboarding_billboard--has-drop-shadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
}
.druids_onboarding_billboard__post-video-overlay {
  --billboard-post-video-overlay-bg: var(--LIGHT, rgba(255, 255, 255, 0.6)) var(--DARK, rgba(29, 28, 31, 0.4));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--billboard-post-video-overlay-bg);
  pointer-events: none;
  opacity: 0;
}
.druids_onboarding_billboard__post-video-overlay__content {
  --billboard-post-video-overlay-content-shadow: var(--LIGHT, rgba(29, 28, 31, 0.5)) var(--DARK, rgba(255, 255, 255, 0.5));
  filter: drop-shadow(0 0 48px var(--billboard-post-video-overlay-content-shadow));
}
.druids_onboarding_billboard--has-video-ended .druids_onboarding_billboard__post-video-overlay {
  pointer-events: unset;
  opacity: 1;
  transition: opacity 500ms;
}
.druids_onboarding_billboard--has-video-ended .druids_onboarding_billboard__media iframe {
  opacity: 0.5;
}
.druids_onboarding_billboard__message {
  position: relative;
  mix-blend-mode: screen;
  filter: contrast(0.9);
}
.druids_onboarding_billboard__headline {
  margin: 0;
  font-weight: 600;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: var(--ui-text-knockout);
  display: inline;
}
.druids_onboarding_billboard__cta {
  display: inline-flex;
  align-items: flex-start;
  margin-top: 1.25em;
  font-size: inherit;
  padding: 0.35em 0.5em;
  background-color: transparent;
  color: var(--ui-text-knockout);
  border: 1px solid var(--ui-text-knockout);
  border-radius: 4px;
  text-transform: capitalize;
  letter-spacing: 0;
  transition: opacity 200ms ease, background-color 100ms ease, color 100ms ease;
  opacity: 0.95;
}
.druids_onboarding_billboard__cta-icon {
  margin: 0.15em 0 0 0.5em;
  flex-shrink: 0;
}
.druids_onboarding_billboard__cta:hover {
  opacity: 1;
  background-color: var(--ui-text-knockout);
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- Necessary to override legacy Less <a> styling :( */
  color: black;
}
.druids_onboarding_billboard__cta:active {
  box-shadow: inset 0 0.1em 0.3em rgba(36, 41, 49, 0.44);
}
.druids_onboarding_billboard__cta:first-child {
  background-color: var(--ui-text-knockout);
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- Needed for mix-blend-mode:screen */
  color: black;
}
.druids_onboarding_billboard__feature-status {
  vertical-align: text-top;
  border-radius: 4px;
  padding: 2px 4px;
  background-color: var(--ui-text-knockout);
  /* stylelint-disable-next-line scale-unlimited/declaration-strict-value -- Needed for mix-blend-mode:screen */
  color: black;
}
@media screen and (max-width: 768px) {
  .druids_onboarding_billboard__inner-wrapper > .druids_onboarding_billboard__dismiss-button-wrapper {
    display: none;
  }
  .druids_onboarding_billboard__content {
    display: flex;
    flex-direction: column-reverse;
  }
  .druids_onboarding_billboard__message {
    margin: 24px 0 24px 8px;
  }
  .druids_onboarding_billboard__headline {
    margin-right: 48px;
  }
  .druids_onboarding_billboard--has-video .druids_onboarding_billboard__media {
    width: 100%;
  }
  .druids_onboarding_billboard:not(.druids_onboarding_billboard--has-video) .druids_onboarding_billboard__media {
    display: none;
  }
  .druids_onboarding_billboard--has-video .druids_onboarding_billboard__bullets {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .druids_onboarding_billboard {
    display: inline-flex;
  }
  .druids_onboarding_billboard__inner-wrapper {
    max-width: none;
    padding: 24px;
  }
  .druids_onboarding_billboard__dismiss-button {
    margin-top: 8px;
    margin-right: 8px;
  }
  .druids_onboarding_billboard__content {
    display: flex;
    margin-top: 0;
    align-items: center;
    justify-content: center;
  }
  .druids_onboarding_billboard__message {
    width: 50%;
    margin: 16px 56px;
  }
  .druids_onboarding_billboard__message .druids_onboarding_billboard__dismiss-button-wrapper {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .druids_onboarding_billboard__media,
  .druids_onboarding_billboard__message {
    max-width: 900px;
  }
  .druids_onboarding_billboard__message {
    margin-left: 72px;
  }
}
/* NOTE: July 2020 — We're trying an idea from a
   possible new editorial typography scale here.
   We'll reconcile later with proper componentized
   styles as necessary.
*/
.druids_onboarding_billboard__headline[class] {
  font-size: 24px;
  line-height: 1.25;
}
@media screen and (min-width: 1200px) {
  .druids_onboarding_billboard__headline[class] {
    font-size: 28px;
  }
}
@media screen and (min-width: 1800px) {
  .druids_onboarding_billboard__headline[class] {
    font-size: 32px;
  }
}
.druids_onboarding_billboard__bullets[class][class] {
  padding-left: 2em;
}
@media screen and (min-width: 1800px) {
  .druids_onboarding_billboard__bullets[class][class] {
    padding-left: 2.625em;
  }
}
.druids_onboarding_billboard__bullet[class][class] {
  position: relative;
  list-style-type: none;
  font-size: 14px;
  line-height: 1.375;
  margin-top: 0.75em;
  margin-left: var(--_billboard-bullet-margin-left, -0.5em);
  padding-left: var(--_billboard-bullet-padding-left, 0.25em);
  max-width: 75ch;
  color: var(--ui-text-knockout);
}
@media screen and (min-width: 1200px) {
  .druids_onboarding_billboard__bullet[class][class] {
    font-size: 16px;
  }
}
@media screen and (min-width: 1800px) {
  .druids_onboarding_billboard__bullet[class][class] {
    font-size: 18px;
  }
}
.druids_onboarding_billboard__bullet[class][class]:first-child {
  margin-top: 0;
}
.druids_onboarding_billboard__message--has-headline .druids_onboarding_billboard__bullet[class][class]:first-child {
  margin-top: 1.5em;
}
.druids_onboarding_billboard__bullet--is-marker-hidden::before {
  display: none;
}
:not(.druids_onboarding_billboard__bullets--has-single-bullet) > .druids_onboarding_billboard__bullet::before {
  content: '';
  position: absolute;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  transform: scale(0.4);
  transform-origin: left;
  top: 0.25em;
  margin-left: -1.125em;
  background-color: var(--ui-text-knockout);
  opacity: 0.5;
}
.druids_onboarding_billboard__bullets--has-single-bullet[class][class] {
  padding-left: 0;
  --_billboard-bullet-margin-left: 0;
  --_billboard-bullet-padding-left: 0;
}
.druids_onboarding_billboard__cta-icon {
  margin-top: 0.125em;
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 1200px) {
  .druids_onboarding_billboard__cta-icon {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 1800px) {
  .druids_onboarding_billboard__cta-icon {
    width: 18px;
    height: 18px;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_onboarding_learn-more-button {
  display: inline-flex;
  position: fixed;
  opacity: 0;
  pointer-events: none;
}
.druids_onboarding_learn-more-button--is-shown {
  position: relative;
  opacity: 1;
  pointer-events: unset;
}
.druids_onboarding_learn-more-button__button-element {
  transform: translateY(25%);
  opacity: 0;
  white-space: nowrap;
}
.druids_onboarding_learn-more-button--is-shown .druids_onboarding_learn-more-button__button-element {
  transform: translateY(0);
  opacity: 1;
}
.druids_onboarding_learn-more-button--is-shown.druids_onboarding_learn-more-button--has-just-been-shown .druids_onboarding_learn-more-button__button-element {
  transition-property: transform, opacity;
  transition-duration: 100ms;
  transition-delay: 400ms;
}
@keyframes slideOverAdjacentContent {
  0% {
    width: 0;
  }
  100% {
    width: var(--learn-more-button-width);
  }
}
.druids_onboarding_learn-more-button--is-shown .druids_onboarding_learn-more-button__animated-span {
  width: var(--learn-more-button-width);
  margin-left: calc(-1 * var(--learn-more-button-width));
  display: inline-block;
  pointer-events: none;
}
.druids_onboarding_learn-more-button--is-shown.druids_onboarding_learn-more-button--has-just-been-shown .druids_onboarding_learn-more-button__animated-span {
  animation-name: slideOverAdjacentContent;
  animation-fill-mode: forwards;
  animation-duration: 150ms;
}
.druids_onboarding_learn-more-button__button-element {
  position: relative;
  display: flex;
  align-items: center;
  height: 28px;
  line-height: 28px;
}
.druids_onboarding_learn-more-button__button-element[class] {
  padding: 0 10px;
  font-size: 13px;
  color: var(--ui-text);
}
.druids_onboarding_learn-more-button__button-element__icon {
  margin-left: 5px;
  color: var(--ui-icon-secondary);
}
.druids_onboarding_learn-more-button__button-element::before,
.druids_onboarding_learn-more-button__button-element::after {
  content: '';
  position: absolute;
  background: linear-gradient(45deg, var(--learn-more-gradient-stop-bottom-left), var(--learn-more-gradient-stop-top-right));
}
.druids_onboarding_learn-more-button__button-element::before {
  opacity: 0;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
}
.druids_onboarding_learn-more-button__button-element::after {
  height: 3px;
  top: 0;
  left: 0;
  width: 100%;
  clip-path: inset(0 9px);
}
.druids_onboarding_learn-more-button__button-element:hover,
.druids_onboarding_learn-more-button__button-element:active,
.druids_onboarding_learn-more-button__button-element--is-active {
  z-index: 0;
}
.druids_onboarding_learn-more-button__button-element:hover::before,
.druids_onboarding_learn-more-button__button-element:active::before,
.druids_onboarding_learn-more-button__button-element--is-active::before {
  z-index: -1;
  opacity: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
  transition: height 100ms, width 100ms, top 100ms, left 100ms, opacity 100ms;
}
.druids_onboarding_learn-more-button__button-element:hover::after,
.druids_onboarding_learn-more-button__button-element:active::after,
.druids_onboarding_learn-more-button__button-element--is-active::after {
  opacity: 0;
  transition: opacity 0ms;
  transition-delay: 100ms;
}
.druids_onboarding_learn-more-button__button-element:active::before,
.druids_onboarding_learn-more-button__button-element--is-active::before {
  box-shadow: inset 0 0.1em 0.3em rgba(36, 41, 49, 0.44);
}
.druids_onboarding_learn-more-button__button-element:hover,
.druids_onboarding_learn-more-button__button-element:hover .druids_onboarding_learn-more-button__button-element__icon,
.druids_onboarding_learn-more-button__button-element:active,
.druids_onboarding_learn-more-button__button-element:active .druids_onboarding_learn-more-button__button-element__icon,
.druids_onboarding_learn-more-button__button-element--is-active,
.druids_onboarding_learn-more-button__button-element--is-active .druids_onboarding_learn-more-button__button-element__icon {
  transition: color 100ms;
}
.druids_onboarding_learn-more-button__button-element:hover[class],
.druids_onboarding_learn-more-button__button-element:hover .druids_onboarding_learn-more-button__button-element__icon[class],
.druids_onboarding_learn-more-button__button-element:active[class],
.druids_onboarding_learn-more-button__button-element:active .druids_onboarding_learn-more-button__button-element__icon[class],
.druids_onboarding_learn-more-button__button-element--is-active[class],
.druids_onboarding_learn-more-button__button-element--is-active .druids_onboarding_learn-more-button__button-element__icon[class] {
  color: var(--ui-text-knockout);
}

.product-overview_CtNExW_ProductOverview{--product-overview_CtNExW_tab-active:var(--LIGHT, #ffdf52 )var(--DARK, #f1c724 );--product-overview_CtNExW_tab-hover:var(--LIGHT, #fff5ba )var(--DARK, #66540f );font-family: "NotoSans","Lucida Grande","Lucida Sans Unicode",sans-serif ;flex:1;display:flex}.product-overview_CtNExW_Sidebar{color:var(--ui-text);border-right: 1px solid var(--product-overview_CtNExW_tab-active);font-size: 15px }.product-overview_CtNExW_SidebarItem{cursor:pointer;padding: 16px ;transition:background-color .1s ease-in-out}.product-overview_CtNExW_SidebarItem:hover{background-color:var(--product-overview_CtNExW_tab-hover)}.product-overview_CtNExW_isActive{color: #1c2b34 ;background-color:var(--product-overview_CtNExW_tab-active)}.product-overview_CtNExW_isActive:hover{background-color:var(--product-overview_CtNExW_tab-active)}.product-overview_CtNExW_Content{padding: 16px  32px ;flex:3;display:flex}
/* stylelint-disable scale-unlimited/declaration-strict-value -- FIXME: A lot of raw colors that should be variables */
@media (prefers-contrast: more), (forced-colors: active) {
}.druids_onboarding_tiny-billboard {
  --tiny-billboard-solid-bg: var(--LIGHT, #f2ecfc) var(--DARK, #401a69);
  --tiny-billboard-gradient-bg: var(--LIGHT, linear-gradient(45deg, #ef1bc0, #4472eb)) var(--DARK, linear-gradient(45deg, #bc51a7, #4d65c5));
  --tiny-billboard-dismiss-button-hover-bg: var(--LIGHT, #cbb1ed) var(--DARK, #67309e);
  position: relative;
  width: 100%;
}
.druids_onboarding_tiny-billboard__inner-wrapper {
  width: 100%;
  max-width: 768px;
  padding: 24px 32px 24px 16px;
}
.druids_onboarding_tiny-billboard__content {
  width: 100%;
}
.druids_onboarding_tiny-billboard__content__image--has-drop-shadow {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 5px var(--ui-shadow-strength);
}
.druids_onboarding_tiny-billboard__headline {
  display: inline;
}
.druids_onboarding_tiny-billboard__message--is-narrow {
  max-width: 400px;
}
.druids_onboarding_tiny-billboard--has-image .druids_onboarding_tiny-billboard__message--is-narrow {
  max-width: 200px;
}
.druids_onboarding_tiny-billboard__ctas__cta {
  margin-top: 1.25em;
  white-space: initial;
  min-height: 36px;
  height: initial;
  line-height: inherit;
  text-align: start;
  align-items: flex-start;
  padding: 0.5em 0.75em;
}
.druids_onboarding_tiny-billboard__ctas__cta > div {
  height: 22.5px;
}
.druids_onboarding_tiny-billboard__ctas__cta:not(:first-child) {
  background-color: transparent;
}
.druids_onboarding_tiny-billboard--theme-solid .druids_onboarding_tiny-billboard__ctas__cta:not(:first-child) {
  border: 1px solid var(--ui-icon);
}
.druids_onboarding_tiny-billboard--theme-gradient .druids_onboarding_tiny-billboard__ctas__cta:not(:first-child) {
  border: 1px solid var(--ui-text-knockout);
  color: var(--ui-text-knockout);
}
.druids_onboarding_tiny-billboard--theme-gradient .druids_onboarding_tiny-billboard__ctas__cta:not(:first-child) .druids_onboarding_tiny-billboard__ctas__icon {
  color: var(--ui-text-knockout);
}
.druids_onboarding_tiny-billboard--theme-gradient .druids_onboarding_tiny-billboard__ctas__cta:first-child {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
  transition: opacity 200ms ease, background-color 100ms ease, color 100ms ease;
  border-color: transparent;
  color: #a541d3;
  background-color: var(--ui-text-knockout);
}
.druids_onboarding_tiny-billboard--theme-gradient .druids_onboarding_tiny-billboard__ctas__cta:first-child .druids_onboarding_tiny-billboard__ctas__icon {
  color: #a541d3;
}
.druids_onboarding_tiny-billboard--theme-gradient .druids_onboarding_tiny-billboard__ctas__cta:hover {
  border-color: transparent;
  color: #783995;
  background-color: rgba(255, 255, 255, 0.9);
}
.druids_onboarding_tiny-billboard--theme-gradient .druids_onboarding_tiny-billboard__ctas__cta:hover .druids_onboarding_tiny-billboard__ctas__icon {
  color: #783995;
}
.druids_onboarding_tiny-billboard__dismiss-button[class] {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.druids_onboarding_tiny-billboard--theme-gradient .druids_onboarding_tiny-billboard__dismiss-button[class] .druids_onboarding_tiny-billboard__dismiss-icon {
  fill: var(--ui-text-knockout);
}
.druids_onboarding_tiny-billboard__dismiss-button[class]:hover {
  background-color: var(--ui-interaction-primary-contrast);
}
.druids_onboarding_tiny-billboard__dismiss-button[class]:hover .druids_onboarding_tiny-billboard__dismiss-icon {
  fill: var(--ui-text-knockout);
}
.druids_onboarding_tiny-billboard--theme-gradient .druids_onboarding_tiny-billboard__dismiss-button[class]:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.druids_onboarding_tiny-billboard__dismiss-button[class]:active {
  background-color: var(--ui-interaction-primary);
}
.druids_onboarding_tiny-billboard--theme-gradient .druids_onboarding_tiny-billboard__dismiss-button[class]:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.druids_onboarding_tiny-billboard__feature-status {
  display: inline;
  vertical-align: text-top;
}
.druids_onboarding_tiny-billboard--theme-border {
  background-color: transparent;
  border: 1px solid var(--ui-border);
}
.druids_onboarding_tiny-billboard--theme-solid {
  background-color: var(--tiny-billboard-solid-bg);
}
.druids_onboarding_tiny-billboard--theme-gradient {
  background: var(--tiny-billboard-gradient-bg);
}
.druids_onboarding_tiny-billboard--is-rounded {
  border-radius: 4px;
  overflow: hidden;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_change-pill[class] {
  justify-content: flex-end;
}
.druids_pills_change-pill--is-naked {
  background: transparent !important;
}
.druids_pills_change-pill__suffix {
  text-transform: lowercase;
}
.druids_pills_change-pill__suffix::before {
  content: '\200a';
}
.druids_pills_change-pill__arrow {
  margin-left: 2px;
}
.druids_pills_change-pill__arrow--flat {
  transform: scaleX(0.85);
}
.druids_pills_change-pill__arrow--up {
  transform: rotate(-45deg);
}
.druids_pills_change-pill__arrow--down {
  transform: rotate(45deg);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_entity-pill_popover-content_actions {
  display: flex;
  flex-direction: column;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_entity-pill_popover-content_column {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex-basis: 50%;
}
.druids_pills_entity-pill_popover-content_column--is-full-width {
  flex-basis: unset;
}
.druids_pills_entity-pill_popover-content_column__header {
  display: flex;
  align-items: center;
  padding: var(--_entity-pill-popover-custom-spacing) 0 0 0;
}
.druids_pills_entity-pill_popover-content_column--is-full-width .druids_pills_entity-pill_popover-content_column__header {
  padding: var(--_entity-pill-popover-custom-spacing) var(--_entity-pill-popover-custom-spacing) 0 var(--_entity-pill-popover-custom-spacing);
}
.druids_pills_entity-pill_popover-content_column--is-expandable:not(.druids_pills_entity-pill_popover-content_column--is-expanded):not(.druids_pills_entity-pill_popover-content_column--has-actions) .druids_pills_entity-pill_popover-content_column__header,
.druids_pills_entity-pill_popover-content_column:not(.druids_pills_entity-pill_popover-content_column--has-content):not(.druids_pills_entity-pill_popover-content_column--has-actions) .druids_pills_entity-pill_popover-content_column__header {
  padding: var(--_entity-pill-popover-custom-spacing);
}
.druids_pills_entity-pill_popover-content_column--has-actions .druids_pills_entity-pill_popover-content_column__header {
  padding: var(--_entity-pill-popover-custom-spacing) var(--_entity-pill-popover-custom-spacing) 8px var(--_entity-pill-popover-custom-spacing);
}
.druids_pills_entity-pill_popover-content_column__before-content {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.druids_pills_entity-pill_popover-content_column__header-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
}
.druids_pills_entity-pill_popover-content_column__title {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 20px;
  width: 100%;
}
.druids_pills_entity-pill_popover-content_column__subtitle {
  width: 100%;
}
.druids_pills_entity-pill_popover-content_column__badge {
  flex-shrink: 0;
}
.druids_pills_entity-pill_popover-content_column__icon-group {
  flex-shrink: 0;
}
.druids_pills_entity-pill_popover-content_column__expand-icon {
  transition: transform 0.15s ease;
}
.druids_pills_entity-pill_popover-content_column--is-expanded .druids_pills_entity-pill_popover-content_column__expand-icon {
  transform: rotate(0.25turn);
}
.druids_pills_entity-pill_popover-content_column__content {
  padding: 8px 0 var(--_entity-pill-popover-custom-spacing) 0;
}
.druids_pills_entity-pill_popover-content_column--is-full-width .druids_pills_entity-pill_popover-content_column__content {
  padding: 8px var(--_entity-pill-popover-custom-spacing) var(--_entity-pill-popover-custom-spacing);
}
.druids_pills_entity-pill_popover-content_column--level-success.druids_pills_entity-pill_popover-content_column--is-expandable:not(.druids_pills_entity-pill_popover-content_column--is-expanded) .druids_pills_entity-pill_popover-content_column__header:hover {
  background-color: var(--ui-status-success-soft);
}
.druids_pills_entity-pill_popover-content_column--level-success .druids_pills_entity-pill_popover-content_column__title-text,
.druids_pills_entity-pill_popover-content_column--level-success .druids_pills_entity-pill_popover-content_column__icon-group {
  color: var(--ui-status-success-contrast);
}
.druids_pills_entity-pill_popover-content_column--level-warning.druids_pills_entity-pill_popover-content_column--is-expandable:not(.druids_pills_entity-pill_popover-content_column--is-expanded) .druids_pills_entity-pill_popover-content_column__header:hover {
  background-color: var(--ui-status-warning-soft);
}
.druids_pills_entity-pill_popover-content_column--level-warning .druids_pills_entity-pill_popover-content_column__title-text,
.druids_pills_entity-pill_popover-content_column--level-warning .druids_pills_entity-pill_popover-content_column__icon-group {
  color: var(--ui-status-warning-contrast);
}
.druids_pills_entity-pill_popover-content_column--level-danger.druids_pills_entity-pill_popover-content_column--is-expandable:not(.druids_pills_entity-pill_popover-content_column--is-expanded) .druids_pills_entity-pill_popover-content_column__header:hover {
  background-color: var(--ui-status-danger-soft);
}
.druids_pills_entity-pill_popover-content_column--level-danger .druids_pills_entity-pill_popover-content_column__title-text,
.druids_pills_entity-pill_popover-content_column--level-danger .druids_pills_entity-pill_popover-content_column__icon-group {
  color: var(--ui-status-danger-contrast);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_entity-pill_popover-content_header {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: var(--_entity-pill-popover-custom-spacing);
  --_default-background-color: #292a2e;
  background-color: var(--_default-background-color);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.druids_pills_entity-pill_popover-content_header__action-text-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.druids_pills_entity-pill_popover-content_header__action-group {
  display: flex;
  justify-content: space-between;
}
.druids_pills_entity-pill_popover-content_header__header-text {
  min-width: 0;
}
.druids_pills_entity-pill_popover-content_header__type-group {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}
.druids_pills_entity-pill_popover-content_header__label-copy-group {
  display: flex;
  align-items: center;
}
.druids_pills_entity-pill_popover-content_header__label-copy-group__text {
  max-width: 100%;
}
.druids_pills_entity-pill_popover-content_header__action--button {
  color: var(--ui-text-knockout);
}
.druids_pills_entity-pill_popover-content_header:not(.druids_pills_entity-pill_popover-content_header--is-knockout) .druids_pills_entity-pill_popover-content_header__action--button {
  color: var(--ui-text);
}
.druids_pills_entity-pill_popover-content_header:not(.druids_pills_entity-pill_popover-content_header--is-knockout) .druids_pills_entity-pill_popover-content_header__action--button:hover {
  color: var(--ui-text-knockout);
}
.druids_pills_entity-pill_popover-content_header__action {
  height: 30px;
  border-radius: 30px;
  background-color: rgba(29, 28, 31, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  flex-shrink: 0;
}
.druids_pills_entity-pill_popover-content_header__action:hover {
  background-color: rgba(29, 28, 31, 0.3);
}
.druids_pills_entity-pill_popover-content_header--is-knockout .druids_pills_entity-pill_popover-content_header__action {
  background-color: rgba(255, 255, 255, 0.2);
}
.druids_pills_entity-pill_popover-content_header--is-knockout .druids_pills_entity-pill_popover-content_header__action:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_entity-pill_popover-content_row {
  border-radius: 8px;
  margin-bottom: 8px;
  border: 1px solid var(--ui-border);
  background: var(--ui-background);
  overflow: hidden;
  flex-shrink: 0;
}
.druids_pills_entity-pill_popover-content_row--has-top-lockup {
  border-radius: 0 0 8px 8px;
}
.druids_pills_entity-pill_popover-content_row--has-bottom-lockup {
  border-radius: 8px 8px 0 0;
  margin-bottom: 0;
  border-bottom: none;
}
.druids_pills_entity-pill_popover-content_row--has-full-lockup {
  border-radius: 0 0 0 0;
}
.druids_pills_entity-pill_popover-content_row--is-expanded {
  border: 1px solid var(--ui-border);
  border-radius: 8px;
}
.druids_pills_entity-pill_popover-content_row--level-success {
  border-color: var(--ui-status-success-contrast);
}
.druids_pills_entity-pill_popover-content_row--level-warning {
  border-color: var(--ui-status-warning-contrast);
}
.druids_pills_entity-pill_popover-content_row--level-danger {
  border-color: var(--ui-status-danger-contrast);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_entity-pill_popover-content {
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--ui-background-secondary);
  --_entity-pill-popover-custom-spacing: 12px;
}
.druids_pills_entity-pill_popover-content--has-max-height {
  max-height: 500px;
  overflow-y: auto;
}
.druids_pills_entity-pill_popover-content__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}
.druids_pills_entity-pill_popover-content__body {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: var(--ui-border-elevated);
  padding: var(--_entity-pill-popover-custom-spacing);
  display: flex;
  flex-direction: column;
}
.druids_pills_entity-pill_popover-content__row:last-child {
  margin-bottom: 0;
}
.druids_pills_entity-pill_popover-content__columns {
  display: flex;
  gap: 8px;
  padding: 0 var(--_entity-pill-popover-custom-spacing) 0 var(--_entity-pill-popover-custom-spacing);
}
.druids_pills_entity-pill_popover-content--size-md {
  width: 350px;
}
.druids_pills_entity-pill_popover-content--size-lg {
  width: 450px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_entity-pill {
  --_entity-pill-border-color: var(--ui-is-quiet, transparent) var(--ui-not-quiet, var(--entity-pill-custom-border-color));
  display: inline-flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 8px;
  background: var(--entity-pill-custom-background-color, var(--ui-background));
  color: var(--ui-text);
  border: 1px solid var(--_entity-pill-border-color, var(--ui-border));
}
.druids_pills_entity-pill--level-success {
  --entity-pill-custom-background-color: var(--ui-status-success-soft);
  --entity-pill-custom-border-color: var(--ui-status-success-contrast);
}
.druids_pills_entity-pill--level-success .druids_pills_entity-pill__before-content {
  color: var(--ui-status-success-contrast);
}
.druids_pills_entity-pill--level-warning {
  --entity-pill-custom-background-color: var(--ui-status-warning-soft);
  --entity-pill-custom-border-color: var(--ui-status-warning-contrast);
}
.druids_pills_entity-pill--level-warning .druids_pills_entity-pill__before-content {
  color: var(--ui-status-warning-contrast);
}
.druids_pills_entity-pill--level-danger {
  --entity-pill-custom-background-color: var(--ui-status-danger-soft);
  --entity-pill-custom-border-color: var(--ui-status-danger-contrast);
}
.druids_pills_entity-pill--level-danger .druids_pills_entity-pill__before-content {
  color: var(--ui-status-danger-contrast);
}
.druids_pills_entity-pill--size-xs {
  height: 20px;
  gap: 4px;
  padding: 0 5px;
}
.druids_pills_entity-pill--size-sm {
  height: 24px;
  gap: 4px;
  padding: 0 6px;
}
.druids_pills_entity-pill--size-md {
  height: 28px;
  gap: 6px;
  padding: 0 7px;
}
.druids_pills_entity-pill--size-lg {
  height: 36px;
  gap: 8px;
  padding: 0 8px;
}
.druids_pills_entity-pill__dismissable-icon-xs {
  height: 12px;
}
.druids_pills_entity-pill__dismissable-icon-sm {
  height: 14px;
}
.druids_pills_entity-pill__dismissable-icon-md {
  height: 16px;
}
.druids_pills_entity-pill__dismissable-icon-lg {
  height: 16px;
}
.druids_pills_entity-pill__before-content::before {
  visibility: hidden;
  width: 0;
  min-width: 0;
  content: '\a0';
}
.druids_pills_entity-pill__before-content,
.druids_pills_entity-pill__after-content {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  align-self: stretch;
  color: var(--entity-pill-custom-text-color, var(--ui-icon));
}
.druids_pills_entity-pill__label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_pills_entity-pill--has-side-chip {
  padding-left: 0;
}
.druids_pills_entity-pill--has-side-chip .druids_pills_entity-pill__before-content {
  border-radius: calc(8px - 1px) 0 0 calc(8px - 1px);
  border-right: 1px solid var(--_entity-pill-border-color, var(--ui-border));
  color: var(--ui-text-knockout);
  background-clip: padding-box;
}
.druids_pills_entity-pill--has-side-chip.druids_pills_entity-pill--size-xs .druids_pills_entity-pill__before-content {
  padding: 0 4px 0 5px;
}
.druids_pills_entity-pill--has-side-chip.druids_pills_entity-pill--size-sm .druids_pills_entity-pill__before-content {
  padding: 0 5px 0 6px;
}
.druids_pills_entity-pill--has-side-chip.druids_pills_entity-pill--size-md .druids_pills_entity-pill__before-content {
  padding: 0 6px 0 7px;
}
.druids_pills_entity-pill--has-side-chip.druids_pills_entity-pill--size-lg .druids_pills_entity-pill__before-content {
  padding: 0 6px 0 8px;
}
.druids_pills_entity-pill:hover:not(.druids_pills_entity-pill--is-read-only),
.druids_pills_entity-pill:focus.focus-visible:not(.druids_pills_entity-pill--is-read-only),
.druids_pills_entity-pill--is-popover-open:not(.druids_pills_entity-pill--is-read-only) {
  --_entity-pill-border-color: var(--ui-interaction-primary);
  background: var(--ui-interaction-secondary-contrast);
}
.druids_pills_entity-pill:hover:not(.druids_pills_entity-pill--is-read-only):not(.druids_pills_entity-pill--has-side-chip) .druids_pills_entity-pill__before-content,
.druids_pills_entity-pill:hover:not(.druids_pills_entity-pill--is-read-only) .druids_pills_entity-pill__label,
.druids_pills_entity-pill:hover:not(.druids_pills_entity-pill--is-read-only) .druids_pills_entity-pill__after-content,
.druids_pills_entity-pill--is-popover-open:not(.druids_pills_entity-pill--is-read-only):not(.druids_pills_entity-pill--has-side-chip) .druids_pills_entity-pill__before-content,
.druids_pills_entity-pill--is-popover-open:not(.druids_pills_entity-pill--is-read-only) .druids_pills_entity-pill__label,
.druids_pills_entity-pill--is-popover-open:not(.druids_pills_entity-pill--is-read-only) .druids_pills_entity-pill__after-content {
  color: var(--ui-interaction-primary);
}
.druids_pills_entity-pill__popover {
  border-radius: 8px;
}
.druids_pills_entity-pill--is-read-only {
  border: none;
  border-radius: 0;
  padding: 0;
  cursor: inherit;
}
.druids_pills_entity-pill--is-read-only.druids_pills_entity-pill--has-side-chip .druids_pills_entity-pill__before-content {
  border-radius: 8px;
  border: 1px solid var(--_entity-pill-border-color, var(--ui-border));
  padding: 0;
}
.druids_pills_entity-pill--is-read-only.druids_pills_entity-pill--has-side-chip.druids_pills_entity-pill--size-xs .druids_pills_entity-pill__before-content {
  padding: 0 4px;
}
.druids_pills_entity-pill--is-read-only.druids_pills_entity-pill--has-side-chip.druids_pills_entity-pill--size-sm .druids_pills_entity-pill__before-content {
  padding: 0 5px;
}
.druids_pills_entity-pill--is-read-only.druids_pills_entity-pill--has-side-chip.druids_pills_entity-pill--size-md .druids_pills_entity-pill__before-content {
  padding: 0 6px;
}
.druids_pills_entity-pill--is-read-only.druids_pills_entity-pill--has-side-chip.druids_pills_entity-pill--size-lg .druids_pills_entity-pill__before-content {
  padding: 0 7px;
}
.druids_pills_entity-pill--is-borderless.druids_pills_entity-pill:not(:hover):not(.focus-visible) {
  --_entity-pill-border-color: transparent;
}

@media (forced-colors: active) {
}@media (forced-colors: active) {
}@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_demo-entity-pill {
  --popover-outline: var(--CONTRAST_DEFAULT, var(--ui-border-elevated)) var(--CONTRAST_HIGH, var(--ui-border));
  --popover-arrow-outline: var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, var(--ui-border-elevated)) var(--CONTRAST_HIGH, var(--ui-border)));
  --popover-background-color: var(--ui-background-elevated);
  --popover-arrow-color: linear-gradient(135deg, var(--ui-background-elevated) 50%, transparent 51%);
}
.druids_pills_demo-entity-pill__popover {
  border-radius: 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_pills_pill-select-popover {
  min-height: 300px;
  max-height: 330px;
}
.druids_pills_pill-select-popover__body {
  max-height: 300px;
}
.druids_pills_pill-select-popover__list,
.druids_pills_pill-select-popover__details {
  overflow-y: auto;
}
.druids_pills_pill-select-popover__list {
  min-height: 300px;
  max-width: 200px;
  border-right: 1px solid var(--ui-border);
}
.druids_pills_pill-select-popover__option-label {
  padding: 7px 12px;
  line-height: normal;
}
.druids_pills_pill-select-popover__input-text .druids_form_input-text__wrapper {
  border: none;
  border-bottom: 1px solid var(--ui-border);
  box-shadow: none;
}
.druids_pills_pill-select-popover__details .druids_pills_entity-pill_popover-content {
  border-radius: 0;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_entity-pill-list {
  display: inline-block;
  vertical-align: top;
}
.druids_entity-pill-list--xs {
  font-size: 11px;
}
.druids_entity-pill-list--sm {
  font-size: 12px;
}
.druids_entity-pill-list--md {
  font-size: 13px;
}
.druids_entity-pill-list--lg {
  font-size: 15px;
}
.druids_entity-pill-list__popover.druids_dialogs_popover__content {
  border: 1px solid var(--ui-interaction-primary);
  border-radius: 4px;
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}

@media (prefers-contrast: more), (forced-colors: active) {
}@media (forced-colors: active) {
}.druids_saved-views_saved-views-item {
  height: 60px;
  border-bottom: 1px solid var(--ui-border);
  box-sizing: border-box;
  position: relative;
  z-index: 0;
}
.druids_saved-views_saved-views-item--is-selected.druids_saved-views_saved-views-item--has-interactions-discoverability-ui {
  height: auto;
}
.druids_saved-views_saved-views-item__handle {
  width: 100%;
}
.druids_saved-views_saved-views-item__popover {
  --expandable-block-scrim-color: var(--ui-background-secondary);
}
.druids_saved-views_saved-views-item__content {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  cursor: pointer;
  display: flex;
  background: var(--ui-background);
}
html:not(.js-focus-visible) .druids_saved-views_saved-views-item__content:focus {
  outline: none;
}
html.js-focus-visible .druids_saved-views_saved-views-item__content:focus:not(.focus-visible) {
  outline: none;
}
.druids_saved-views_saved-views-item__content::-moz-focus-inner {
  padding: 0;
  border: none;
}
.druids_saved-views_saved-views-item__content:hover,
.druids_saved-views_saved-views-item__content:focus-within {
  background: var(--ui-interaction-secondary);
}
.druids_saved-views_saved-views-item__content:active {
  background: var(--ui-interaction-secondary-contrast);
}
.druids_saved-views_saved-views-item--is-selected .druids_saved-views_saved-views-item__content {
  background: var(--ui-interaction-secondary);
}
.druids_saved-views_saved-views-item__label {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  width: 300px;
}
.druids_saved-views_saved-views-item__clickable-area {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.druids_saved-views_saved-views-item__description-icon {
  z-index: 2;
}
.druids_saved-views_saved-views-item__author-or-integration-image {
  align-self: center;
  width: 28px;
  height: 28px;
  cursor: default;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_saved-views_saved-views-item__author-or-integration-image img {
  width: 28px;
  height: 28px;
}
.druids_saved-views_saved-views-item--is-selected.druids_saved-views_saved-views-item--has-interactions-discoverability-ui .druids_saved-views_saved-views-item__author-or-integration-image {
  align-self: unset;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_saved-views_saved-views-item--is-selected.druids_saved-views_saved-views-item--has-interactions-discoverability-ui .druids_saved-views_saved-views-item__author-or-integration-image img {
  width: 24px;
  height: 24px;
}
.druids_saved-views_saved-views-item__update-button {
  --link-hover: var(--LIGHT, #0b0f8b) var(--DARK, #7ab5ea);
  --link-active: var(--LIGHT, #080b65) var(--DARK, #a4cef7);
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  line-height: inherit;
  height: auto;
  font-size: 12px;
  color: var(--ui-interaction-primary);
  z-index: 2;
}
html:not(.js-focus-visible) .druids_saved-views_saved-views-item__update-button:focus {
  outline: none;
}
html.js-focus-visible .druids_saved-views_saved-views-item__update-button:focus:not(.focus-visible) {
  outline: none;
}
.druids_saved-views_saved-views-item__update-button::-moz-focus-inner {
  padding: 0;
  border: none;
}
.druids_saved-views_saved-views-item__update-button:hover {
  color: var(--link-hover);
  cursor: pointer;
}
.druids_saved-views_saved-views-item__update-button:active {
  color: var(--link-active);
}
.druids_saved-views_saved-views-item__name {
  height: 24px;
  font-weight: 600;
  display: flex;
}
.druids_saved-views_saved-views-item__primary-icon {
  height: 18px;
  width: 18px;
  align-self: flex-start;
  color: var(--ui-icon);
  line-height: 0;
  margin-top: 1px;
  z-index: 2;
}
.druids_saved-views_saved-views-item__actions {
  z-index: 2;
}
.druids_saved-views_saved-views-item__action-tray {
  max-width: 0;
  position: relative;
  align-self: stretch;
  overflow: visible;
  z-index: 2;
}
.druids_saved-views_saved-views-item__confirmation-popup {
  min-width: 180px;
}
.druids_saved-views_saved-views-item__description-popover-content {
  max-height: 200px;
  overflow-y: auto;
}
.druids_saved-views_saved-views-item__popover-query {
  background-color: var(--ui-background-secondary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_saved-views_saved-views-title {
  min-width: 0;
}
.druids_saved-views_saved-views-title__wrapper {
  display: flex;
  align-items: center;
  align-self: stretch;
}
.druids_saved-views_saved-views-title__wrapper:hover .druids_saved-views_saved-views-title__wrapper__tag:after {
  width: 100%;
  transition: width 500ms;
}
.druids_saved-views_saved-views-title__wrapper__tag {
  background-color: var(--ui-background-secondary);
  border-radius: 4px;
  position: relative;
  min-width: 40px;
}
.druids_saved-views_saved-views-title__wrapper__tag:after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--ui-interaction-secondary);
  border-radius: 4px;
  width: 0;
  z-index: 0;
}
.druids_saved-views_saved-views-title__title {
  position: relative;
  z-index: 1;
}
.druids_saved-views_saved-views-title--is-selected .druids_saved-views_saved-views-title__wrapper__tag,
.druids_saved-views_saved-views-title--is-selected .druids_saved-views_saved-views-title__wrapper__tag:after {
  background-color: var(--ui-interaction-secondary-contrast);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_saved-views_saved-views-layout {
  contain: paint;
  height: 100%;
}
.druids_saved-views_saved-views-layout__topbar {
  position: -webkit-sticky;
  position: sticky;
  top: var(--saved-views-top-offset, 0px);
  z-index: 91;
}
.druids_saved-views_saved-views-layout--is-stuck .druids_saved-views_saved-views-layout__topbar {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 2px 8px var(--ui-shadow-strength);
}
.druids_saved-views_saved-views-layout--has-top-bar-bottom-border .druids_saved-views_saved-views-layout__topbar {
  box-shadow: 0 1px 0 var(--ui-border);
}
.druids_saved-views_saved-views-layout--is-inside-product-header .druids_saved-views_saved-views-layout__topbar {
  box-shadow: none;
}
.druids_saved-views_saved-views-layout__header {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.druids_saved-views_saved-views-layout__header__toggle-button {
  width: auto !important;
  height: 44px;
  padding: 0 16px;
  box-shadow: var(--toggle-button-divider-right-width, 0) var(--toggle-button-bottom-border-width, 0) 0 var(--ui-border);
  margin-right: 1px;
  justify-content: flex-start;
  min-width: 90px;
}
.druids_saved-views_saved-views-layout--has-toggle-button-divider .druids_saved-views_saved-views-layout__header__toggle-button {
  --toggle-button-divider-right-width: 1px;
}
.druids_saved-views_saved-views-layout--is-inside-product-header .druids_saved-views_saved-views-layout__header__toggle-button {
  --toggle-button-bottom-border-width: 1px;
}
.druids_saved-views_saved-views-layout__sidebar-wrapper {
  z-index: 1;
  position: sticky;
  top: calc(var(--saved-views-header-height, 0px) + var(--saved-views-top-offset, 0px));
  height: 100%;
}
.druids_saved-views_saved-views-layout__sidebar {
  width: 400px;
  position: absolute;
  bottom: 0;
  height: 100%;
  transform: translateX(-436px);
  visibility: hidden;
  border-right: 1px solid var(--ui-border);
  background: var(--ui-background);
  z-index: 101;
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 8px 36px var(--ui-shadow-strength);
  transition: 180ms 0.25s ease;
  transition-property: transform, visibility, box-shadow;
}
.druids_saved-views_saved-views-layout__sidebar--has-no-delay {
  transition-delay: 0s;
}
.druids_saved-views_saved-views-layout__content {
  min-width: 100%;
  height: 100%;
  transition: transform 180ms ease;
}
.druids_saved-views_saved-views-layout--is-hovered .druids_saved-views_saved-views-layout__sidebar-wrapper .druids_saved-views_saved-views-layout__sidebar {
  transform: translateX(0);
  visibility: inherit;
}
.druids_saved-views_saved-views-layout--is-open .druids_saved-views_saved-views-layout__sidebar-wrapper .druids_saved-views_saved-views-layout__sidebar {
  transform: translateX(0);
  visibility: inherit;
  box-shadow: none;
}
.druids_saved-views_saved-views-layout--is-open .druids_saved-views_saved-views-layout__sidebar-wrapper .druids_saved-views_saved-views-layout__content {
  transform: translateX(400px);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_saved-views_saved-views-list__list-layout {
  position: sticky;
  top: calc(var(--saved-views-header-height, 0px) + var(--saved-views-top-offset, 0px));
  height: calc(100vh - var(--saved-views-header-height, 0px) - var(--saved-views-top-offset, 0px));
  overflow: auto;
}
.druids_saved-views_saved-views-list__filter-header {
  padding: 8px;
}
.druids_saved-views_saved-views-list__filter-by-me-toggle-switch {
  border-bottom: 1px solid var(--ui-border);
}
.druids_saved-views_saved-views-list__main-content {
  position: relative;
  --saved-views-list-disabled-overlay: var(--LIGHT, rgba(255, 255, 255, 0.5)) var(--DARK, rgba(29, 28, 31, 0.75));
}
.druids_saved-views_saved-views-list__main-content--is-disabled::before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--saved-views-list-disabled-overlay);
  border-top: 1px solid var(--ui-border);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_editable-syntax {
  --editable-syntax-caret-color: var(--LIGHT, #1c2b34) var(--DARK, #ffffff);
  --editable-syntax-selection-color: var(--LIGHT, #b3d7fe) var(--DARK, #4d7198);
  caret-color: var(--editable-syntax-caret-color);
  outline: none;
  white-space: pre-wrap;
  line-height: 1.8;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
.druids_search-bar_editable-syntax--is-monospace {
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
}
.druids_search-bar_editable-syntax::selection {
  background-color: var(--editable-syntax-selection-color);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_styled-floating-popover {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --popover-border: var(--LIGHT, #c2c8dd) var(--DARK, #383e4b);
  border-radius: 8px;
}
.druids_search-bar_styled-floating-popover:not(.druids_search-bar_styled-floating-popover--is-positioned) {
  opacity: 0;
  pointer-events: none;
}
.druids_search-bar_styled-floating-popover > .druids_search-bar_styled-floating-popover {
  box-shadow: 0 0 0 1px var(--popover-border), var(--shadow);
}
.druids_search-bar_styled-floating-popover--elevation-4 {
  --shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_search-bar_styled-floating-popover--elevation-5 {
  --shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 5px 20px var(--ui-shadow-strength);
}
.druids_search-bar_styled-floating-popover--has-safe-area::before {
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  z-index: 1;
  content: '';
}
.druids_search-bar_styled-floating-popover--placement-left-start.druids_search-bar_styled-floating-popover--has-safe-area::before {
  right: -4px;
}
.druids_search-bar_styled-floating-popover--placement-right-start.druids_search-bar_styled-floating-popover--has-safe-area::before {
  left: -4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-rich-card-attributes {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: var(--ui-background-secondary);
  border-radius: 8px;
  border: 1px solid var(--ui-border);
}
.druids_search-bar_suggestion-rich-card-attributes__row {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--ui-border);
  padding: 0 12px;
  height: 42px;
}
.druids_search-bar_suggestion-rich-card-attributes__row:last-child {
  border-bottom: none;
}
.druids_search-bar_suggestion-rich-card-attributes__row-content {
  position: relative;
}
.druids_search-bar_suggestion-rich-card-attributes__icon-container {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 4px;
}
.druids_search-bar_suggestion-rich-card-attributes__copy-button {
  flex-shrink: 0;
  display: none;
  margin-right: 4px;
}
.druids_search-bar_suggestion-rich-card-attributes__row:hover .druids_search-bar_suggestion-rich-card-attributes__copy-button {
  display: flex;
}
.druids_search-bar_suggestion-rich-card-attributes__row:hover .druids_search-bar_suggestion-rich-card-attributes__icon-container {
  display: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-rich-card__action-label {
  height: 42px;
  color: var(--ui-text-secondary);
  font-weight: 600;
  background-color: var(--ui-background-secondary);
  border: 1px dashed var(--ui-border);
}
.druids_search-bar_suggestion-rich-card__action-label:hover {
  background-color: var(--ui-interaction-secondary-contrast);
  color: var(--ui-interaction-primary);
  border-color: var(--ui-interaction-primary);
  box-shadow: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-rich-card-action {
  --link-border-color: rgba(0, 107, 194, 0.2);
  --button-border-color: rgba(36, 41, 49, 0.15);
  flex-shrink: 0;
}
.druids_search-bar_suggestion-rich-card-action--link {
  background-color: transparent;
  border-color: var(--link-border-color);
  color: var(--ui-interaction-primary);
}
.druids_search-bar_suggestion-rich-card-action--link:hover {
  background-color: var(--ui-interaction-secondary);
  color: var(--ui-interaction-primary);
}
.druids_search-bar_suggestion-rich-card-action--link:active {
  background-color: var(--ui-interaction-primary);
  border-color: var(--ui-interaction-primary-contrast);
  color: var(--ui-text-knockout);
}
.druids_search-bar_suggestion-rich-card-action--button {
  border-color: var(--button-border-color);
  color: var(--ui-text-secondary);
}
.druids_search-bar_suggestion-rich-card-action--button:hover {
  background-color: var(--ui-background-secondary);
  color: var(--ui-text-secondary);
}
.druids_search-bar_suggestion-rich-card-action--button:active {
  background-color: var(--ui-background-tertiary);
  color: var(--ui-text-secondary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-rich-card-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
.druids_search-bar_suggestion-rich-card-header--has-description {
  margin-bottom: 0;
}
.druids_search-bar_suggestion-rich-card-header__header-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  height: 24px;
}
.druids_search-bar_suggestion-rich-card-header__badge {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: var(--_badge-color);
  color: var(--ui-text-knockout);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.druids_search-bar_suggestion-rich-card-header--is-icon-loading .druids_search-bar_suggestion-rich-card-header__badge {
  background-color: var(--suggestion-loader-background-color);
  --suggestion-loader-background-color: var(--LIGHT, #f0f1f5) var(--DARK, #2d323c);
  --suggestion-loader-shimmer-color: var(--LIGHT, rgba(0, 0, 0, 0.08)) var(--DARK, rgba(169, 177, 199, 0.2));
}
.druids_search-bar_suggestion-rich-card-header--is-icon-loading .druids_search-bar_suggestion-rich-card-header__badge::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 200%;
  background: linear-gradient(to left, transparent 0%, transparent 35%, var(--suggestion-loader-shimmer-color) 48.437%, transparent 65%, transparent 100%);
  opacity: 0.4;
  animation: 2s ease-in-out infinite --search-bar-suggestions_loading-bounce;
}
.druids_search-bar_suggestion-rich-card-header__description .druids_search-bar_suggestion-rich-card-header__copy-button {
  visibility: hidden;
}
.druids_search-bar_suggestion-rich-card-header__description:hover .druids_search-bar_suggestion-rich-card-header__copy-button {
  visibility: visible;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-rich-card-loading {
  position: relative;
  overflow: hidden;
  background-color: var(--suggestion-loader-background-color);
  border-radius: 8px;
  height: 120px;
  --suggestion-loader-background-color: var(--LIGHT, #f0f1f5) var(--DARK, #2d323c);
  --suggestion-loader-shimmer-color: var(--LIGHT, rgba(0, 0, 0, 0.08)) var(--DARK, rgba(169, 177, 199, 0.2));
}
.druids_search-bar_suggestion-rich-card-loading::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 200%;
  background: linear-gradient(to left, transparent 0%, transparent 35%, var(--suggestion-loader-shimmer-color) 48.437%, transparent 65%, transparent 100%);
  opacity: 0.4;
  animation: 2s ease-in-out infinite --search-bar-suggestions_loading-bounce;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-rich-card-query {
  --border-color: var(--LIGHT, #eff1f5) var(--DARK, #27292e);
  --background-color: var(--LIGHT, #fbfcfd) var(--DARK, #1a1c20);
}
.druids_search-bar_suggestion-rich-card-query__scroll-box {
  border: 1px solid var(--border-color);
  background-color: var(--background-color);
  border-radius: 8px;
  width: 100%;
}
.druids_search-bar_suggestion-rich-card-query__code {
  padding: 0 2px;
  font-size: 11px;
}
.druids_search-bar_suggestion-rich-card-query__inner-code {
  color: var(--ui-text-secondary);
}
.druids_search-bar_suggestion-rich-card-query__copy-button {
  display: inline;
  visibility: hidden;
}
.druids_search-bar_suggestion-rich-card-query:hover .druids_search-bar_suggestion-rich-card-query__copy-button {
  visibility: visible;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-rich-card {
  align-items: stretch;
  flex-direction: column;
}
.druids_search-bar_suggestion-rich-card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.druids_search-bar_suggestion-rich-card__footer {
  padding: 16px;
  border-top: 1px solid var(--ui-border);
}

.druids_search-bar_rich-card-popover {
  width: 350px;
}

.druids_search-bar_suggestions-footer-loader {
  gap: 6px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestions-footer {
  --suggestion-footer-border: var(--LIGHT, #e2e4ee) var(--DARK, #303640);
  --suggestion-footer-background: var(--LIGHT, #f0f1f5) var(--DARK, #2d323c);
  --suggestion-footer-background-redesign: var(--LIGHT, #f9fafb) var(--DARK, #222126);
  --suggestion-footer-border-redesign: var(--LIGHT, #eff1f5) var(--DARK, #272626);
  --suggestion-loader-line-color: var(--LIGHT, rgba(28, 43, 52, 0.98)) var(--DARK, rgba(220, 223, 228, 0.98));
  --suggestion-loader-shadow-color-1: rgba(169, 177, 199, 0.2);
  --suggestion-loader-shadow-color-2: rgba(169, 177, 199, 0.35);
  cursor: default;
  padding: 8px 16px;
  font-size: 12px;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  color: var(--ui-text-secondary);
  background-color: var(--suggestion-footer-background);
  position: sticky;
  bottom: -1px;
}
.druids_search-bar_suggestions-footer--is-suggestions-redesign-enabled {
  border-top: 1px solid var(--suggestion-footer-border-redesign);
  background-color: var(--suggestion-footer-background-redesign);
}
.druids_search-bar_suggestions-footer__loader-anim-container {
  position: absolute;
  inset: 0;
  top: -1px;
  overflow: hidden;
}
.druids_search-bar_suggestions-footer__loader-anim-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 1px;
  animation: 2s ease-in-out infinite --search-bar-suggestions_loading-bounce;
  opacity: 0.2;
  background: linear-gradient(to left, transparent 0%, transparent 40%, var(--suggestion-loader-line-color) 45%, var(--suggestion-loader-line-color) 55%, transparent 60%, transparent 100%);
}
.druids_search-bar_suggestions-footer__loader-anim-container::before {
  content: '';
  position: absolute;
  inset: 0;
  top: 0;
  width: 200%;
  opacity: 0.25;
  animation: 2s ease-in-out infinite --search-bar-suggestions_loading-bounce;
  background: linear-gradient(to left, transparent 0%, transparent 35%, var(--suggestion-loader-shadow-color-1) 42%, var(--suggestion-loader-shadow-color-2) 50%, var(--suggestion-loader-shadow-color-1) 58%, transparent 65%, transparent 100%);
}
.druids_search-bar_suggestions-footer--top {
  order: -1;
  bottom: auto;
  top: -1px;
}
.druids_search-bar_suggestions-footer__text-container {
  height: 1.6em;
  overflow: hidden;
  position: relative;
  flex-grow: 1;
}
.druids_search-bar_suggestions-footer__loader-wrapper {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}
.druids_search-bar_suggestions-footer__examples-wrapper {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.druids_search-bar_suggestions-footer--is-loading .druids_search-bar_suggestions-footer__loader-wrapper {
  opacity: 1;
  pointer-events: auto;
}
.druids_search-bar_suggestions-footer--is-loading .druids_search-bar_suggestions-footer__examples-wrapper {
  opacity: 0;
}
.druids_search-bar_suggestions-footer__help-link {
  white-space: nowrap;
  position: relative;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-loader {
  gap: 12px;
}
.druids_search-bar_suggestion-loader__loading-line--size-md {
  height: 28px;
}
.druids_search-bar_suggestion-loader__loading-line--size-lg {
  height: 34px;
}
.druids_search-bar_suggestion-loader__icon-placeholder {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  background-color: var(--suggestion-loader-background-color);
  --suggestion-loader-background-color: var(--LIGHT, #f0f1f5) var(--DARK, #2d323c);
  --suggestion-loader-shimmer-color: var(--LIGHT, rgba(0, 0, 0, 0.08)) var(--DARK, rgba(169, 177, 199, 0.2));
}
.druids_search-bar_suggestion-loader__icon-placeholder::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 200%;
  background: linear-gradient(to left, transparent 0%, transparent 35%, var(--suggestion-loader-shimmer-color) 48.437%, transparent 65%, transparent 100%);
  opacity: 0.4;
  animation: 2s ease-in-out infinite --search-bar-suggestions_loading-bounce;
}
.druids_search-bar_suggestion-loader__text-placeholder {
  position: relative;
  overflow: hidden;
  height: 20px;
  border-radius: 4px;
  background-color: var(--suggestion-loader-background-color);
  --suggestion-loader-background-color: var(--LIGHT, #f0f1f5) var(--DARK, #2d323c);
  --suggestion-loader-shimmer-color: var(--LIGHT, rgba(0, 0, 0, 0.08)) var(--DARK, rgba(169, 177, 199, 0.2));
}
.druids_search-bar_suggestion-loader__text-placeholder::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 200%;
  background: linear-gradient(to left, transparent 0%, transparent 35%, var(--suggestion-loader-shimmer-color) 48.437%, transparent 65%, transparent 100%);
  opacity: 0.4;
  animation: 2s ease-in-out infinite --search-bar-suggestions_loading-bounce;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-text {
  /* stylelint-disable-next-line selector-disallowed-list -- TODO: need to find a workaround when VRT are in place */
}
.druids_search-bar_suggestion-text--secondary {
  color: var(--ui-text-secondary);
}
.druids_search-bar_suggestion-text--tertiary {
  color: var(--ui-text-tertiary);
}
.druids_search-bar_suggestion-text--is-query {
  font-family: var(--search-bar-query-font-family);
}
.druids_search-bar_suggestion-text * {
  font-family: inherit;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-renderer {
  --suggestion-background-keyboard: var(--LIGHT, #eff1f5) var(--DARK, #3b393d);
  --suggestion-background-hover: var(--LIGHT, #f9fafb) var(--DARK, #2c2b2b);
  --suggestion-background-active: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  text-align: inherit;
  outline: none;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  margin: 0;
  padding-right: 16px;
  padding-left: 12px;
  border-left: 4px solid transparent;
  line-height: 1.4;
  gap: 8px;
  cursor: pointer;
  container-type: inline-size;
}
.druids_search-bar_suggestion-renderer--is-suggestions-redesign-enabled {
  border-radius: 6px;
  border-left: 0;
  padding-left: 8px;
  padding-right: 8px;
}
.druids_search-bar_suggestion-renderer--size-md {
  height: 28px;
}
.druids_search-bar_suggestion-renderer--size-lg {
  height: 34px;
}
.druids_search-bar_suggestion-renderer[aria-selected='true'],
.druids_search-bar_suggestion-renderer--mouse-active,
.druids_search-bar_suggestion-renderer--keyboard-active {
  background: var(--ui-interaction-secondary);
}
.druids_search-bar_suggestion-renderer--keyboard-active {
  border-left-color: var(--ui-interaction-primary);
}
.druids_search-bar_suggestion-renderer--is-suggestions-redesign-enabled.druids_search-bar_suggestion-renderer--keyboard-active {
  background: var(--suggestion-background-keyboard);
}
.druids_search-bar_suggestion-renderer--is-suggestions-redesign-enabled.druids_search-bar_suggestion-renderer--mouse-active {
  background: var(--suggestion-background-hover);
}
.druids_search-bar_suggestion-renderer:active {
  background: var(--ui-interaction-secondary-contrast);
}
.druids_search-bar_suggestion-renderer--is-suggestions-redesign-enabled.druids_search-bar_suggestion-renderer:active {
  background: var(--suggestion-background-active);
}
.druids_search-bar_suggestion-renderer__icon {
  color: var(--ui-text-secondary);
  flex-shrink: 0;
}
.druids_search-bar_suggestion-renderer__content {
  flex-basis: 0;
  flex-grow: 2;
  flex-shrink: 1;
  max-width: max-content;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.druids_search-bar_suggestion-renderer__details {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 2;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.druids_search-bar_suggestion-renderer__remove-button {
  display: none;
  align-items: center;
  justify-content: center;
}
.druids_search-bar_suggestion-renderer[aria-selected='true'] .druids_search-bar_suggestion-renderer__remove-button,
.druids_search-bar_suggestion-renderer--mouse-active .druids_search-bar_suggestion-renderer__remove-button,
.druids_search-bar_suggestion-renderer--keyboard-active .druids_search-bar_suggestion-renderer__remove-button,
.druids_search-bar_suggestion-renderer:active .druids_search-bar_suggestion-renderer__remove-button {
  display: flex;
}
@container (max-width: 400px) {
  .druids_search-bar_suggestion-renderer__details {
    display: none;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestions-group-renderer--is-suggestions-redesign-enabled {
  padding: 8px;
}
.druids_search-bar_suggestions-group-renderer--is-suggestions-redesign-enabled:not(:last-child) {
  border-bottom: 1px solid var(--ui-border);
}
.druids_search-bar_suggestions-group-renderer__header {
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--ui-text-secondary);
  font-weight: 600;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  background-color: var(--ui-background-secondary);
  padding: 4px 16px;
}
.druids_search-bar_suggestions-group-renderer--is-suggestions-redesign-enabled .druids_search-bar_suggestions-group-renderer__header {
  background-color: unset;
  text-transform: unset;
  padding: 4px 8px;
  font-size: 12px;
}
.druids_search-bar_suggestions-group-renderer__options {
  overflow: hidden;
  max-width: 100%;
}
.druids_search-bar_suggestions-group-renderer__options__list {
  margin: 0;
  padding: 0;
}

@media (prefers-contrast: more), (forced-colors: active) {
}@keyframes --search-bar-suggestions_loading-bounce {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.druids_search-bar-suggestions_loading__shimmer {
  --suggestion-loader-background-color: var(--LIGHT, #f0f1f5) var(--DARK, #2d323c);
  --suggestion-loader-shimmer-color: var(--LIGHT, rgba(0, 0, 0, 0.08)) var(--DARK, rgba(169, 177, 199, 0.2));
}
.druids_search-bar-suggestions_loading__shimmer::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 200%;
  background: linear-gradient(to left, transparent 0%, transparent 35%, var(--suggestion-loader-shimmer-color) 48.437%, transparent 65%, transparent 100%);
  opacity: 0.4;
  animation: 2s ease-in-out infinite --search-bar-suggestions_loading-bounce;
}
.druids_search-bar_suggestions-groups-renderer {
  container-type: inline-size;
  --search-bar-query-font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  --_ui-lockup--tr: initial;
  --_ui-lockup--br: initial;
  --_ui-lockup--tl: initial;
  --_ui-lockup--bl: initial;
}
.druids_search-bar_suggestions-groups-renderer--metrics {
  --search-bar-query-font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
.druids_search-bar_suggestions-groups-renderer__empty-state {
  padding: 8px;
}
.druids_search-bar_suggestions-groups-renderer--is-suggestions-redesign-enabled .druids_search-bar_suggestions-groups-renderer__empty-state {
  gap: 12px;
  margin: 8px;
  color: var(--ui-text-secondary);
}
.druids_search-bar_suggestions-groups-renderer--is-suggestions-redesign-enabled.druids_search-bar_suggestions-groups-renderer--size-md .druids_search-bar_suggestions-groups-renderer__empty-state {
  height: 28px;
}
.druids_search-bar_suggestions-groups-renderer--is-suggestions-redesign-enabled.druids_search-bar_suggestions-groups-renderer--size-lg .druids_search-bar_suggestions-groups-renderer__empty-state {
  height: 34px;
}
.druids_search-bar_suggestions-groups-renderer__side-panel {
  border-left: 1px solid var(--ui-border);
  width: 50%;
  min-width: 350px;
  max-width: 450px;
  align-self: stretch;
  min-height: 0;
  overflow: auto;
}
@container (max-width: 600px) {
  .druids_search-bar_suggestions-groups-renderer__side-panel {
    display: none;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-text-highlight-tag {
  background-color: transparent;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_natural-language-popover {
  --search-bar-natural-language: var(--ui-ai-primary);
  --search-bar-natural-language-background: var(--ui-ai-background-primary);
}
.druids_search-bar_natural-language-popover > .druids_search-bar_natural-language-popover {
  border: 1px solid var(--search-bar-natural-language);
  overflow: auto;
}
.druids_search-bar_natural-language-popover__input .druids_form_input-text__wrapper {
  border: none !important;
  box-shadow: none !important;
  background-color: var(--search-bar-natural-language-background) !important;
}
.druids_search-bar_natural-language-popover__input .druids_form_input-text__wrapper:focus-within {
  border: none !important;
  box-shadow: none !important;
  background-color: var(--search-bar-natural-language-background) !important;
}
.druids_search-bar_natural-language-popover__input__icon {
  fill: var(--search-bar-natural-language);
}
.druids_search-bar_natural-language-popover__input__button {
  color: var(--search-bar-natural-language);
  display: block;
}
.druids_search-bar_natural-language-popover__input__button:hover {
  background-color: var(--search-bar-natural-language);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_nlq-button {
  position: relative;
  border-radius: var(--ui-border-radius);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_error-icon {
  border-radius: 50%;
  background-color: #ffffff;
  fill: var(--ui-status-danger);
  z-index: calc(var(--ui-group-elevation, 1) + 1);
  transition-property: opacity, transform;
  transition-duration: 0.1s;
  transform-origin: center center;
  pointer-events: none;
}

.druids_search-bar_relative-position-wrapper {
  position: relative;
  background-blend-mode: inherit;
  background-image: inherit;
  background-color: inherit;
  border: inherit;
  border-width: 0;
  color: inherit;
  user-select: none;
}

.druids_search-bar_word-joiner {
  user-select: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_search-pill-delete-button__container {
  margin: 0;
  position: absolute;
  display: flex;
  left: 4px;
  top: -2px;
  bottom: -2px;
  z-index: var(--ui-group-elevation, 1);
  border-width: 1px 1px 1px 0;
  border-style: inherit;
  border-color: inherit;
  color: inherit;
  border-radius: 0 3px 3px 0;
  background-color: inherit;
}
.druids_search-bar_search-pill-delete-button__container::before {
  --shadow-coverup-border: var(--pill-border-color-hover);
  content: '';
  pointer-events: none;
  position: absolute;
  width: var(--search-pill-margin-right);
  left: calc(-1 * var(--search-pill-margin-right));
  top: -1px;
  bottom: -1px;
  background: transparent;
  border-top: 1px var(--pill-border-style) var(--shadow-coverup-border);
  border-bottom: 1px var(--pill-border-style) var(--shadow-coverup-border);
}
[contenteditable='true']:focus .druids_search-bar_search-pill-delete-button__container::before {
  --shadow-coverup-border: var(--pill-border-color-active-hover);
}
.druids_search-bar_search-pill-delete-button__button {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 4px;
  border-radius: 0 2px 2px 0;
  color: var(--pill-delete-button-text-color);
  background-color: var(--pill-delete-button-color);
}
.druids_search-bar_search-pill-delete-button__button::-moz-focus-inner {
  padding: 0;
  border: none;
}
[contenteditable='true']:focus .druids_search-bar_search-pill-delete-button__button {
  color: var(--pill-delete-button-text-color-active);
  background-color: var(--pill-delete-button-color-active);
}
.druids_search-bar_search-pill-delete-button__button:hover {
  color: var(--pill-delete-button-text-color-hover);
  background-color: var(--pill-border-color-hover);
}
[contenteditable='true']:focus .druids_search-bar_search-pill-delete-button__button:hover {
  color: var(--pill-delete-button-text-color-active-hover);
  background-color: var(--pill-border-color-active-hover);
}
.druids_search-bar_search-pill-delete-button__button__icon {
  vertical-align: text-bottom !important;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_search-pill {
  --search-bar-operator-color: var(--LIGHT, #c2129d) var(--DARK, #ba40a0);
  --search-bar-background-focus: var(--LIGHT, #f5fcff) var(--DARK, #091222);
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  --pill-border-color-default: var(--LIGHT, #e2e5ed) var(--DARK, #49474d);
  --search-pill-margin-right: 2px;
  --pill-border-style: solid;
  border-radius: 4px;
  padding: 1px 4px;
  margin-right: var(--search-pill-margin-right);
  display: inline;
  cursor: text;
  vertical-align: bottom;
  caret-color: var(--editable-syntax-caret-color);
  white-space: pre-wrap;
  border-width: 1px;
  border-style: var(--pill-border-style);
  border-color: var(--pill-border-color);
  background-color: var(--pill-background-color);
  transition: border-radius 0s linear;
  --pill-hovered-ring-color: var(--pill-background-color);
  --pill-hovered-ring: var(--LIGHT, none) var(--DARK, 0 0 0 2px var(--pill-hovered-ring-color));
  --pill-hovered-shadow-blur-radius: var(--LIGHT, 5px) var(--DARK, 6px);
  --pill-hovered-shadow: var(--LIGHT, 0 3px var(--pill-hovered-shadow-blur-radius) rgba(0, 0, 0, 0.25)) var(--DARK, 2px 4px var(--pill-hovered-shadow-blur-radius) #000000);
}
[contenteditable='false'] .druids_search-bar_search-pill {
  border-color: var(--pill-border-color-readonly);
}
[contenteditable='true'][aria-busy='false'] .druids_search-bar_search-pill:hover {
  border-color: var(--pill-border-color-hover);
}
[contenteditable='true']:focus .druids_search-bar_search-pill {
  border-color: var(--pill-border-color-active);
  background-color: var(--pill-background-color-active);
}
[contenteditable='true']:focus .druids_search-bar_search-pill:hover {
  border-color: var(--pill-border-color-active-hover);
}
.druids_search-bar_search-pill--is-error:not(.druids_search-bar_search-pill--is-selection-inside-range),
[contenteditable='true']:focus .druids_search-bar_search-pill--is-error:not(.druids_search-bar_search-pill--is-selection-inside-range),
[contenteditable='true'][aria-busy='false'] .druids_search-bar_search-pill:hover.druids_search-bar_search-pill--is-error {
  --pill-border-style: dashed;
  border-style: var(--pill-border-style);
  --pill-border-color-hover: var(--ui-status-danger) !important;
  --pill-border-color-active-hover: var(--ui-status-danger) !important;
}
.druids_search-bar_search-pill--is-disabled {
  cursor: not-allowed;
}
.druids_search-bar_search-pill__error-icon {
  position: absolute;
  top: -7px;
  right: -12px;
  display: none;
}
.druids_search-bar_search-pill:not(.druids_search-bar_search-pill--is-selection-inside-range) .druids_search-bar_search-pill__error-icon {
  display: block;
}
[contenteditable='true']:focus .druids_search-bar_search-pill__error-icon {
  display: none;
}
[contenteditable='true'][aria-busy='false'] .druids_search-bar_search-pill:hover .druids_search-bar_search-pill__error-icon {
  display: none;
}
.druids_search-bar_search-pill__tail-component {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0s linear;
}
[contenteditable='true']:focus .druids_search-bar_search-pill {
  --pill-hovered-ring-color: var(--pill-background-color-active);
}
[contenteditable='true'][aria-busy='false'] .druids_search-bar_search-pill:hover:not(.druids_search-bar_search-pill--is-disabled) {
  transition-delay: 0s;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: var(--pill-hovered-ring);
  filter: drop-shadow(var(--pill-hovered-shadow));
}
[contenteditable='true'][aria-busy='false'] .druids_search-bar_search-pill:hover .druids_search-bar_search-pill__tail-component {
  transition-delay: 0s;
  opacity: 1;
  pointer-events: all;
  box-shadow: var(--pill-hovered-ring);
}
.druids_search-bar_search-pill--metrics {
  --pill-hovered-ring: none;
  --pill-hovered-shadow: 0 1px 2px var(--ui-shadow-strength);
  border-radius: 0;
}
.druids_search-bar_search-pill--metrics.druids_search-bar_search-pill--md {
  padding-top: 3px;
  padding-bottom: 2px;
}
.druids_search-bar_search-pill--metrics.druids_search-bar_search-pill--lg {
  padding-top: 6px;
  padding-bottom: 5px;
}
.druids_search-bar_search-pill--metrics .druids_search-bar_search-pill__tail-component {
  border-radius: 0;
}
.druids_search-bar_search-pill--metrics.druids_search-bar_search-pill--md .druids_search-bar_search-pill__tail-component {
  top: -4px;
  bottom: -3px;
}
.druids_search-bar_search-pill--metrics.druids_search-bar_search-pill--lg .druids_search-bar_search-pill__tail-component {
  top: -7px;
  bottom: -6px;
}
.druids_search-bar_search-pill--disable-wrap {
  white-space: nowrap;
}
.druids_search-bar_search-pill--muted {
  border: none;
  padding: 1px 4px 2px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_corrections-popover {
  cursor: text;
}
.druids_search-bar_corrections-popover__correction-header {
  background-color: var(--ui-background-secondary);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.druids_search-bar_corrections-popover__correction {
  width: 100%;
}
.druids_search-bar_corrections-popover__correction:hover {
  background-color: var(--ui-interaction-secondary);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_search-terminal-node {
  --search-bar-operator-color: var(--LIGHT, #c2129d) var(--DARK, #ba40a0);
  --search-bar-background-focus: var(--LIGHT, #f5fcff) var(--DARK, #091222);
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  --search-node-error-background: var(--LIGHT, #fbd6db) var(--DARK, #5e151e);
  cursor: text;
  min-width: 1px;
  vertical-align: bottom;
}
.druids_search-bar_search-terminal-node--key {
  color: var(--ui-text);
}
.druids_search-bar_search-terminal-node--value {
  color: var(--tag-text);
}
.druids_search-bar_search-terminal-node--operator,
.druids_search-bar_search-terminal-node--verbose-operator {
  color: var(--search-bar-operator-color);
}
.druids_search-bar_search-terminal-node--verbose-operator {
  font-size: 0.9em;
  line-height: 1em;
  vertical-align: baseline;
}
.druids_search-bar_search-terminal-node:not(.druids_search-bar_search-terminal-node--is-selection-inside-range).druids_search-bar_search-terminal-node--error {
  background-color: var(--search-node-error-background);
}
[contenteditable='true']:focus .druids_search-bar_search-terminal-node:not(.druids_search-bar_search-terminal-node--is-selection-inside-range).druids_search-bar_search-terminal-node--error {
  background-color: transparent;
  text-decoration: underline wavy var(--ui-status-danger);
}
.druids_search-bar_search-terminal-node--has-corrections {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--ui-interaction-primary-contrast);
  text-decoration-thickness: 2px;
}
.druids_search-bar_search-terminal-node__error-icon {
  position: absolute;
  top: -9px;
  right: -12px;
  opacity: 0;
  transform: scale(0);
}
.druids_search-bar_search-terminal-node:not(.druids_search-bar_search-terminal-node--is-selection-inside-range) .druids_search-bar_search-terminal-node__error-icon {
  opacity: 1;
  transform: scale(1);
}
[contenteditable='true']:focus .druids_search-bar_search-terminal-node__error-icon {
  display: none;
}
.druids_search-bar_search-terminal-node--is-disabled {
  color: var(--ui-text-disabled);
}
.druids_search-bar_search-terminal-node--muted.druids_search-bar_search-terminal-node--key,
.druids_search-bar_search-terminal-node--muted.druids_search-bar_search-terminal-node--operator {
  color: var(--local-tag-key-color);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_query-visualizer {
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  letter-spacing: -0.01em;
}
.druids_search-bar_query-visualizer--xxs {
  font-size: 8px;
  line-height: 14px;
}
.druids_search-bar_query-visualizer--xs {
  font-size: 11px;
  line-height: 19px;
}
.druids_search-bar_query-visualizer--sm {
  font-size: 12px;
  line-height: 21px;
}
.druids_search-bar_query-visualizer--md {
  font-size: 13px;
  line-height: 23px;
}
.druids_search-bar_query-visualizer--lg {
  font-size: 15px;
  line-height: 27px;
}
.druids_search-bar_query-visualizer--xl {
  font-size: 18px;
  line-height: 32px;
}
.druids_search-bar_query-visualizer--xxl {
  font-size: 23px;
  line-height: 41px;
}
.druids_search-bar_query-visualizer--disable-wrap {
  white-space: nowrap;
}
.druids_search-bar_query-visualizer--muted {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_static-suggestions-popover__popover--bottom {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_search-bar_static-suggestions-popover__popover--bottom > .druids_search-bar_static-suggestions-popover__popover--bottom {
  border: 1px solid var(--form-border-focus);
  border-top: none;
  clip-path: inset(0 -14px -14px -14px);
}
.druids_search-bar_static-suggestions-popover__popover-extended > .druids_search-bar_static-suggestions-popover__popover-extended {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  margin-top: -1px;
  border-top: 1px solid var(--form-border-focus);
}
.druids_search-bar_static-suggestions-popover__popover--top {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.druids_search-bar_static-suggestions-popover__popover--top > .druids_search-bar_static-suggestions-popover__popover--top {
  border: 1px solid var(--form-border-focus);
  border-bottom: none;
  clip-path: inset(-14px -14px 0 -14px);
}
.druids_search-bar_static-suggestions-popover__popover-extended > .druids_search-bar_static-suggestions-popover__popover-extended {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  margin-bottom: -1px;
  border-bottom: 1px solid var(--form-border-focus);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_search-bar-skeleton_collapse-button {
  width: 32px;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: var(--ui-background);
  border-radius: 4px;
  border: 1px solid var(--ui-border);
  color: var(--ui-text-secondary);
}
.druids_search-bar_search-bar-skeleton_collapse-button:hover {
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--ui-shadow-1);
  color: var(--button-default-text-hover);
}
.druids_search-bar_search-bar-skeleton_collapse-button--focused {
  background-color: var(--ui-interaction-secondary-contrast);
  color: var(--ui-interaction-primary);
  border: none;
}
.druids_search-bar_search-bar-skeleton_collapse-button--focused:hover {
  background-color: var(--ui-interaction-primary);
  color: var(--ui-text-knockout);
  border: none;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_rich-search-bar {
  --search-bar-operator-color: var(--LIGHT, #c2129d) var(--DARK, #ba40a0);
  --search-bar-background-focus: var(--LIGHT, #f5fcff) var(--DARK, #091222);
  --search-bar-natural-language: var(--ui-ai-primary);
  --search-bar-natural-language-background: var(--ui-ai-background-primary);
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  --ui-border-radius: 4px;
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  min-width: 150px;
  border: 1px solid var(--form-border);
  background-color: var(--form-background);
}
.druids_search-bar_rich-search-bar--is-full-width {
  display: flex;
  width: 100%;
}
.druids_search-bar_rich-search-bar--xs .druids_search-bar_rich-search-bar__editable-syntax {
  min-height: 18px;
  font-size: 11px;
  line-height: 19px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.druids_search-bar_rich-search-bar--sm .druids_search-bar_rich-search-bar__editable-syntax {
  min-height: 22px;
  font-size: 12px;
  line-height: 21px;
  padding-top: 1px;
  padding-bottom: 0px;
}
.druids_search-bar_rich-search-bar--md .druids_search-bar_rich-search-bar__editable-syntax {
  min-height: 26px;
  font-size: 13px;
  line-height: 23px;
  padding-top: 2px;
  padding-bottom: 1px;
}
.druids_search-bar_rich-search-bar--lg .druids_search-bar_rich-search-bar__editable-syntax {
  min-height: 34px;
  font-size: 15px;
  line-height: 27px;
  padding-top: 4px;
  padding-bottom: 3px;
}
.druids_search-bar_rich-search-bar__editable-syntax {
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  width: 100%;
  padding-left: 6px;
  padding-right: calc(var(--right-content-width) + 20px);
  box-sizing: border-box;
  color: var(--ui-text);
}
.druids_search-bar_rich-search-bar__editable-syntax--has-icon {
  padding-left: 32px;
}
.druids_search-bar_rich-search-bar--is-readonly {
  background-color: var(--form-background-disabled);
  border-color: var(--form-border-disabled);
}
.druids_search-bar_rich-search-bar--is-disabled {
  color: var(--form-text-disabled);
  background-color: var(--form-background-disabled);
  border-color: var(--form-border-disabled);
  cursor: not-allowed;
}
.druids_search-bar_rich-search-bar__icon {
  pointer-events: none;
  color: var(--form-icon);
  margin-top: 5px;
  margin-left: 7px;
  z-index: var(--ui-group-elevation, 1);
}
.druids_search-bar_rich-search-bar--lg .druids_search-bar_rich-search-bar__icon {
  margin: 8px;
}
.druids_search-bar_rich-search-bar > .druids_search-bar_rich-search-bar__icon {
  position: absolute;
  left: 0;
}
.druids_search-bar_rich-search-bar:hover:not(.druids_search-bar_rich-search-bar--is-disabled):not(.druids_search-bar_rich-search-bar--is-readonly):not(.druids_search-bar_rich-search-bar--is-focused) {
  border-color: var(--form-border-hover);
  z-index: var(--ui-group-elevation, 1) !important;
}
.druids_search-bar_rich-search-bar--is-disabled .druids_search-bar_rich-search-bar__editable-syntax {
  color: var(--form-text-disabled);
  cursor: not-allowed;
}
.druids_search-bar_rich-search-bar--is-focused {
  border-color: var(--form-border-focus);
  box-shadow: 0 0 3px var(--form-shadow-focus);
  background-color: var(--search-bar-background-focus);
  z-index: var(--ui-group-elevation, 1) !important;
}
.druids_search-bar_rich-search-bar--is-focused.druids_search-bar_rich-search-bar--has-suggestions--bottom.druids_search-bar_rich-search-bar:not( .druids_search-bar_rich-search-bar--is-suggestions-redesign-enabled) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: var(--form-border);
}
.druids_search-bar_rich-search-bar--is-focused.druids_search-bar_rich-search-bar--has-suggestions--top.druids_search-bar_rich-search-bar:not( .druids_search-bar_rich-search-bar--is-suggestions-redesign-enabled) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-color: var(--form-border);
}
.druids_search-bar_rich-search-bar__right-content {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  column-gap: 8px;
  padding-top: 2px;
  padding-right: 4px;
  min-height: 24px;
}
.druids_search-bar_rich-search-bar--lg .druids_search-bar_rich-search-bar__right-content {
  padding-top: 4px;
  padding-right: 8px;
  min-height: 30px;
}
.druids_search-bar_rich-search-bar__clear-button,
.druids_search-bar_rich-search-bar__configuration-hub-button {
  z-index: var(--ui-group-elevation, 1);
  color: var(--ui-text-secondary);
}
.druids_search-bar_rich-search-bar__clear-button:hover,
.druids_search-bar_rich-search-bar__configuration-hub-button:hover {
  color: var(--form-icon-hover);
}
.druids_search-bar_rich-search-bar__clear-button:focus,
.druids_search-bar_rich-search-bar__configuration-hub-button:focus,
.druids_search-bar_rich-search-bar__clear-button--active,
.druids_search-bar_rich-search-bar__configuration-hub-button--active {
  color: var(--ui-interaction-primary);
}
.druids_search-bar_rich-search-bar__clear-button:disabled,
.druids_search-bar_rich-search-bar__configuration-hub-button:disabled,
.druids_search-bar_rich-search-bar__clear-button:disabled:hover,
.druids_search-bar_rich-search-bar__configuration-hub-button:disabled:hover,
.druids_search-bar_rich-search-bar__clear-button:disabled:focus,
.druids_search-bar_rich-search-bar__configuration-hub-button:disabled:focus {
  color: var(--form-icon-disabled);
}
.druids_search-bar_rich-search-bar--is-focused .druids_search-bar_rich-search-bar__clear-button,
.druids_search-bar_rich-search-bar--is-focused .druids_search-bar_rich-search-bar__configuration-hub-button {
  color: var(--ui-interaction-primary);
}
.druids_search-bar_rich-search-bar--is-focused .druids_search-bar_rich-search-bar__clear-button:hover,
.druids_search-bar_rich-search-bar--is-focused .druids_search-bar_rich-search-bar__configuration-hub-button:hover {
  color: var(--ui-interaction-primary-contrast);
}
.druids_search-bar_rich-search-bar__popover--bottom {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.druids_search-bar_rich-search-bar__popover--bottom > .druids_search-bar_rich-search-bar__popover--bottom {
  border: 1px solid var(--form-border-focus);
  border-top: none;
  clip-path: inset(0 -14px -14px -14px);
}
.druids_search-bar_rich-search-bar__popover-extended > .druids_search-bar_rich-search-bar__popover-extended {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  margin-top: -1px;
  border-top: 1px solid var(--form-border-focus);
}
.druids_search-bar_rich-search-bar__popover--top {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.druids_search-bar_rich-search-bar__popover--top > .druids_search-bar_rich-search-bar__popover--top {
  border: 1px solid var(--form-border-focus);
  border-bottom: none;
  clip-path: inset(-14px -14px 0 -14px);
}
.druids_search-bar_rich-search-bar__popover-extended > .druids_search-bar_rich-search-bar__popover-extended {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  margin-bottom: -1px;
  border-bottom: 1px solid var(--form-border-focus);
}
.druids_search-bar_rich-search-bar__collapse-button-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  bottom: 6px;
  right: 6px;
}
.druids_search-bar_rich-search-bar__scroll-container {
  position: relative;
  width: 100%;
}
.druids_search-bar_rich-search-bar__scroll-container--is-collapsed {
  overflow-y: auto;
  scroll-timeline: --scroll-timeline y;
  max-height: 82px;
  z-index: 1;
}
.druids_search-bar_rich-search-bar__scroll-container--is-collapsed::before,
.druids_search-bar_rich-search-bar__scroll-container--is-collapsed::after {
  content: '';
  display: block;
  position: sticky;
  left: 0;
  right: 0;
  height: 8px;
  z-index: 9;
  pointer-events: none;
  opacity: 0;
  animation-name: reveal;
  animation-timeline: --scroll-timeline;
  animation-fill-mode: both;
}
.druids_search-bar_rich-search-bar__scroll-container--is-collapsed::before {
  top: 0px;
  margin-top: -8px;
  background: radial-gradient(farthest-side at 50% 0%, var(--ui-shadow-strength), transparent);
  animation-range: 8px 16px;
}
.druids_search-bar_rich-search-bar__scroll-container--is-collapsed::after {
  bottom: 0;
  margin-top: -8px;
  background: radial-gradient(farthest-side at 50% 100%, var(--ui-shadow-strength), transparent);
  animation-direction: reverse;
  animation-range: calc(100% - 2 * 8px) calc(100% - 8px);
}
.druids_search-bar_rich-search-bar__scroll-container--is-collapsed::-webkit-scrollbar {
  cursor: pointer;
  z-index: 1;
  width: 4px;
}
.druids_search-bar_rich-search-bar__scroll-container--is-collapsed::-webkit-scrollbar-track {
  background: transparent;
}
.druids_search-bar_rich-search-bar__scroll-container--is-collapsed::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--ui-border);
  cursor: pointer;
}
.druids_search-bar_rich-search-bar__scroll-container--is-collapsed.druids_search-bar_rich-search-bar__scroll-container--is-empty {
  overflow-y: auto;
}
@keyframes reveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar__configuration-hub-popover {
  border-radius: 4px;
}
.druids_search-bar__configuration-hub-popover__label {
  cursor: pointer;
}
.druids_search-bar__configuration-hub-popover__fieldset {
  grid-gap: 16px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_free-text-search-bar {
  --search-bar-operator-color: var(--LIGHT, #c2129d) var(--DARK, #ba40a0);
  --search-bar-background-focus: var(--LIGHT, #f5fcff) var(--DARK, #091222);
  --search-bar-natural-language: var(--ui-ai-primary);
  --search-bar-natural-language-background: var(--ui-ai-background-primary);
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  --ui-border-radius: 4px;
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  min-width: 150px;
  border: 1px solid var(--form-border);
  background-color: var(--form-background);
}
.druids_search-bar_free-text-search-bar--is-full-width {
  display: flex;
  width: 100%;
}
.druids_search-bar_free-text-search-bar--xs .druids_search-bar_free-text-search-bar__editable-text {
  min-height: 18px;
  font-size: 11px;
  line-height: 19px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.druids_search-bar_free-text-search-bar--sm .druids_search-bar_free-text-search-bar__editable-text {
  min-height: 22px;
  font-size: 12px;
  line-height: 21px;
  padding-top: 1px;
  padding-bottom: 0px;
}
.druids_search-bar_free-text-search-bar--md .druids_search-bar_free-text-search-bar__editable-text {
  min-height: 26px;
  font-size: 13px;
  line-height: 23px;
  padding-top: 2px;
  padding-bottom: 1px;
}
.druids_search-bar_free-text-search-bar--lg .druids_search-bar_free-text-search-bar__editable-text {
  min-height: 34px;
  font-size: 15px;
  line-height: 27px;
  padding-top: 4px;
  padding-bottom: 3px;
}
.druids_search-bar_free-text-search-bar__editable-text {
  --ui-border-radius: inherit;
  border-radius: var(--_ui-lockup--tl, var(--ui-border-radius)) var(--_ui-lockup--tr, var(--ui-border-radius)) var(--_ui-lockup--br, var(--ui-border-radius)) var(--_ui-lockup--bl, var(--ui-border-radius));
  width: 100%;
  padding-left: 6px;
  padding-right: calc(var(--right-content-width) + 20px);
  box-sizing: border-box;
  color: var(--ui-text);
}
.druids_search-bar_free-text-search-bar__editable-text--has-icon {
  padding-left: 32px;
}
.druids_search-bar_free-text-search-bar--is-readonly {
  background-color: var(--form-background-disabled);
  border-color: var(--form-border-disabled);
}
.druids_search-bar_free-text-search-bar--is-disabled {
  color: var(--form-text-disabled);
  background-color: var(--form-background-disabled);
  border-color: var(--form-border-disabled);
  cursor: not-allowed;
}
.druids_search-bar_free-text-search-bar__icon {
  pointer-events: none;
  color: var(--form-icon);
  margin-top: 5px;
  margin-left: 7px;
  z-index: var(--ui-group-elevation, 1);
  position: absolute;
  left: 0;
}
.druids_search-bar_free-text-search-bar--lg .druids_search-bar_free-text-search-bar__icon {
  margin: 8px;
}
.druids_search-bar_free-text-search-bar__right-content {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  column-gap: 8px;
  padding-top: 2px;
  padding-right: 4px;
  min-height: 24px;
}
.druids_search-bar_free-text-search-bar--lg .druids_search-bar_free-text-search-bar__right-content {
  padding-top: 4px;
  padding-right: 8px;
  min-height: 30px;
}
.druids_search-bar_free-text-search-bar__clear-button,
.druids_search-bar_free-text-search-bar__configuration-hub-button {
  z-index: var(--ui-group-elevation, 1);
  color: var(--ui-text-secondary);
}
.druids_search-bar_free-text-search-bar__clear-button:hover,
.druids_search-bar_free-text-search-bar__configuration-hub-button:hover {
  color: var(--form-icon-hover);
}
.druids_search-bar_free-text-search-bar__clear-button:focus,
.druids_search-bar_free-text-search-bar__configuration-hub-button:focus,
.druids_search-bar_free-text-search-bar__clear-button--active,
.druids_search-bar_free-text-search-bar__configuration-hub-button--active {
  color: var(--ui-interaction-primary);
}
.druids_search-bar_free-text-search-bar__clear-button:disabled,
.druids_search-bar_free-text-search-bar__configuration-hub-button:disabled,
.druids_search-bar_free-text-search-bar__clear-button:disabled:hover,
.druids_search-bar_free-text-search-bar__configuration-hub-button:disabled:hover,
.druids_search-bar_free-text-search-bar__clear-button:disabled:focus,
.druids_search-bar_free-text-search-bar__configuration-hub-button:disabled:focus {
  color: var(--form-icon-disabled);
}
.druids_search-bar_free-text-search-bar__clear-button-md {
  margin-top: -2px;
}
.druids_search-bar_free-text-search-bar:has(.druids_search-bar_free-text-search-bar__editable-text:focus) .druids_search-bar_free-text-search-bar__clear-button,
.druids_search-bar_free-text-search-bar:has(.druids_search-bar_free-text-search-bar__editable-text:focus) .druids_search-bar_free-text-search-bar__configuration-hub-button {
  color: var(--ui-interaction-primary);
}
.druids_search-bar_free-text-search-bar:has(.druids_search-bar_free-text-search-bar__editable-text:focus) .druids_search-bar_free-text-search-bar__clear-button:hover,
.druids_search-bar_free-text-search-bar:has(.druids_search-bar_free-text-search-bar__editable-text:focus) .druids_search-bar_free-text-search-bar__configuration-hub-button:hover {
  color: var(--ui-interaction-primary-contrast);
}
.druids_search-bar_free-text-search-bar__editable-text {
  cursor: text;
  outline: none;
  word-wrap: break-word;
  white-space: break-spaces;
  overflow: hidden;
}
.druids_search-bar_free-text-search-bar__editable-text--is-monospace {
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
}
.druids_search-bar_free-text-search-bar__editable-text::before {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
.druids_search-bar_free-text-search-bar:hover:not(.druids_search-bar_free-text-search-bar--is-disabled):not(.druids_search-bar_free-text-search-bar--is-focused) {
  border-color: var(--form-border-hover);
  z-index: var(--ui-group-elevation, 1) !important;
}
.druids_search-bar_free-text-search-bar--is-focused {
  border-color: var(--form-border-focus);
  box-shadow: 0 0 3px var(--form-shadow-focus);
  background-color: var(--search-bar-background-focus);
  z-index: var(--ui-group-elevation, 1) !important;
}
.druids_search-bar_free-text-search-bar--is-disabled .druids_search-bar_free-text-search-bar__editable-text {
  color: var(--form-text-disabled);
  cursor: not-allowed;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_mini-query {
  --search-bar-operator-color: var(--LIGHT, #c2129d) var(--DARK, #ba40a0);
  --search-bar-background-focus: var(--LIGHT, #f5fcff) var(--DARK, #091222);
  white-space: nowrap;
  display: inline-block;
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace;
  letter-spacing: -0.01em;
  line-height: normal;
}
.druids_search-bar_mini-query--xs {
  font-size: 11px;
}
.druids_search-bar_mini-query--md {
  font-size: 13px;
}
.druids_search-bar_mini-query__pill {
  color: var(--ui-text);
  background: var(--ui-background);
  border: 1px solid var(--ui-border);
  box-shadow: none;
  border-radius: 4px;
  padding: 0.05em 0.35em 0.1em;
}
.druids_search-bar_mini-query__inline {
  color: inherit;
  background: transparent;
  padding: 0.05em 0.35em 0.1em;
}
.druids_search-bar_mini-query__operator {
  color: var(--search-bar-operator-color);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_search-bar_suggestion-separator {
  border-right: 1px solid;
  border-color: var(--ui-border);
  height: 8px;
  vertical-align: baseline;
}
.druids_search-bar_suggestion[aria-selected='true'] .druids_search-bar_suggestion-separator,
.druids_search-bar_suggestion:active .druids_search-bar_suggestion-separator {
  border-color: var(--ui-text-knockout);
}

.druids_search-bar_suggestion-side-panel-markdown {
  /* This is an override on ui.form_group */
  white-space: normal;
  /* Limits text to 10 lines */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
  /* Otherwise it cuts baseline chars  */
  line-height: 1.3em;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_table_table__sub-component--is-nested-table > * > * > .druids_table_table__root-wrapper {
  margin: 0 16px 0 32px;
}
.druids_table_table__tr--is-selectable-row .druids_table_table__sub-component--is-nested-table > * > * > .druids_table_table__root-wrapper {
  margin-left: calc(32px + calc(16px + 2 * var(--table-cell-padding-x)));
}
.druids_table_table__sub-component--is-nested-table > * > * > .druids_table_table__header,
.druids_table_table__sub-component--is-nested-table > * > * > .druids_table_table__footer {
  margin-left: 32px;
  margin-right: 16px;
}
.druids_table_table__custom-expander {
  color: var(--nested-is-expanded);
}
.druids_table_table__sub-component--is-nested-table > .druids_table_table__sub-component-content {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_time_contextual-help-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.druids_time_contextual-help-content__main {
  flex: 1;
  padding: 8px 16px;
  box-sizing: content-box;
  width: 300px;
}
.druids_time_contextual-help-content__section {
  margin-top: 8px;
}
.druids_time_contextual-help-content__section + .druids_time_contextual-help-content__section {
  margin-top: 10px;
}
.druids_time_contextual-help-content__tag-group {
  margin-top: -2px;
}
.druids_time_contextual-help-content__tag {
  --tag-background: var(--_override--tag-background, var(--LIGHT, #f4f4f5) var(--DARK, #2c2b2b));
  --tag-text: var(--_override--tag-text, var(--LIGHT, var(--CONTRAST_DEFAULT, #0c3472) var(--CONTRAST_HIGH, var(--ui-text))) var(--DARK, var(--CONTRAST_DEFAULT, #7999c3) var(--CONTRAST_HIGH, var(--ui-text))));
  --tag-text-key: var(--_override--tag-text-key, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --tag-background-hover: var(--_override--tag-background-hover, var(--LIGHT, #1149a0) var(--DARK, #567eb3));
  --tag-background-active: var(--_override--tag-background-active, var(--LIGHT, #0c3472) var(--DARK, #678cbb));
  --tag-key-color: var(--_override--tag-key-color, var(--LIGHT, var(--CONTRAST_DEFAULT, #505f79) var(--CONTRAST_HIGH, var(--ui-text-secondary))) var(--DARK, var(--CONTRAST_DEFAULT, #a19fa3) var(--CONTRAST_HIGH, var(--ui-text-secondary))));
  --tag-icon: var(--_override--tag-icon, var(--LIGHT, #505f79) var(--DARK, #a19fa3));
  --input-tag-text: var(--_override--input-tag-text, var(--LIGHT, var(--ui-text-secondary)) var(--DARK, var(--ui-text)));
  --input-tag-background: var(--_override--input-tag-background, var(--LIGHT, #eff0f5) var(--DARK, #49474d));
  --input-tag-background-hover: var(--_override--input-tag-background-hover, var(--LIGHT, #6a7287) var(--DARK, #726e77));
  --input-tag-background-active: var(--_override--input-tag-background-active, var(--LIGHT, #545a6a) var(--DARK, #8b8791));
  --local-text-color: var(--tag-custom-text-color, var(--tag-text));
  --local-text-color-hover: var(--tag-custom-text-color, #ffffff);
  --local-tag-key-color: var(--tag-custom-text-color, var(--tag-key-color));
  --local-tag-key-color-hover: rgba(255, 255, 255, 0.75);
  --local-tag-icon: var(--tag-custom-text-color, var(--tag-icon));
  --local-background-color: var(--tag-custom-background-color, var(--tag-background));
  --local-background-color-hover: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --local-background-color-active: var(--tag-custom-background-color-hover, var(--tag-background-hover));
  --input-tag-icon-hover: #ffffff;
  --date-range-picker-tag-background: var(--LIGHT, #e7effc) var(--DARK, var(--tag-background));
  line-height: 1;
  border-radius: 4px;
}
.druids_time_contextual-help-content__tag[class] {
  padding: 2px 6px;
  margin-right: 8px;
  margin-top: 8px;
  font-family: 'Roboto Mono', Menlo, 'Liberation Mono', Courier, monospace !important;
  color: var(--tag-text);
  background-color: var(--date-range-picker-tag-background);
}
.druids_time_contextual-help-content__tag:hover {
  background-color: var(--tag-background-hover);
  color: var(--ui-text-knockout);
  cursor: pointer;
}
.druids_time_contextual-help-content__tag:active {
  background-color: var(--tag-background-active);
  color: var(--ui-text-knockout);
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_time_contextual-help {
  display: grid;
  overflow: hidden;
  grid-template-rows: 100%;
  width: 0;
  height: var(--max-height, 0);
  transition: width 100ms cubic-bezier(0.55, 0, 0.1, 1), height 50ms cubic-bezier(0.55, 0, 0.1, 1);
  border: 0px solid transparent;
}
.druids_time_contextual-help--is-shown {
  width: var(--width, 1px);
  height: var(--true-height, 1px);
  transition-duration: 150ms;
}
.druids_time_contextual-help--left {
  order: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.druids_time_contextual-help--left.druids_time_contextual-help--is-shown {
  border-right-width: 1px;
  border-right-color: var(--form-border);
}
.druids_time_contextual-help--right {
  order: 1;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.druids_time_contextual-help--right.druids_time_contextual-help--is-shown {
  border-left-width: 1px;
  border-left-color: var(--form-border);
}

@media (prefers-contrast: more), (forced-colors: active) {
}/**
 * Only when there are many options
 * Some will be half the size
 */
.druids_time_date-range-picker__options--has-many {
  display: grid;
}
.druids_time_date-range-picker__options--has-many .druids_time_date-range-picker__picker-option--is-halfling {
  grid-column: span 1;
}
.druids_time_date-range-picker__options--has-many .druids_time_date-range-picker__picker-option--is-halfling .druids_time_date-range-picker__picker-option__date-preview {
  display: none;
}
.druids_time_date-range-picker__picker-option {
  border: none;
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 13px;
  padding: 0;
  background: transparent;
  color: inherit;
  margin: 0;
  -webkit-appearance: none;
  text-align: inherit;
  outline: none;
  display: flex;
  line-height: 28px;
  user-select: none;
  grid-column: span 2;
}
.druids_time_date-range-picker__picker-option::-moz-focus-inner {
  padding: 0;
  border: none;
}
.druids_time_date-range-picker__picker-option--is-selectable {
  cursor: pointer;
}
.druids_time_date-range-picker__picker-option--is-selected {
  background: var(--ui-interaction-primary);
  color: var(--ui-text-knockout);
}
@media (forced-colors: active) {
  .druids_time_date-range-picker__picker-option--is-selected {
    outline: 2px solid Highlight;
    outline-offset: -4px;
  }
}
.druids_time_date-range-picker__picker-option--is-selectable:active {
  background: var(--ui-interaction-primary-contrast);
  color: var(--ui-text-knockout);
}
.druids_time_date-range-picker__picker-option__decorator {
  display: inline-block;
  text-align: right;
  width: 4em;
  padding-right: 8px;
  margin-left: 4px;
}
.druids_time_date-range-picker__picker-option__label {
  flex: 1;
}
.druids_time_date-range-picker__picker-option__label-header {
  margin-bottom: -4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_time_date-range-picker {
  --form-text-placeholder: var(--_override--form-text-placeholder, var(--ui-text-tertiary));
  --form-text-disabled: var(--_override--form-text-disabled, var(--ui-text-disabled));
  --form-icon: var(--_override--form-icon, var(--ui-text-tertiary));
  --form-icon-disabled: var(--_override--form-icon-disabled, var(--ui-text-disabled));
  --form-icon-hover: var(--_override--form-icon-hover, var(--ui-text));
  --form-background: var(--_override--form-background, var(--ui-background));
  --form-background-focus: var(--_override--form-background-focus, var(--ui-interaction-secondary));
  --form-border-focus: var(--_override--form-border-focus, var(--CONTRAST_DEFAULT, var(--ui-interaction-primary)) var(--CONTRAST_HIGH, var(--ui-interaction-primary-contrast)));
  --form-background-disabled: var(--_override--form-background-disabled, var(--LIGHT, #f9fafb) var(--DARK, #222126));
  --form-border: var(--_override--form-border, var(--LIGHT, var(--CONTRAST_DEFAULT, #c2c8dd) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-minor: var(--_override--form-border-minor, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-border))) var(--DARK, var(--CONTRAST_DEFAULT, #65626a) var(--CONTRAST_HIGH, var(--ui-border))));
  --form-border-hover: var(--_override--form-border-hover, var(--LIGHT, var(--CONTRAST_DEFAULT, #585f70) var(--CONTRAST_HIGH, var(--ui-text-tertiary))) var(--DARK, var(--CONTRAST_DEFAULT, #858387) var(--CONTRAST_HIGH, var(--ui-text-tertiary))));
  --form-border-disabled: var(--_override--form-border-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #e2e5ed) var(--CONTRAST_HIGH, var(--form-border))) var(--DARK, var(--CONTRAST_DEFAULT, #2c2b2b) var(--CONTRAST_HIGH, var(--form-border))));
  --form-shadow-focus: var(--_override--form-shadow-focus, var(--LIGHT, rgba(0, 107, 194, 0.3)) var(--DARK, rgba(87, 159, 221, 0.8)));
  font-size: 13px;
  font-weight: normal;
  display: flex;
  white-space: nowrap;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_time_date-range-picker__fake-handle {
  min-width: var(--_width-prop-value, 29em);
  caret-color: transparent;
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME above */
}
.druids_time_date-range-picker__fake-handle *::selection {
  background: transparent;
}
.druids_time_date-range-picker:not(.druids_time_date-range-picker--is-disabled) .druids_time_date-range-picker__fake-handle:hover {
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_time_date-range-picker:not(.druids_time_date-range-picker--is-disabled) .druids_time_date-range-picker__fake-handle:hover input {
  cursor: pointer;
}
.druids_time_date-range-picker:not(.druids_time_date-range-picker--is-disabled) .druids_time_date-range-picker__fake-handle:hover .druids_form_input-text__wrapper {
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 1px 2px var(--ui-shadow-strength);
  border-color: var(--form-border-hover) !important;
}
.druids_time_date-range-picker:not(.druids_time_date-range-picker--is-disabled) .druids_time_date-range-picker__fake-handle[class] {
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_time_date-range-picker:not(.druids_time_date-range-picker--is-disabled) .druids_time_date-range-picker__fake-handle[class] input:focus {
  box-shadow: none;
  border-color: var(--form-border-focus) !important;
}
.druids_time_date-range-picker:not(.druids_time_date-range-picker--is-disabled).druids_time_date-range-picker--is-pinned .druids_time_date-range-picker__fake-handle:hover .druids_form_input-text__wrapper {
  border-color: var(--ui-interaction-primary-contrast) !important;
}
.druids_time_date-range-picker--is-pinned .druids_time_date-range-picker__pin > .druids_form_button__icon-wrapper {
  margin-right: 0;
}
.druids_time_date-range-picker--is-pinned .druids_form_input-text__wrapper,
.druids_time_date-range-picker--is-pinned .druids_time_playback-control__zoom-out {
  border: 1px solid var(--ui-interaction-primary);
}
.druids_time_date-range-picker--is-pinned .druids_form_input-text__wrapper:hover,
.druids_time_date-range-picker--is-pinned .druids_time_playback-control__zoom-out:hover {
  border-color: var(--ui-interaction-primary-contrast) !important;
}
.druids_time_date-range-picker--is-pinned .druids_form_input-text__input {
  color: var(--ui-interaction-primary) !important;
}
.druids_time_date-range-picker--is-pinned .druids_form_group.druids_time_playback-control__control-group.druids_form_group--horizontal > button.druids_form_button {
  border-top: 1px solid var(--ui-interaction-primary) !important;
  border-bottom: 1px solid var(--ui-interaction-primary) !important;
}
.druids_time_date-range-picker--is-pinned .druids_form_group.druids_time_playback-control__control-group.druids_form_group--horizontal > button.druids_form_button.druids_form_button--is-disabled {
  border-top: 1px solid var(--ui-interaction-primary) !important;
  border-bottom: 1px solid var(--ui-interaction-primary) !important;
}
.druids_time_date-range-picker--is-pinned .druids_form_group.druids_time_playback-control__control-group.druids_form_group--horizontal > button.druids_form_button:first-child {
  border-left: 1px solid var(--ui-interaction-primary) !important;
}
.druids_time_date-range-picker--is-pinned .druids_form_group.druids_time_playback-control__control-group.druids_form_group--horizontal > button.druids_form_button:last-child {
  border-right: 1px solid var(--ui-interaction-primary) !important;
}
.druids_time_date-range-picker--is-pinned .druids_form_group.druids_time_playback-control__control-group.druids_form_group--horizontal > button.druids_form_button:not(.druids_form_button--is-disabled):hover {
  border-color: var(--ui-interaction-primary-contrast) !important;
}
.druids_time_date-range-picker__input,
.druids_time_date-range-picker__fake-handle {
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME: can we make this narrower? */
}
.druids_time_date-range-picker__input input,
.druids_time_date-range-picker__fake-handle input {
  padding-left: 55px !important;
  text-indent: 0px;
  text-overflow: ellipsis;
}
.druids_time_date-range-picker__fake-handle input {
  padding-right: 24px !important;
}
.druids_time_date-range-picker--has-pin .druids_time_date-range-picker__fake-handle input {
  padding-right: 48px !important;
}
.druids_time_date-range-picker__input {
  min-width: calc(var(--_width-prop-value, 29em) - 2px);
  /* stylelint-disable-next-line selector-disallowed-list -- FIXME above */
}
.druids_time_date-range-picker__input *::selection {
  color: var(--ui-text-knockout);
  background: var(--ui-interaction-primary);
}
.druids_time_date-range-picker__input .druids_form_input-text__wrapper {
  box-shadow: none !important;
  box-sizing: content-box;
  height: 26px;
}
.druids_time_date-range-picker__input:not(.druids_form_validation--danger) .druids_form_input-text__wrapper {
  border: none !important;
}
.druids_time_date-range-picker__input.druids_form_validation--danger .druids_form_input-text__wrapper {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
  margin-bottom: -1px;
}
.druids_time_date-range-picker__input-wrapper.druids_time_date-range-picker__input--is-invalid {
  transform: translate3d(0, 0, 0);
  animation: wiggle 250ms;
}
@keyframes wiggle {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-3px);
  }
  50% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion) {
  .druids_time_date-range-picker__input-wrapper.druids_time_date-range-picker__input--is-invalid {
    animation: none;
  }
}
.druids_time_date-range-picker__time-zone__label {
  color: var(--ui-text-secondary);
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  cursor: default;
  position: absolute;
  left: 55px;
  top: -8px;
  padding: 0 2px;
  font-size: 10px;
  line-height: initial;
  z-index: calc(var(--ui-group-elevation, 0) + 1);
  max-width: calc(100% - 55px - 4ch);
  text-overflow: ellipsis;
  overflow: hidden;
  transform-origin: left center;
}
.druids_time_date-range-picker__time-zone__label::before {
  content: '';
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 2px;
  top: calc(50% + 1px);
  left: 0;
  background: var(--ui-background);
  box-shadow: 0 -1px 0 var(--ui-background);
}
.druids_time_date-range-picker__time-zone__name {
  display: none;
}
.druids_time_date-range-picker__time-zone__label:hover .druids_time_date-range-picker__time-zone__name {
  display: initial;
}
.druids_time_date-range-picker__time-zone__label--tz-undefined {
  display: none;
}
.druids_time_date-range-picker:hover .druids_time_date-range-picker__time-zone__label--tz-undefined {
  display: initial;
}
.druids_time_date-range-picker__popover-content .druids_time_date-range-picker__time-zone__label {
  top: -9px;
  left: 54px;
}
.druids_time_date-range-picker__fake-handle:hover ~ .druids_time_date-range-picker__time-zone__label {
  color: var(--form-border-hover);
}
.druids_time_date-range-picker__popover-content .druids_time_date-range-picker__time-zone__label {
  animation: scaleDownTZLabel 150ms;
  transform: scale(0.9);
  color: var(--ui-interaction-primary-contrast);
}
@keyframes scaleDownTZLabel {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
.druids_time_date-range-picker__popover-content .druids_time_date-range-picker__time-zone__label::before {
  box-shadow: none;
  background-color: var(--ui-interaction-secondary);
}
.druids_time_date-range-picker__time-zone__label--error[class] {
  --input-shadow-success-focus: var(--_override--input-shadow-success-focus, var(--LIGHT, rgba(65, 196, 100, 0.3)) var(--DARK, rgba(52, 156, 80, 0.8)));
  --input-background-success-focus: var(--_override--input-background-success-focus, var(--ui-status-success-soft));
  --input-border-success: var(--_override--input-border-success, var(--ui-status-success));
  --input-border-success-hover: var(--_override--input-border-success-hover, var(--ui-status-success-contrast));
  --input-border-success-focus: var(--_override--input-border-success-focus, var(--input-border-success-hover));
  --input-shadow-warning-focus: var(--_override--input-shadow-warning-focus, var(--LIGHT, rgba(249, 157, 2, 0.3)) var(--DARK, rgba(204, 144, 34, 0.8)));
  --input-background-warning-focus: var(--_override--input-background-warning-focus, var(--ui-status-warning-soft));
  --input-border-warning: var(--_override--input-border-warning, var(--ui-status-warning));
  --input-border-warning-hover: var(--_override--input-border-warning-hover, var(--ui-status-warning-contrast));
  --input-border-warning-focus: var(--_override--input-border-warning-focus, var(--input-border-warning-hover));
  --input-shadow-danger-focus: var(--_override--input-shadow-danger-focus, var(--LIGHT, rgba(235, 54, 75, 0.3)) var(--DARK, rgba(211, 48, 67, 0.8)));
  --input-background-danger-focus: var(--_override--input-background-danger-focus, var(--ui-status-danger-soft));
  --input-border-danger: var(--_override--input-border-danger, var(--ui-status-danger));
  --input-border-danger-hover: var(--_override--input-border-danger-hover, var(--ui-status-danger-contrast));
  --input-border-danger-focus: var(--_override--input-border-danger-focus, var(--input-border-danger-hover));
  --input-text-disabled: var(--_override--input-text-disabled, var(--LIGHT, var(--CONTRAST_DEFAULT, #b4bcd4) var(--CONTRAST_HIGH, var(--ui-text-disabled))) var(--DARK, var(--CONTRAST_DEFAULT, #49474d) var(--CONTRAST_HIGH, var(--ui-text-disabled))));
  --input-soft-background: var(--_override--input-soft-background, var(--LIGHT, #eff1f5) var(--DARK, #272626));
  --input-soft-text: var(--_override--input-soft-text, var(--LIGHT, #242931) var(--DARK, #e6e4e7));
  --input-soft-text-placeholder: var(--_override--input-soft-text-placeholder, #828ba4);
  color: var(--ui-status-danger);
}
.druids_time_date-range-picker__time-zone__label--error[class]::before {
  background-color: var(--input-background-danger-focus);
}
.druids_time_date-range-picker__popover-content {
  display: flex;
  flex-direction: column;
  outline: none;
  border-radius: 4px;
}
.druids_time_date-range-picker__popover-content > .druids_time_date-range-picker__popover-content {
  border: 1px solid var(--form-border-focus);
  box-shadow: 0 0 1px rgba(36, 41, 49, 0.1), 0 3px 11px var(--ui-shadow-strength);
}
.druids_time_date-range-picker__main-section {
  flex: 1;
  min-width: calc(var(--_width-prop-value, 29em) - 2px);
}
.druids_time_date-range-picker__calendar {
  margin-top: 8px;
}
.druids_time_date-range-picker__calendar > * {
  box-sizing: border-box;
  padding: 0 4px 4px;
  min-width: calc(var(--_width-prop-value, 29em) - 2px);
}
.druids_time_date-range-picker__input-wrapper {
  position: relative;
}
.druids_time_date-range-picker__popover-content .druids_time_date-range-picker__input-wrapper {
  border-bottom: 1px solid var(--form-border);
}
.druids_time_date-range-picker__pin-btn.druids_form_action {
  display: flex;
  color: var(--ui-icon);
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  height: 100%;
  width: 24px;
  padding: 0 4px;
}
.druids_time_date-range-picker__pin-btn.druids_form_action:hover {
  color: var(--ui-text-knockout);
}
.druids_time_date-range-picker__pin-btn--pinned.druids_form_action {
  color: var(--ui-interaction-primary);
}
.druids_time_date-range-picker__pin-btn--pinned.druids_form_action:hover {
  color: var(--ui-text-knockout);
}
.druids_time_date-range-picker--is-disabled .druids_time_date-range-picker__pin-btn.druids_form_action {
  pointer-events: none;
}
.druids_time_date-range-picker--is-disabled .druids_time_date-range-picker__pin-icon {
  color: var(--form-text-disabled);
}
@keyframes pinbounce {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0;
  }
}
.druids_time_date-range-picker__pin-btn--pinned .druids_time_date-range-picker__pin-icon {
  animation: 0.2s ease pinbounce;
}
.druids_time_date-range-picker__caret-down-icon {
  position: absolute;
  z-index: calc(var(--ui-group-elevation) + 1);
  right: 6px;
  color: var(--ui-icon);
  pointer-events: none;
}
.druids_time_date-range-picker--is-disabled .druids_time_date-range-picker__caret-down-icon {
  color: var(--ui-text-secondary) !important;
}
.druids_time_date-range-picker__outer-pill[class] {
  position: absolute;
  width: 42px;
  left: 5px;
  top: 50%;
  pointer-events: none;
  z-index: calc(var(--ui-group-elevation, 0) + 1);
  transform: translateY(-50%);
}
.druids_time_date-range-picker__popover-content .druids_time_date-range-picker__outer-pill {
  left: 4px;
}
.druids_time_date-range-picker .druids_misc_option-default__decorator {
  width: 55px;
  padding-left: 5px;
  pointer-events: none;
}
.druids_time_date-range-picker__pin {
  width: 80px;
  justify-content: flex-start;
  margin-right: -1px;
}
.druids_time_date-range-picker__pin:hover {
  z-index: calc(var(--ui-group-elevation, 0) + 1);
}
.druids_time_date-range-picker__pin > .druids_form_button__icon-wrapper {
  margin-right: 4px;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_time_time-range-indicator {
  font-family: 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-weight: normal;
  color: var(--ui-text);
  white-space: nowrap;
}
.druids_time_time-range-indicator__time-range-pill {
  margin-right: 6px;
  flex-shrink: 0;
}
.druids_time_time-range-indicator__date-info {
  line-height: 1.5;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_typography_editorial-title[class][class] {
  text-wrap: balance;
  padding-top: calc(var(--ui-custom-extra-padding) * var(--ui-vertical-spacing-modifier, 1));
  padding-bottom: calc(var(--ui-custom-extra-padding) * var(--ui-vertical-spacing-modifier, 1));
}
.druids_typography_editorial-title--xs[class][class] {
  font: 700 12px / calc(20px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  --ui-header-font-size: 12px;
  --ui-custom-extra-padding: calc(0.25 * 12px);
}
.druids_typography_editorial-title--sm[class][class] {
  font: 700 14px / calc(24px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  --ui-header-font-size: 14px;
  --ui-custom-extra-padding: calc(0.25 * 14px);
}
.druids_typography_editorial-title--md[class][class] {
  font: 600 18px / calc(24px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: 0px;
  text-transform: none;
  --ui-header-font-size: 18px;
  --ui-custom-extra-padding: calc(0.25 * 18px);
}
.druids_typography_editorial-title--lg[class][class] {
  font: 600 22px / calc(32px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: -0.2px;
  text-transform: none;
  --ui-header-font-size: 22px;
  --ui-custom-extra-padding: calc(0.25 * 22px);
}
.druids_typography_editorial-title--xl[class][class] {
  font: 600 26px / calc(36px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: -0.3px;
  text-transform: none;
  --ui-header-font-size: 26px;
  --ui-custom-extra-padding: calc(0.25 * 26px);
}
.druids_typography_editorial-title--xxl[class][class] {
  font: 600 32px / calc(42px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: -0.4px;
  text-transform: none;
  --ui-header-font-size: 32px;
  --ui-custom-extra-padding: calc(0.25 * 32px);
}
.druids_typography_editorial-title--3xl[class][class] {
  font: 600 42px / calc(54px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: -0.5px;
  text-transform: none;
  --ui-header-font-size: 42px;
  --ui-custom-extra-padding: calc(0.25 * 42px);
}
.druids_typography_editorial-title--4xl[class][class] {
  font: 600 54px / calc(62px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: -0.6px;
  text-transform: none;
  --ui-header-font-size: 54px;
  --ui-custom-extra-padding: calc(0.25 * 54px);
}
.druids_typography_editorial-title--has-reduced-vertical-spacing[class][class] {
  --ui-custom-reduced-vertical-spacing: 0.75;
  --ui-custom-reduced-vertical-line-height: 0.9;
  --ui-vertical-spacing-modifier: 0;
}
.druids_typography_editorial-title__eyebrow {
  display: block;
  padding-bottom: var(--ui-custom-extra-padding);
}
.druids_typography_editorial-title__eyebrow--is-custom {
  line-height: 24px;
  --ui-custom-extra-padding: calc(0.25 * 14px);
  text-transform: none;
  letter-spacing: 0;
}
.druids_typography_editorial-title__eyebrow--is-custom.druids_typography_editorial-title__eyebrow--is-small {
  line-height: 20px;
  --ui-custom-extra-padding: calc(0.25 * 12px);
}
.druids_typography_editorial-title__eyebrow:not(.druids_typography_editorial-title__eyebrow--is-custom) {
  font: 700 14px / calc(24px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  --ui-header-font-size: 14px;
  --ui-custom-extra-padding: calc(0.25 * 14px);
}
.druids_typography_editorial-title__eyebrow--is-small:not(.druids_typography_editorial-title__eyebrow--is-custom) {
  font: 700 12px / calc(20px * var(--ui-custom-reduced-vertical-line-height, 1)) 'NotoSans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  --ui-header-font-size: 12px;
  --ui-custom-extra-padding: calc(0.25 * 12px);
}
.druids_typography_editorial-title--is-light[class][class],
.druids_typography_editorial-title__eyebrow--is-light[class] {
  font-weight: 300;
}
.druids_typography_editorial-title--is-normal[class][class],
.druids_typography_editorial-title__eyebrow--is-normal[class] {
  font-weight: 400;
}

@media (prefers-contrast: more), (forced-colors: active) {
}.druids_typography_title-description-lockup {
  --_title-color: var(--ui-text);
  --_paragraph-color: var(--ui-text-secondary);
  color: var(--_paragraph-color);
  --_paragraph-size: 14px;
  --ui-base-font-size: var(--_paragraph-size);
}
.druids_typography_title-description-lockup__title[class][class] {
  color: var(--_title-color);
}
.druids_typography_title-description-lockup--secondary {
  --_paragraph-color: var(--ui-text-secondary);
}
.druids_typography_title-description-lockup--knockout {
  --_title-color: var(--ui-text-knockout);
  --_paragraph-color: var(--ui-text-knockout);
}
.druids_typography_title-description-lockup--lg {
  --_paragraph-size: 18px;
}
.druids_typography_title-description-lockup--md {
  --_paragraph-size: 16px;
}

.use-scroll-shadows_ARCPWq_Base{isolation:isolate;--use-scroll-shadows_ARCPWq_size:8px;--use-scroll-shadows_ARCPWq_gap:0px;--use-scroll-shadows_ARCPWq_padding:0px;--use-scroll-shadows_ARCPWq_padding-x:var(--use-scroll-shadows_ARCPWq_padding);--use-scroll-shadows_ARCPWq_padding-y:var(--use-scroll-shadows_ARCPWq_padding);position:relative;overflow:hidden}.use-scroll-shadows_ARCPWq_isHorizontal{overscroll-behavior-x:contain;--use-scroll-shadows_ARCPWq_scroll-axis:x;--use-scroll-shadows_ARCPWq_bg-side-start:0% 50%;--use-scroll-shadows_ARCPWq_bg-side-end:100% 50%;--use-scroll-shadows_ARCPWq_inline-size:var(--use-scroll-shadows_ARCPWq_size);--use-scroll-shadows_ARCPWq_block-size:auto;overflow-x:auto;}.use-scroll-shadows_ARCPWq_isVertical{overscroll-behavior-y:contain;--use-scroll-shadows_ARCPWq_scroll-axis:y;--use-scroll-shadows_ARCPWq_bg-side-start:50% 0%;--use-scroll-shadows_ARCPWq_bg-side-end:50% 100%;--use-scroll-shadows_ARCPWq_inline-size:auto;--use-scroll-shadows_ARCPWq_block-size:var(--use-scroll-shadows_ARCPWq_size);overflow-y:auto;}@supports (animation-timeline:scroll(x self)){.use-scroll-shadows_ARCPWq_Base:after,.use-scroll-shadows_ARCPWq_Base:before{content:"";pointer-events:none;width:var(--use-scroll-shadows_ARCPWq_inline-size);height:var(--use-scroll-shadows_ARCPWq_block-size);z-index:89;opacity:0;background:radial-gradient(farthest-side at var(--use-scroll-shadows_ARCPWq_bg-side),var(--ui-shadow-strength),transparent);flex-shrink:0;place-self:stretch stretch;animation:linear both use-scroll-shadows_ARCPWq_--fade-in-shadow;display:block;position:sticky}.use-scroll-shadows_ARCPWq_Base[class]:after,.use-scroll-shadows_ARCPWq_Base[class]:before{animation-timeline:scroll(var(--use-scroll-shadows_ARCPWq_scroll-axis))}.use-scroll-shadows_ARCPWq_Base:before{--use-scroll-shadows_ARCPWq_bg-side:var(--use-scroll-shadows_ARCPWq_bg-side-start);animation-range:0 var(--use-scroll-shadows_ARCPWq_size)}.use-scroll-shadows_ARCPWq_Base:after{--use-scroll-shadows_ARCPWq_bg-side:var(--use-scroll-shadows_ARCPWq_bg-side-end);animation-direction:reverse;animation-range:calc(100% - var(--use-scroll-shadows_ARCPWq_size))100%}.use-scroll-shadows_ARCPWq_isHorizontal:before{left:calc(-1*var(--use-scroll-shadows_ARCPWq_padding-x));margin:calc(-1*var(--use-scroll-shadows_ARCPWq_padding-y))calc(-1*var(--use-scroll-shadows_ARCPWq_padding-x));margin-right:calc(-1*var(--use-scroll-shadows_ARCPWq_size) - var(--use-scroll-shadows_ARCPWq_gap) + var(--use-scroll-shadows_ARCPWq_padding-x))}.use-scroll-shadows_ARCPWq_isHorizontal:after{margin:calc(-1*var(--use-scroll-shadows_ARCPWq_padding-y))0;margin-left:calc(-1*var(--use-scroll-shadows_ARCPWq_size) - var(--use-scroll-shadows_ARCPWq_gap));translate:var(--use-scroll-shadows_ARCPWq_padding-x)0;right:0}.use-scroll-shadows_ARCPWq_isVertical:before{top:calc(-1*var(--use-scroll-shadows_ARCPWq_padding-y));margin:calc(-1*var(--use-scroll-shadows_ARCPWq_padding-y))calc(-1*var(--use-scroll-shadows_ARCPWq_padding-x));margin-bottom:calc(-1*var(--use-scroll-shadows_ARCPWq_size) - var(--use-scroll-shadows_ARCPWq_gap) + var(--use-scroll-shadows_ARCPWq_padding-y))}.use-scroll-shadows_ARCPWq_isVertical:after{margin:0 calc(-1*var(--use-scroll-shadows_ARCPWq_padding-x));margin-top:calc(-1*var(--use-scroll-shadows_ARCPWq_size) - var(--use-scroll-shadows_ARCPWq_gap));translate:0 var(--use-scroll-shadows_ARCPWq_padding-y);bottom:0}}@keyframes use-scroll-shadows_ARCPWq_--fade-in-shadow{to{opacity:1}}

/*# sourceMappingURL=/src/@druids/docs-builder.a12c80c0ad3f6c094d70.min.css.map*/