/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@shopify/polaris/build/esm/styles.css ***! \************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; :root,.p-theme-light{--p-border-radius-0:0rem;--p-border-radius-050:0.125rem;--p-border-radius-100:0.25rem;--p-border-radius-150:0.375rem;--p-border-radius-200:0.5rem;--p-border-radius-300:0.75rem;--p-border-radius-400:1rem;--p-border-radius-500:1.25rem;--p-border-radius-750:1.875rem;--p-border-radius-full:624.9375rem;--p-border-width-0:0rem;--p-border-width-0165:0.04125rem;--p-border-width-025:0.0625rem;--p-border-width-050:0.125rem;--p-border-width-100:0.25rem;--p-breakpoints-xs:0rem;--p-breakpoints-sm:30.625rem;--p-breakpoints-md:48rem;--p-breakpoints-lg:65rem;--p-breakpoints-xl:90rem;color-scheme:light;--p-color-bg:rgba(241, 241, 241, 1);--p-color-bg-inverse:rgba(26, 26, 26, 1);--p-color-bg-surface:rgba(255, 255, 255, 1);--p-color-bg-surface-hover:rgba(247, 247, 247, 1);--p-color-bg-surface-active:rgba(243, 243, 243, 1);--p-color-bg-surface-selected:rgba(241, 241, 241, 1);--p-color-bg-surface-disabled:rgba(0, 0, 0, 0.05);--p-color-bg-surface-secondary:rgba(247, 247, 247, 1);--p-color-bg-surface-secondary-hover:rgba(241, 241, 241, 1);--p-color-bg-surface-secondary-active:rgba(235, 235, 235, 1);--p-color-bg-surface-secondary-selected:rgba(235, 235, 235, 1);--p-color-bg-surface-tertiary:rgba(243, 243, 243, 1);--p-color-bg-surface-tertiary-hover:rgba(235, 235, 235, 1);--p-color-bg-surface-tertiary-active:rgba(227, 227, 227, 1);--p-color-bg-surface-brand:rgba(227, 227, 227, 1);--p-color-bg-surface-brand-hover:rgba(235, 235, 235, 1);--p-color-bg-surface-brand-active:rgba(241, 241, 241, 1);--p-color-bg-surface-brand-selected:rgba(241, 241, 241, 1);--p-color-bg-surface-info:rgba(234, 244, 255, 1);--p-color-bg-surface-info-hover:rgba(224, 240, 255, 1);--p-color-bg-surface-info-active:rgba(202, 230, 255, 1);--p-color-bg-surface-success:rgba(205, 254, 212, 1);--p-color-bg-surface-success-hover:rgba(175, 254, 191, 1);--p-color-bg-surface-success-active:rgba(146, 252, 172, 1);--p-color-bg-surface-caution:rgba(255, 248, 219, 1);--p-color-bg-surface-caution-hover:rgba(255, 244, 191, 1);--p-color-bg-surface-caution-active:rgba(255, 239, 157, 1);--p-color-bg-surface-warning:rgba(255, 241, 227, 1);--p-color-bg-surface-warning-hover:rgba(255, 235, 213, 1);--p-color-bg-surface-warning-active:rgba(255, 228, 198, 1);--p-color-bg-surface-critical:rgba(254, 232, 235, 1);--p-color-bg-surface-critical-hover:rgba(254, 225, 230, 1);--p-color-bg-surface-critical-active:rgba(254, 217, 223, 1);--p-color-bg-surface-emphasis:rgba(240, 242, 255, 1);--p-color-bg-surface-emphasis-hover:rgba(234, 237, 255, 1);--p-color-bg-surface-emphasis-active:rgba(226, 231, 255, 1);--p-color-bg-surface-magic:rgba(248, 247, 255, 1);--p-color-bg-surface-magic-hover:rgba(243, 241, 255, 1);--p-color-bg-surface-magic-active:rgba(233, 229, 255, 1);--p-color-bg-surface-inverse:rgba(48, 48, 48, 1);--p-color-bg-surface-transparent:rgba(0, 0, 0, 0);--p-color-bg-fill:rgba(255, 255, 255, 1);--p-color-bg-fill-hover:rgba(250, 250, 250, 1);--p-color-bg-fill-active:rgba(247, 247, 247, 1);--p-color-bg-fill-selected:rgba(204, 204, 204, 1);--p-color-bg-fill-disabled:rgba(0, 0, 0, 0.05);--p-color-bg-fill-secondary:rgba(241, 241, 241, 1);--p-color-bg-fill-secondary-hover:rgba(235, 235, 235, 1);--p-color-bg-fill-secondary-active:rgba(227, 227, 227, 1);--p-color-bg-fill-secondary-selected:rgba(227, 227, 227, 1);--p-color-bg-fill-tertiary:rgba(227, 227, 227, 1);--p-color-bg-fill-tertiary-hover:rgba(212, 212, 212, 1);--p-color-bg-fill-tertiary-active:rgba(204, 204, 204, 1);--p-color-bg-fill-brand:rgba(48, 48, 48, 1);--p-color-bg-fill-brand-hover:rgba(26, 26, 26, 1);--p-color-bg-fill-brand-active:rgba(26, 26, 26, 1);--p-color-bg-fill-brand-selected:rgba(48, 48, 48, 1);--p-color-bg-fill-brand-disabled:rgba(0, 0, 0, 0.17);--p-color-bg-fill-info:rgba(145, 208, 255, 1);--p-color-bg-fill-info-hover:rgba(81, 192, 255, 1);--p-color-bg-fill-info-active:rgba(0, 148, 213, 1);--p-color-bg-fill-info-secondary:rgba(213, 235, 255, 1);--p-color-bg-fill-success:rgba(4, 123, 93, 1);--p-color-bg-fill-success-hover:rgba(3, 94, 76, 1);--p-color-bg-fill-success-active:rgba(1, 75, 64, 1);--p-color-bg-fill-success-secondary:rgba(175, 254, 191, 1);--p-color-bg-fill-warning:rgba(255, 184, 0, 1);--p-color-bg-fill-warning-hover:rgba(229, 165, 0, 1);--p-color-bg-fill-warning-active:rgba(178, 132, 0, 1);--p-color-bg-fill-warning-secondary:rgba(255, 214, 164, 1);--p-color-bg-fill-caution:rgba(255, 230, 0, 1);--p-color-bg-fill-caution-hover:rgba(234, 211, 0, 1);--p-color-bg-fill-caution-active:rgba(225, 203, 0, 1);--p-color-bg-fill-caution-secondary:rgba(255, 235, 120, 1);--p-color-bg-fill-critical:rgba(199, 10, 36, 1);--p-color-bg-fill-critical-hover:rgba(163, 10, 36, 1);--p-color-bg-fill-critical-active:rgba(142, 11, 33, 1);--p-color-bg-fill-critical-selected:rgba(142, 11, 33, 1);--p-color-bg-fill-critical-secondary:rgba(254, 209, 215, 1);--p-color-bg-fill-emphasis:rgba(0, 91, 211, 1);--p-color-bg-fill-emphasis-hover:rgba(0, 66, 153, 1);--p-color-bg-fill-emphasis-active:rgba(0, 46, 106, 1);--p-color-bg-fill-magic:rgba(128, 81, 255, 1);--p-color-bg-fill-magic-secondary:rgba(233, 229, 255, 1);--p-color-bg-fill-magic-secondary-hover:rgba(228, 222, 255, 1);--p-color-bg-fill-magic-secondary-active:rgba(223, 217, 255, 1);--p-color-bg-fill-inverse:rgba(48, 48, 48, 1);--p-color-bg-fill-inverse-hover:rgba(74, 74, 74, 1);--p-color-bg-fill-inverse-active:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent:rgba(0, 0, 0, 0.02);--p-color-bg-fill-transparent-hover:rgba(0, 0, 0, 0.05);--p-color-bg-fill-transparent-active:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-selected:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-secondary:rgba(0, 0, 0, 0.06);--p-color-bg-fill-transparent-secondary-hover:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-secondary-active:rgba(0, 0, 0, 0.11);--p-color-text:rgba(48, 48, 48, 1);--p-color-text-secondary:rgba(97, 97, 97, 1);--p-color-text-disabled:rgba(181, 181, 181, 1);--p-color-text-link:rgba(0, 91, 211, 1);--p-color-text-link-hover:rgba(0, 66, 153, 1);--p-color-text-link-active:rgba(0, 46, 106, 1);--p-color-text-brand:rgba(74, 74, 74, 1);--p-color-text-brand-hover:rgba(48, 48, 48, 1);--p-color-text-brand-on-bg-fill:rgba(255, 255, 255, 1);--p-color-text-brand-on-bg-fill-hover:rgba(227, 227, 227, 1);--p-color-text-brand-on-bg-fill-active:rgba(204, 204, 204, 1);--p-color-text-brand-on-bg-fill-disabled:rgba(255, 255, 255, 1);--p-color-text-info:rgba(0, 58, 90, 1);--p-color-text-info-hover:rgba(0, 58, 90, 1);--p-color-text-info-active:rgba(0, 33, 51, 1);--p-color-text-info-secondary:rgba(0, 124, 180, 1);--p-color-text-info-on-bg-fill:rgba(0, 33, 51, 1);--p-color-text-success:rgba(1, 75, 64, 1);--p-color-text-success-hover:rgba(7, 54, 48, 1);--p-color-text-success-active:rgba(2, 38, 34, 1);--p-color-text-success-secondary:rgba(4, 123, 93, 1);--p-color-text-success-on-bg-fill:rgba(250, 255, 251, 1);--p-color-text-caution:rgba(79, 71, 0, 1);--p-color-text-caution-hover:rgba(51, 46, 0, 1);--p-color-text-caution-active:rgba(31, 28, 0, 1);--p-color-text-caution-secondary:rgba(130, 117, 0, 1);--p-color-text-caution-on-bg-fill:rgba(51, 46, 0, 1);--p-color-text-warning:rgba(94, 66, 0, 1);--p-color-text-warning-hover:rgba(65, 45, 0, 1);--p-color-text-warning-active:rgba(37, 26, 0, 1);--p-color-text-warning-secondary:rgba(149, 111, 0, 1);--p-color-text-warning-on-bg-fill:rgba(37, 26, 0, 1);--p-color-text-critical:rgba(142, 11, 33, 1);--p-color-text-critical-hover:rgba(95, 7, 22, 1);--p-color-text-critical-active:rgba(47, 4, 11, 1);--p-color-text-critical-secondary:rgba(199, 10, 36, 1);--p-color-text-critical-on-bg-fill:rgba(255, 250, 251, 1);--p-color-text-emphasis:rgba(0, 91, 211, 1);--p-color-text-emphasis-hover:rgba(0, 66, 153, 1);--p-color-text-emphasis-active:rgba(0, 46, 106, 1);--p-color-text-emphasis-on-bg-fill:rgba(252, 253, 255, 1);--p-color-text-emphasis-on-bg-fill-hover:rgba(226, 231, 255, 1);--p-color-text-emphasis-on-bg-fill-active:rgba(213, 220, 255, 1);--p-color-text-magic:rgba(87, 0, 209, 1);--p-color-text-magic-secondary:rgba(113, 38, 255, 1);--p-color-text-magic-on-bg-fill:rgba(253, 253, 255, 1);--p-color-text-inverse:rgba(227, 227, 227, 1);--p-color-text-inverse-secondary:rgba(181, 181, 181, 1);--p-color-text-link-inverse:rgba(197, 208, 255, 1);--p-color-border:rgba(227, 227, 227, 1);--p-color-border-hover:rgba(204, 204, 204, 1);--p-color-border-disabled:rgba(235, 235, 235, 1);--p-color-border-secondary:rgba(235, 235, 235, 1);--p-color-border-tertiary:rgba(204, 204, 204, 1);--p-color-border-focus:rgba(0, 91, 211, 1);--p-color-border-brand:rgba(227, 227, 227, 1);--p-color-border-info:rgba(168, 216, 255, 1);--p-color-border-success:rgba(146, 252, 172, 1);--p-color-border-caution:rgba(255, 235, 120, 1);--p-color-border-warning:rgba(255, 200, 121, 1);--p-color-border-critical:rgba(254, 193, 199, 1);--p-color-border-critical-secondary:rgba(142, 11, 33, 1);--p-color-border-emphasis:rgba(0, 91, 211, 1);--p-color-border-emphasis-hover:rgba(0, 66, 153, 1);--p-color-border-emphasis-active:rgba(0, 46, 106, 1);--p-color-border-magic:rgba(228, 222, 255, 1);--p-color-border-magic-secondary:rgba(148, 116, 255, 1);--p-color-border-magic-secondary-hover:rgba(128, 81, 255, 1);--p-color-border-inverse:rgba(97, 97, 97, 1);--p-color-border-inverse-hover:rgba(204, 204, 204, 1);--p-color-border-inverse-active:rgba(227, 227, 227, 1);--p-color-tooltip-tail-down-border:rgba(212, 212, 212, 1);--p-color-tooltip-tail-up-border:rgba(227, 227, 227, 1);--p-color-icon:rgba(74, 74, 74, 1);--p-color-icon-hover:rgba(48, 48, 48, 1);--p-color-icon-active:rgba(26, 26, 26, 1);--p-color-icon-disabled:rgba(204, 204, 204, 1);--p-color-icon-secondary:rgba(138, 138, 138, 1);--p-color-icon-secondary-hover:rgba(97, 97, 97, 1);--p-color-icon-secondary-active:rgba(74, 74, 74, 1);--p-color-icon-brand:rgba(26, 26, 26, 1);--p-color-icon-info:rgba(0, 148, 213, 1);--p-color-icon-success:rgba(4, 123, 93, 1);--p-color-icon-caution:rgba(153, 138, 0, 1);--p-color-icon-warning:rgba(178, 132, 0, 1);--p-color-icon-critical:rgba(226, 44, 56, 1);--p-color-icon-emphasis:rgba(0, 91, 211, 1);--p-color-icon-emphasis-hover:rgba(0, 66, 153, 1);--p-color-icon-emphasis-active:rgba(0, 46, 106, 1);--p-color-icon-magic:rgba(128, 81, 255, 1);--p-color-icon-inverse:rgba(227, 227, 227, 1);--p-color-avatar-bg-fill:rgba(181, 181, 181, 1);--p-color-avatar-five-bg-fill:rgba(253, 75, 146, 1);--p-color-avatar-five-text-on-bg-fill:rgba(255, 246, 248, 1);--p-color-avatar-four-bg-fill:rgba(81, 192, 255, 1);--p-color-avatar-four-text-on-bg-fill:rgba(0, 33, 51, 1);--p-color-avatar-one-bg-fill:rgba(197, 48, 197, 1);--p-color-avatar-one-text-on-bg-fill:rgba(253, 239, 253, 1);--p-color-avatar-seven-bg-fill:rgba(148, 116, 255, 1);--p-color-avatar-seven-text-on-bg-fill:rgba(248, 247, 255, 1);--p-color-avatar-six-bg-fill:rgba(37, 232, 43, 1);--p-color-avatar-six-text-on-bg-fill:rgba(3, 61, 5, 1);--p-color-avatar-text-on-bg-fill:rgba(255, 255, 255, 1);--p-color-avatar-three-bg-fill:rgba(44, 224, 212, 1);--p-color-avatar-three-text-on-bg-fill:rgba(3, 60, 57, 1);--p-color-avatar-two-bg-fill:rgba(82, 244, 144, 1);--p-color-avatar-two-text-on-bg-fill:rgba(1, 75, 64, 1);--p-color-backdrop-bg:rgba(0, 0, 0, 0.71);--p-color-button-gradient-bg-fill:linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, rgba(255, 255, 255, 0.15) 100%);--p-color-checkbox-bg-surface-disabled:rgba(0, 0, 0, 0.08);--p-color-checkbox-icon-disabled:rgba(255, 255, 255, 1);--p-color-input-bg-surface:rgba(253, 253, 253, 1);--p-color-input-bg-surface-hover:rgba(250, 250, 250, 1);--p-color-input-bg-surface-active:rgba(247, 247, 247, 1);--p-color-input-border:rgba(138, 138, 138, 1);--p-color-input-border-hover:rgba(97, 97, 97, 1);--p-color-input-border-active:rgba(26, 26, 26, 1);--p-color-nav-bg:rgba(235, 235, 235, 1);--p-color-nav-bg-surface:rgba(0, 0, 0, 0.02);--p-color-nav-bg-surface-hover:rgba(241, 241, 241, 1);--p-color-nav-bg-surface-active:rgba(250, 250, 250, 1);--p-color-nav-bg-surface-selected:rgba(250, 250, 250, 1);--p-color-radio-button-bg-surface-disabled:rgba(0, 0, 0, 0.08);--p-color-radio-button-icon-disabled:rgba(255, 255, 255, 1);--p-color-video-thumbnail-play-button-bg-fill-hover:rgba(0, 0, 0, 0.81);--p-color-video-thumbnail-play-button-bg-fill:rgba(0, 0, 0, 0.71);--p-color-video-thumbnail-play-button-text-on-bg-fill:rgba(255, 255, 255, 1);--p-color-scrollbar-thumb-bg-hover:rgba(138, 138, 138, 1);--p-color-scrollbar-thumb-bg:rgba(181, 181, 181, 1);--p-font-family-sans:'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;--p-font-family-mono:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;--p-font-size-275:0.6875rem;--p-font-size-300:0.75rem;--p-font-size-325:0.8125rem;--p-font-size-350:0.875rem;--p-font-size-400:1rem;--p-font-size-450:1.125rem;--p-font-size-500:1.25rem;--p-font-size-550:1.375rem;--p-font-size-600:1.5rem;--p-font-size-750:1.875rem;--p-font-size-800:2rem;--p-font-size-900:2.25rem;--p-font-size-1000:2.5rem;--p-font-weight-regular:450;--p-font-weight-medium:550;--p-font-weight-semibold:650;--p-font-weight-bold:700;--p-font-letter-spacing-densest:-0.03375rem;--p-font-letter-spacing-denser:-0.01875rem;--p-font-letter-spacing-dense:-0.0125rem;--p-font-letter-spacing-normal:0rem;--p-font-line-height-300:0.75rem;--p-font-line-height-400:1rem;--p-font-line-height-500:1.25rem;--p-font-line-height-600:1.5rem;--p-font-line-height-700:1.75rem;--p-font-line-height-800:2rem;--p-font-line-height-1000:2.5rem;--p-font-line-height-1200:3rem;--p-height-0:0rem;--p-height-025:0.0625rem;--p-height-050:0.125rem;--p-height-100:0.25rem;--p-height-150:0.375rem;--p-height-200:0.5rem;--p-height-300:0.75rem;--p-height-400:1rem;--p-height-500:1.25rem;--p-height-600:1.5rem;--p-height-700:1.75rem;--p-height-800:2rem;--p-height-900:2.25rem;--p-height-1000:2.5rem;--p-height-1200:3rem;--p-height-1600:4rem;--p-height-2000:5rem;--p-height-2400:6rem;--p-height-2800:7rem;--p-height-3200:8rem;--p-motion-duration-0:0ms;--p-motion-duration-50:50ms;--p-motion-duration-100:100ms;--p-motion-duration-150:150ms;--p-motion-duration-200:200ms;--p-motion-duration-250:250ms;--p-motion-duration-300:300ms;--p-motion-duration-350:350ms;--p-motion-duration-400:400ms;--p-motion-duration-450:450ms;--p-motion-duration-500:500ms;--p-motion-duration-5000:5000ms;--p-motion-ease:cubic-bezier(0.25, 0.1, 0.25, 1);--p-motion-ease-in:cubic-bezier(0.42, 0, 1, 1);--p-motion-ease-out:cubic-bezier(0.19, 0.91, 0.38, 1);--p-motion-ease-in-out:cubic-bezier(0.42, 0, 0.58, 1);--p-motion-linear:cubic-bezier(0, 0, 1, 1);--p-motion-keyframes-bounce:p-motion-keyframes-bounce;--p-motion-keyframes-fade-in:p-motion-keyframes-fade-in;--p-motion-keyframes-pulse:p-motion-keyframes-pulse;--p-motion-keyframes-spin:p-motion-keyframes-spin;--p-motion-keyframes-appear-above:p-motion-keyframes-appear-above;--p-motion-keyframes-appear-below:p-motion-keyframes-appear-below;--p-shadow-0:none;--p-shadow-100:0rem 0.0625rem 0rem 0rem rgba(26, 26, 26, 0.07);--p-shadow-200:0rem 0.1875rem 0.0625rem -0.0625rem rgba(26, 26, 26, 0.07);--p-shadow-300:0rem 0.25rem 0.375rem -0.125rem rgba(26, 26, 26, 0.20);--p-shadow-400:0rem 0.5rem 1rem -0.25rem rgba(26, 26, 26, 0.22);--p-shadow-500:0rem 0.75rem 1.25rem -0.5rem rgba(26, 26, 26, 0.24);--p-shadow-600:0rem 1.25rem 1.25rem -0.5rem rgba(26, 26, 26, 0.28);--p-shadow-bevel-100:0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset, -0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset, 0rem -0.0625rem 0rem 0rem rgba(0, 0, 0, 0.17) inset, 0rem 0.0625rem 0rem 0rem rgba(204, 204, 204, 0.5) inset;--p-shadow-inset-100:0rem 0.0625rem 0.125rem 0rem rgba(26, 26, 26, 0.15) inset, 0rem 0.0625rem 0.0625rem 0rem rgba(26, 26, 26, 0.15) inset;--p-shadow-inset-200:0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, 0.20) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.12) inset, -0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.12) inset;--p-shadow-button:0rem -0.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.1) inset, 0rem 0.03125rem 0rem 0.09375rem #FFF inset;--p-shadow-button-hover:0rem 0.0625rem 0rem 0rem #EBEBEB inset, -0.0625rem 0rem 0rem 0rem #EBEBEB inset, 0.0625rem 0rem 0rem 0rem #EBEBEB inset, 0rem -0.0625rem 0rem 0rem #CCC inset;--p-shadow-button-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.122) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.122) inset, 0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, 0.2) inset;--p-shadow-button-primary:0rem -0.0625rem 0rem 0.0625rem rgba(0, 0, 0, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(48, 48, 48, 1) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.25) inset;--p-shadow-button-primary-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.24) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.0625rem 0rem 0rem #000 inset, 0rem -0.0625rem 0rem 0.0625rem #1A1A1A;--p-shadow-button-primary-inset:0rem 0.1875rem 0rem 0rem rgb(0, 0, 0) inset;--p-shadow-button-primary-critical:0rem -0.0625rem 0rem 0.0625rem rgba(142, 31, 11, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(181, 38, 11, 0.8) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.349) inset;--p-shadow-button-primary-critical-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.48) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;--p-shadow-button-primary-critical-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;--p-shadow-button-primary-success:0rem -0.0625rem 0rem 0.0625rem rgba(12, 81, 50, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(19, 111, 69, 0.8) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.251) inset;--p-shadow-button-primary-success-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.48) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;--p-shadow-button-primary-success-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;--p-shadow-border-inset:0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.08) inset;--p-space-0:0rem;--p-space-025:0.0625rem;--p-space-050:0.125rem;--p-space-100:0.25rem;--p-space-150:0.375rem;--p-space-200:0.5rem;--p-space-300:0.75rem;--p-space-400:1rem;--p-space-500:1.25rem;--p-space-600:1.5rem;--p-space-800:2rem;--p-space-1000:2.5rem;--p-space-1200:3rem;--p-space-1600:4rem;--p-space-2000:5rem;--p-space-2400:6rem;--p-space-2800:7rem;--p-space-3200:8rem;--p-space-button-group-gap:var(--p-space-200);--p-space-card-gap:var(--p-space-400);--p-space-card-padding:var(--p-space-400);--p-space-table-cell-padding:var(--p-space-150);--p-text-heading-3xl-font-family:var(--p-font-family-sans);--p-text-heading-3xl-font-size:var(--p-font-size-900);--p-text-heading-3xl-font-weight:var(--p-font-weight-bold);--p-text-heading-3xl-font-letter-spacing:var(--p-font-letter-spacing-densest);--p-text-heading-3xl-font-line-height:var(--p-font-line-height-1200);--p-text-heading-2xl-font-family:var(--p-font-family-sans);--p-text-heading-2xl-font-size:var(--p-font-size-750);--p-text-heading-2xl-font-weight:var(--p-font-weight-bold);--p-text-heading-2xl-font-letter-spacing:var(--p-font-letter-spacing-denser);--p-text-heading-2xl-font-line-height:var(--p-font-line-height-1000);--p-text-heading-xl-font-family:var(--p-font-family-sans);--p-text-heading-xl-font-size:var(--p-font-size-600);--p-text-heading-xl-font-weight:var(--p-font-weight-bold);--p-text-heading-xl-font-letter-spacing:var(--p-font-letter-spacing-dense);--p-text-heading-xl-font-line-height:var(--p-font-line-height-800);--p-text-heading-lg-font-family:var(--p-font-family-sans);--p-text-heading-lg-font-size:var(--p-font-size-500);--p-text-heading-lg-font-weight:var(--p-font-weight-semibold);--p-text-heading-lg-font-letter-spacing:var(--p-font-letter-spacing-dense);--p-text-heading-lg-font-line-height:var(--p-font-line-height-600);--p-text-heading-md-font-family:var(--p-font-family-sans);--p-text-heading-md-font-size:var(--p-font-size-350);--p-text-heading-md-font-weight:var(--p-font-weight-semibold);--p-text-heading-md-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-md-font-line-height:var(--p-font-line-height-500);--p-text-heading-sm-font-family:var(--p-font-family-sans);--p-text-heading-sm-font-size:var(--p-font-size-325);--p-text-heading-sm-font-weight:var(--p-font-weight-semibold);--p-text-heading-sm-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-sm-font-line-height:var(--p-font-line-height-500);--p-text-heading-xs-font-family:var(--p-font-family-sans);--p-text-heading-xs-font-size:var(--p-font-size-300);--p-text-heading-xs-font-weight:var(--p-font-weight-semibold);--p-text-heading-xs-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-xs-font-line-height:var(--p-font-line-height-400);--p-text-body-lg-font-family:var(--p-font-family-sans);--p-text-body-lg-font-size:var(--p-font-size-350);--p-text-body-lg-font-weight:var(--p-font-weight-regular);--p-text-body-lg-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-lg-font-line-height:var(--p-font-line-height-500);--p-text-body-md-font-family:var(--p-font-family-sans);--p-text-body-md-font-size:var(--p-font-size-325);--p-text-body-md-font-weight:var(--p-font-weight-regular);--p-text-body-md-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-md-font-line-height:var(--p-font-line-height-500);--p-text-body-sm-font-family:var(--p-font-family-sans);--p-text-body-sm-font-size:var(--p-font-size-300);--p-text-body-sm-font-weight:var(--p-font-weight-regular);--p-text-body-sm-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-sm-font-line-height:var(--p-font-line-height-400);--p-text-body-xs-font-family:var(--p-font-family-sans);--p-text-body-xs-font-size:var(--p-font-size-275);--p-text-body-xs-font-weight:var(--p-font-weight-regular);--p-text-body-xs-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-xs-font-line-height:var(--p-font-line-height-300);--p-width-0:0rem;--p-width-025:0.0625rem;--p-width-050:0.125rem;--p-width-100:0.25rem;--p-width-150:0.375rem;--p-width-200:0.5rem;--p-width-300:0.75rem;--p-width-400:1rem;--p-width-500:1.25rem;--p-width-600:1.5rem;--p-width-700:1.75rem;--p-width-800:2rem;--p-width-900:2.25rem;--p-width-1000:2.5rem;--p-width-1200:3rem;--p-width-1600:4rem;--p-width-2000:5rem;--p-width-2400:6rem;--p-width-2800:7rem;--p-width-3200:8rem;--p-z-index-0:auto;--p-z-index-1:100;--p-z-index-2:400;--p-z-index-3:510;--p-z-index-4:512;--p-z-index-5:513;--p-z-index-6:514;--p-z-index-7:515;--p-z-index-8:516;--p-z-index-9:517;--p-z-index-10:518;--p-z-index-11:519;--p-z-index-12:520;} .p-theme-light-mobile{--p-color-button-gradient-bg-fill:none;--p-shadow-100:none;--p-shadow-bevel-100:none;--p-shadow-button:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-hover:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-inset:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-primary:none;--p-shadow-button-primary-hover:none;--p-shadow-button-primary-inset:none;--p-shadow-button-primary-critical:none;--p-shadow-button-primary-critical-hover:none;--p-shadow-button-primary-critical-inset:none;--p-shadow-button-primary-success:none;--p-shadow-button-primary-success-hover:none;--p-shadow-button-primary-success-inset:none;--p-space-card-gap:var(--p-space-200);--p-text-heading-2xl-font-size:var(--p-font-size-800);--p-text-heading-xl-font-size:var(--p-font-size-550);--p-text-heading-xl-font-line-height:var(--p-font-line-height-700);--p-text-heading-lg-font-size:var(--p-font-size-450);--p-text-heading-md-font-size:var(--p-font-size-400);--p-text-heading-sm-font-size:var(--p-font-size-350);--p-text-body-lg-font-size:var(--p-font-size-450);--p-text-body-lg-font-line-height:var(--p-font-line-height-700);--p-text-body-md-font-size:var(--p-font-size-400);--p-text-body-md-font-line-height:var(--p-font-line-height-600);--p-text-body-sm-font-size:var(--p-font-size-350);--p-text-body-sm-font-line-height:var(--p-font-line-height-500);--p-text-body-xs-font-size:var(--p-font-size-300);--p-text-body-xs-font-line-height:var(--p-font-line-height-400);} .p-theme-light-high-contrast-experimental{--p-color-text:rgba(26, 26, 26, 1);--p-color-text-secondary:rgba(26, 26, 26, 1);--p-color-text-brand:rgba(26, 26, 26, 1);--p-color-icon-secondary:rgba(74, 74, 74, 1);--p-color-border:rgba(138, 138, 138, 1);--p-color-input-border:rgba(74, 74, 74, 1);--p-color-border-secondary:rgba(138, 138, 138, 1);--p-color-bg-surface-secondary:rgba(241, 241, 241, 1);--p-shadow-bevel-100:0rem 0.0625rem 0rem 0rem rgba(26, 26, 26, 0.07), 0rem 0.0625rem 0rem 0rem rgba(208, 208, 208, 0.40) inset, 0.0625rem 0rem 0rem 0rem #CCC inset, -0.0625rem 0rem 0rem 0rem #CCC inset, 0rem -0.0625rem 0rem 0rem #999 inset;} .p-theme-dark-experimental{color-scheme:dark;--p-color-bg:rgba(26, 26, 26, 1);--p-color-bg-surface:rgba(48, 48, 48, 1);--p-color-bg-fill:rgba(48, 48, 48, 1);--p-color-icon:rgba(227, 227, 227, 1);--p-color-icon-secondary:rgba(181, 181, 181, 1);--p-color-icon-disabled:rgba(74, 74, 74, 1);--p-color-text:rgba(227, 227, 227, 1);--p-color-text-secondary:rgba(181, 181, 181, 1);--p-color-text-disabled:rgba(74, 74, 74, 1);--p-color-bg-surface-secondary-active:rgba(255, 255, 255, 0.14);--p-color-bg-surface-secondary-hover:rgba(255, 255, 255, 0.06);--p-color-bg-fill-transparent:rgba(255, 255, 255, 0.11);--p-color-bg-fill-brand:rgba(255, 255, 255, 1);--p-color-text-brand-on-bg-fill:rgba(48, 48, 48, 1);--p-color-bg-surface-hover:rgba(74, 74, 74, 1);--p-color-bg-fill-hover:rgba(255, 255, 255, 0.05);--p-color-bg-fill-transparent-hover:rgba(255, 255, 255, 0.14);--p-color-bg-fill-brand-hover:rgba(243, 243, 243, 1);--p-color-bg-surface-selected:rgba(97, 97, 97, 1);--p-color-bg-fill-selected:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent-selected:rgba(255, 255, 255, 0.22);--p-color-bg-fill-brand-selected:rgba(212, 212, 212, 1);--p-color-bg-surface-active:rgba(97, 97, 97, 1);--p-color-bg-fill-active:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent-active:rgba(255, 255, 255, 0.17);--p-color-bg-fill-brand-active:rgba(247, 247, 247, 1);--p-color-bg-fill-secondary:rgba(255, 255, 255, 0.08);--p-color-bg-fill-secondary-hover:rgba(255, 255, 255, 0.11);--p-color-bg-fill-secondary-selected:rgba(255, 255, 255, 0.17);--p-color-bg-surface-brand-selected:rgba(74, 74, 74, 1);--p-color-border-secondary:rgba(74, 74, 74, 1);--p-color-bg-surface-tertiary:rgba(255, 255, 255, 0.08);--p-color-icon-brand:rgba(74, 74, 74, 1);--p-color-bg-fill-disabled:rgba(255, 255, 255, 0.05);--p-color-text-brand-on-bg-fill-disabled:rgba(138, 138, 138, 1);--p-color-bg-fill-brand-disabled:rgba(255, 255, 255, 0.22);--p-color-bg-fill-tertiary:rgba(48, 48, 48, 1);--p-color-tooltip-tail-down-border:rgba(60, 60, 60, 1);--p-color-tooltip-tail-up-border:rgba(71, 71, 71, 1);--p-shadow-bevel-100:0.0625rem 0rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, -0.0625rem 0rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, 0rem -0.0625rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, 0rem 0.0625rem 0rem 0rem rgba(204, 204, 204, 0.16) inset;} @keyframes p-motion-keyframes-bounce{ from, 65%, 85%{ transform:scale(1) } 75%{ transform:scale(0.85) } 82.5%{ transform:scale(1.05) } } @keyframes p-motion-keyframes-fade-in{ to{ opacity:1 } } @keyframes p-motion-keyframes-pulse{ from, 75%{ transform:scale(0.85); opacity:1; } to{ transform:scale(2.5); opacity:0; } } @keyframes p-motion-keyframes-spin{ to{ transform:rotate(1turn) } } @keyframes p-motion-keyframes-appear-above{ from{ transform:translateY(var(--p-space-100)); opacity:0; } to{ transform:none; opacity:1; } } @keyframes p-motion-keyframes-appear-below{ from{ transform:translateY(calc(var(--p-space-100)*-1)); opacity:0; } to{ transform:none; opacity:1; } } :root{ --polaris-version-number:'13.9.5'; --pg-navigation-width:15rem; --pg-dangerous-magic-space-4:1rem; --pg-dangerous-magic-space-5:1.25rem; --pg-dangerous-magic-space-8:2rem; --pg-layout-width-primary-min:30rem; --pg-layout-width-primary-max:41.375rem; --pg-layout-width-secondary-min:15rem; --pg-layout-width-secondary-max:20rem; --pg-layout-width-one-half-width-base:28.125rem; --pg-layout-width-one-third-width-base:15rem; --pg-layout-width-nav-base:var(--pg-navigation-width); --pg-layout-width-page-content-partially-condensed:28.125rem; --pg-layout-width-inner-spacing-base:var(--pg-dangerous-magic-space-4); --pg-layout-width-outer-spacing-min:var(--pg-dangerous-magic-space-5); --pg-layout-width-outer-spacing-max:var(--pg-dangerous-magic-space-8); --pg-layout-relative-size:2; --pg-dismiss-icon-size:2rem; --pg-top-bar-height:3.5rem; --pg-mobile-nav-width:calc(100vw - var(--pg-dismiss-icon-size) - var(--pg-dangerous-magic-space-8)); --pg-control-height:2rem; --pg-control-vertical-padding:calc((2.25rem - var(--p-font-line-height-600) - var(--p-space-050))/2); } html, body{ font-size:var(--p-font-size-325); line-height:var(--p-font-line-height-500); font-weight:var(--p-font-weight-regular); font-feature-settings:'calt' 0; letter-spacing:initial; color:var(--p-color-text); -webkit-tap-highlight-color:transparent; } html, body, button{ font-family:var(--p-font-family-sans); } html{ position:relative; font-size:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; text-size-adjust:100%; text-rendering:optimizeLegibility; scrollbar-width:thin; scrollbar-color:var(--p-color-bg) var(--p-color-bg); transition:scrollbar-color var(--p-motion-duration-100) var(--p-motion-ease-in); } html::-webkit-scrollbar{ width:0.6875rem; background-color:var(--p-color-bg); } html::-webkit-scrollbar-thumb{ background-color:var(--p-color-bg); border:var(--p-border-width-050) solid transparent; border-radius:var(--p-border-radius-300); background-clip:content-box; } html:hover{ scrollbar-color:var(--p-color-scrollbar-thumb-bg-hover) var(--p-color-bg); } html:hover::-webkit-scrollbar-thumb{ background-color:var(--p-color-scrollbar-thumb-bg-hover); } @supports (font: -apple-system-body){ @media (max-width: 30.6225em){ html{ font:-apple-system-body; } } } body{ min-height:100%; margin:0; padding:0; background-color:rgba(241, 242, 244, 1); scrollbar-color:var(--p-color-scrollbar-thumb-bg-hover) transparent; } @media print{ body{ background-color:transparent !important; } } *, *::before, *::after{ box-sizing:border-box; } h1, h2, h3, h4, h5, h6, p{ margin:0; font-size:1em; font-weight:var(--p-font-weight-regular); } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner{ border-style:none; } html[class~='Polaris-Safari-16-Font-Optical-Sizing-Patch']{ font-variation-settings:'opsz' 14; } .Polaris-Avatar{ --pc-avatar-xs-size:1.25rem; --pc-avatar-sm-size:1.5rem; --pc-avatar-md-size:1.75rem; --pc-avatar-lg-size:2rem; --pc-avatar-xl-size:2.5rem; position:relative; display:block; overflow:hidden; min-width:var(--pc-avatar-xs-size); max-width:100%; background:var(--p-color-avatar-bg-fill); color:var(--p-color-avatar-text-on-bg-fill); -webkit-user-select:none; user-select:none; } .Polaris-Avatar.Polaris-Avatar--imageHasLoaded{ background:transparent; } @media (forced-colors: active){ .Polaris-Avatar{ border:var(--p-border-width-025) solid transparent; } } .Polaris-Avatar::after{ content:''; display:block; padding-bottom:100%; } .Polaris-Avatar__Text{ font-size:var(--p-font-size-400); font-weight:var(--p-font-weight-regular); } .Polaris-Avatar__Text.Polaris-Avatar--long{ font-size:var(--p-font-size-300); } .Polaris-Avatar--hidden{ visibility:hidden; } .Polaris-Avatar--sizeXs{ width:var(--pc-avatar-xs-size); border-radius:0.25rem; } .Polaris-Avatar--sizeSm{ width:var(--pc-avatar-sm-size); border-radius:0.375rem; } .Polaris-Avatar--sizeMd{ width:var(--pc-avatar-md-size); border-radius:0.375rem; } .Polaris-Avatar--sizeLg{ width:var(--pc-avatar-lg-size); border-radius:0.5rem; } .Polaris-Avatar--sizeXl{ width:var(--pc-avatar-xl-size); border-radius:0.5rem; } .Polaris-Avatar--styleOne{ background:var(--p-color-avatar-one-bg-fill); color:var(--p-color-avatar-one-text-on-bg-fill); } .Polaris-Avatar--styleOne svg, .Polaris-Avatar--styleOne text{ color:var(--p-color-avatar-one-text-on-bg-fill); } .Polaris-Avatar--styleTwo{ background:var(--p-color-avatar-two-bg-fill); color:var(--p-color-avatar-two-text-on-bg-fill); } .Polaris-Avatar--styleTwo svg, .Polaris-Avatar--styleTwo text{ color:var(--p-color-avatar-two-text-on-bg-fill); } .Polaris-Avatar--styleThree{ background:var(--p-color-avatar-three-bg-fill); color:var(--p-color-avatar-three-text-on-bg-fill); } .Polaris-Avatar--styleThree svg, .Polaris-Avatar--styleThree text{ color:var(--p-color-avatar-three-text-on-bg-fill); } .Polaris-Avatar--styleFour{ background:var(--p-color-avatar-four-bg-fill); color:var(--p-color-avatar-four-text-on-bg-fill); } .Polaris-Avatar--styleFour svg, .Polaris-Avatar--styleFour text{ color:var(--p-color-avatar-four-text-on-bg-fill); } .Polaris-Avatar--styleFive{ background:var(--p-color-avatar-five-bg-fill); color:var(--p-color-avatar-five-text-on-bg-fill); } .Polaris-Avatar--styleFive svg, .Polaris-Avatar--styleFive text{ color:var(--p-color-avatar-five-text-on-bg-fill); } .Polaris-Avatar--styleSix{ background:var(--p-color-avatar-six-bg-fill); color:var(--p-color-avatar-six-text-on-bg-fill); } .Polaris-Avatar--styleSix svg, .Polaris-Avatar--styleSix text{ color:var(--p-color-avatar-six-text-on-bg-fill); } .Polaris-Avatar--styleSeven{ background:var(--p-color-avatar-seven-bg-fill); color:var(--p-color-avatar-seven-text-on-bg-fill); } .Polaris-Avatar--styleSeven svg, .Polaris-Avatar--styleSeven text{ color:var(--p-color-avatar-seven-text-on-bg-fill); } .Polaris-Avatar--imageHasLoaded{ background:transparent; } .Polaris-Avatar__Image{ position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:inherit; transform:translate(-50%, -50%); object-fit:cover; } .Polaris-Avatar__Initials{ position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; } .Polaris-Avatar__Svg{ width:100%; height:100%; } .Polaris-Text--root{ margin:0; text-align:inherit; } .Polaris-Text--block{ display:block; } .Polaris-Text--truncate{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .Polaris-Text--visuallyHidden{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .Polaris-Text--start{ text-align:start; } .Polaris-Text--center{ text-align:center; } .Polaris-Text--end{ text-align:end; } .Polaris-Text--justify{ text-align:justify; } .Polaris-Text--base{ color:var(--p-color-text); } .Polaris-Text--inherit{ color:inherit; } .Polaris-Text--disabled{ color:var(--p-color-text-disabled); } .Polaris-Text--success{ color:var(--p-color-text-success); } .Polaris-Text--critical{ color:var(--p-color-text-critical); } .Polaris-Text--caution{ color:var(--p-color-text-caution); } .Polaris-Text--subdued{ color:var(--p-color-text-secondary); } .Polaris-Text--magic{ color:var(--p-color-text-magic); } .Polaris-Text__magic--subdued{ color:var(--p-color-text-magic-secondary); } .Polaris-Text__text--inverse{ color:var(--p-color-text-inverse); } .Polaris-Text--textInverseSecondary{ color:var(--p-color-text-inverse-secondary); } .Polaris-Text--headingXs{ font-size:var(--p-text-heading-xs-font-size); font-weight:var(--p-text-heading-xs-font-weight); letter-spacing:var(--p-text-heading-xs-font-letter-spacing); line-height:var(--p-text-heading-xs-font-line-height); } .Polaris-Text--headingSm{ font-size:var(--p-text-heading-sm-font-size); font-weight:var(--p-text-heading-sm-font-weight); letter-spacing:var(--p-text-heading-sm-font-letter-spacing); line-height:var(--p-text-heading-sm-font-line-height); } .Polaris-Text--headingMd{ font-size:var(--p-text-heading-md-font-size); font-weight:var(--p-text-heading-md-font-weight); letter-spacing:var(--p-text-heading-md-font-letter-spacing); line-height:var(--p-text-heading-md-font-line-height); } .Polaris-Text--headingLg{ font-size:var(--p-text-heading-lg-font-size); font-weight:var(--p-text-heading-lg-font-weight); letter-spacing:var(--p-text-heading-lg-font-letter-spacing); line-height:var(--p-text-heading-lg-font-line-height); } .Polaris-Text--headingXl{ font-size:var(--p-font-size-500); font-weight:var(--p-font-weight-semibold); letter-spacing:var(--p-font-letter-spacing-dense); line-height:var(--p-font-line-height-600); } @media (min-width: 48em){ .Polaris-Text--headingXl{ font-size:var(--p-text-heading-xl-font-size); font-weight:var(--p-text-heading-xl-font-weight); letter-spacing:var(--p-text-heading-xl-font-letter-spacing); line-height:var(--p-text-heading-xl-font-line-height); } } .Polaris-Text--heading2xl{ font-size:var(--p-font-size-600); font-weight:var(--p-font-weight-bold); letter-spacing:var(--p-font-letter-spacing-dense); line-height:var(--p-font-line-height-800); } @media (min-width: 48em){ .Polaris-Text--heading2xl{ font-size:var(--p-text-heading-2xl-font-size); font-weight:var(--p-text-heading-2xl-font-weight); letter-spacing:var(--p-text-heading-2xl-font-letter-spacing); line-height:var(--p-text-heading-2xl-font-line-height); } } .Polaris-Text--heading3xl{ font-size:var(--p-font-size-750); font-weight:var(--p-font-weight-bold); letter-spacing:var(--p-font-letter-spacing-denser); line-height:var(--p-font-line-height-1000); } @media (min-width: 48em){ .Polaris-Text--heading3xl{ font-size:var(--p-text-heading-3xl-font-size); font-weight:var(--p-text-heading-3xl-font-weight); letter-spacing:var(--p-text-heading-3xl-font-letter-spacing); line-height:var(--p-text-heading-3xl-font-line-height); } } .Polaris-Text--bodyXs{ font-size:var(--p-text-body-xs-font-size); font-weight:var(--p-text-body-xs-font-weight); letter-spacing:var(--p-text-body-xs-font-letter-spacing); line-height:var(--p-text-body-xs-font-line-height); } .Polaris-Text--bodySm{ font-size:var(--p-text-body-sm-font-size); font-weight:var(--p-text-body-sm-font-weight); letter-spacing:var(--p-text-body-sm-font-letter-spacing); line-height:var(--p-text-body-sm-font-line-height); } .Polaris-Text--bodyMd{ font-size:var(--p-text-body-md-font-size); font-weight:var(--p-text-body-sm-font-weight); letter-spacing:var(--p-text-body-md-font-letter-spacing); line-height:var(--p-text-body-md-font-line-height); } .Polaris-Text--bodyLg{ font-size:var(--p-text-body-lg-font-size); font-weight:var(--p-text-body-sm-font-weight); letter-spacing:var(--p-text-body-lg-font-letter-spacing); line-height:var(--p-text-body-lg-font-line-height); } .Polaris-Text--regular{ font-weight:var(--p-font-weight-regular); } .Polaris-Text--medium{ font-weight:var(--p-font-weight-medium); } .Polaris-Text--semibold{ font-weight:var(--p-font-weight-semibold); } .Polaris-Text--bold{ font-weight:var(--p-font-weight-bold); } .Polaris-Text--break{ overflow-wrap:anywhere; word-break:normal; } .Polaris-Text--numeric{ font-variant-numeric:tabular-nums lining-nums; } .Polaris-Text__line--through{ text-decoration-line:line-through; } .Polaris-Icon{ display:block; height:1.25rem; width:1.25rem; max-height:100%; max-width:100%; margin:auto; } .Polaris-Icon svg{ fill:currentColor; } .Polaris-Icon--toneInherit svg{ color:inherit; } .Polaris-Icon--toneBase svg{ color:var(--p-color-icon); } .Polaris-Icon--toneSubdued svg{ color:var(--p-color-icon-secondary); } .Polaris-Icon--toneCaution svg{ color:var(--p-color-icon-caution); } .Polaris-Icon--toneWarning svg{ color:var(--p-color-icon-warning); } .Polaris-Icon--toneCritical svg{ color:var(--p-color-icon-critical); } .Polaris-Icon--toneInteractive svg{ color:var(--p-color-icon-emphasis); } .Polaris-Icon--toneInfo svg{ color:var(--p-color-icon-info); } .Polaris-Icon--toneSuccess svg{ color:var(--p-color-icon-success); } .Polaris-Icon--tonePrimary svg{ color:var(--p-color-icon-brand); } .Polaris-Icon--toneEmphasis svg{ color:var(--p-color-icon-emphasis); } .Polaris-Icon--toneMagic svg{ color:var(--p-color-icon-magic); } .Polaris-Icon--toneTextCaution svg{ color:var(--p-color-text-caution); } .Polaris-Icon--toneTextWarning svg{ color:var(--p-color-text-warning); } .Polaris-Icon--toneTextCritical svg{ color:var(--p-color-text-critical); } .Polaris-Icon--toneTextInfo svg{ color:var(--p-color-text-info); } .Polaris-Icon--toneTextPrimary svg{ color:var(--p-color-text-brand); } .Polaris-Icon--toneTextSuccess svg{ color:var(--p-color-text-success); } .Polaris-Icon--toneTextMagic svg{ color:var(--p-color-text-magic); } .Polaris-Icon__Svg, .Polaris-Icon__Img{ position:relative; display:block; width:100%; max-width:100%; max-height:100%; } .Polaris-Icon__Placeholder{ padding-bottom:100%; background:var(--p-color-bg-fill-tertiary); border-radius:var(--p-border-radius-100); } .Polaris-Spinner svg{ animation:var(--p-motion-keyframes-spin) var(--p-motion-duration-500) linear infinite; fill:var(--p-color-bg-fill-brand); } .Polaris-Spinner--sizeSmall svg{ height:1.25rem; width:1.25rem; } .Polaris-Spinner--sizeLarge svg{ height:2.75rem; width:2.75rem; } .Polaris-Button{ --pc-button-gap:var(--p-space-050); --pc-button-bg:transparent; --pc-button-bg_hover:var(--pc-button-bg); --pc-button-bg_active:var(--pc-button-bg); --pc-button-bg_pressed:var(--pc-button-bg_active); --pc-button-bg_disabled:var(--p-color-bg-fill-disabled); --pc-button-color:inherit; --pc-button-color_hover:var(--pc-button-color); --pc-button-color_active:var(--pc-button-color); --pc-button-color_pressed:var(--pc-button-color_active); --pc-button-color_disabled:var(--p-color-text-disabled); --pc-button-box-shadow:transparent; --pc-button-box-shadow_hover:var(--pc-button-box-shadow); --pc-button-box-shadow_active:var(--pc-button-box-shadow); --pc-button-box-shadow_pressed:var(--pc-button-box-shadow_active); --pc-button-box-shadow_disabled:var(--pc-button-box-shadow); --pc-button-icon-fill:currentColor; --pc-button-icon-fill_hover:var(--pc-button-icon-fill); --pc-button-icon-fill_active:var(--pc-button-icon-fill); --pc-button-icon-fill_pressed:var(--pc-button-icon-fill_active); --pc-button-icon-fill_disabled:var(--p-color-icon-disabled); all:unset; position:relative; box-sizing:border-box; display:inline-flex; align-items:center; gap:var(--pc-button-gap); padding:var(--pc-button-padding-block) var(--pc-button-padding-inline); background:var(--pc-button-bg); border:none; border-radius:var(--p-border-radius-200); box-shadow:var(--pc-button-box-shadow); color:var(--pc-button-color); cursor:pointer; -webkit-user-select:none; user-select:none; touch-action:manipulation; -webkit-tap-highlight-color:transparent; } .Polaris-Button.Polaris-Button svg{ fill:var(--pc-button-icon-fill); } .Polaris-Button.Polaris-Button:hover svg{ fill:var(--pc-button-icon-fill_hover); } .Polaris-Button.Polaris-Button:active, .Polaris-Button.Polaris-Button[data-state='open'] svg{ fill:var(--pc-button-icon-fill_active); } .Polaris-Button.Polaris-Button:disabled, .Polaris-Button.Polaris-Button[disabled], .Polaris-Button--disabled.Polaris-Button--disabled svg{ fill:var(--pc-button-icon-fill_disabled); } .Polaris-Button--pressed.Polaris-Button--pressed, .Polaris-Button--pressed.Polaris-Button--pressed:hover, .Polaris-Button--pressed.Polaris-Button--pressed:active, .Polaris-Button--pressed.Polaris-Button--pressed:focus-visible svg{ fill:var(--pc-button-icon-fill_pressed); } .Polaris-Button:hover{ background:var(--pc-button-bg_hover); color:var(--pc-button-color_hover); box-shadow:var(--pc-button-box-shadow_hover); } .Polaris-Button:active, .Polaris-Button[data-state='open']{ background:var(--pc-button-bg_active); color:var(--pc-button-color_active); box-shadow:var(--pc-button-box-shadow_active); } .Polaris-Button:focus-visible{ background:var(--pc-button-bg_hover); color:var(--pc-button-color_hover); outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-025); } .Polaris-Button:focus-visible::after{ content:none; } .Polaris-Button:disabled, .Polaris-Button[disabled], .Polaris-Button--disabled{ background:var(--pc-button-bg_disabled); color:var(--pc-button-color_disabled); box-shadow:none; -webkit-user-select:none; user-select:none; pointer-events:none; } .Polaris-Button--pressed, .Polaris-Button--pressed:hover, .Polaris-Button--pressed:active, .Polaris-Button--pressed:focus-visible{ background:var(--pc-button-bg_pressed); color:var(--pc-button-color_pressed); box-shadow:var(--pc-button-box-shadow_pressed); } .Polaris-Button--variantPrimary{ --pc-button-bg-gradient:var(--p-color-button-gradient-bg-fill); --pc-button-box-shadow:var(--p-shadow-button-primary); --pc-button-box-shadow_active:var(--p-shadow-button-primary-inset); --pc-button-bg:var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand); --pc-button-bg_hover:var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand-hover); --pc-button-bg_active:var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand-active); --pc-button-bg_disabled:var(--p-color-bg-fill-brand-disabled); --pc-button-color:var(--p-color-text-brand-on-bg-fill); --pc-button-color_disabled:var(--p-color-text-brand-on-bg-fill-disabled); --pc-button-icon-fill:var(--p-color-text-brand-on-bg-fill); --pc-button-icon-fill_disabled:var(--p-color-text-brand-on-bg-fill-disabled); } .Polaris-Button--variantSecondary{ --pc-button-box-shadow:var(--p-shadow-button); --pc-button-box-shadow_active:var(--p-shadow-button-inset); --pc-button-bg:var(--p-color-bg-fill); --pc-button-bg_hover:var(--p-color-bg-fill-hover); --pc-button-bg_active:var(--p-color-bg-fill-active); --pc-button-bg_pressed:var(--p-color-bg-fill-selected); --pc-button-color:var(--p-color-text); --pc-button-icon-fill:var(--p-color-icon); } .Polaris-Button--variantTertiary{ --pc-button-bg_hover:var(--p-color-bg-fill-transparent-hover); --pc-button-bg_active:var(--p-color-bg-fill-transparent-active); --pc-button-bg_pressed:var(--p-color-bg-fill-selected); --pc-button-bg_disabled:transparent; --pc-button-color:var(--p-color-text); --pc-button-icon-fill:var(--p-color-icon); } .Polaris-Button--variantPlain{ --pc-button-color:var(--p-color-text-link); --pc-button-color_hover:var(--p-color-text-link-hover); --pc-button-color_active:var(--p-color-text-link-active); } .Polaris-Button--variantPlain:is(:hover, :active, :focus-visible):not(.Polaris-Button--removeUnderline){ text-decoration:underline; } .Polaris-Button--variantMonochromePlain{ --pc-button-icon-fill:currentColor; } .Polaris-Button--variantPlain, .Polaris-Button--variantMonochromePlain{ --pc-button-bg_disabled:transparent; margin:calc(var(--pc-button-padding-block)*-1) calc(var(--pc-button-padding-inline)*-1); } .Polaris-Button--variantPlain:focus-visible, .Polaris-Button--variantMonochromePlain:focus-visible{ border-radius:var(--p-border-radius-300); outline-offset:calc(var(--pc-button-padding-block)*-1); } .Polaris-Button--toneSuccess:is(.Polaris-Button--variantSecondary, .Polaris-Button--variantTertiary, .Polaris-Button--variantPlain){ --pc-button-color:var(--p-color-text-success); --pc-button-color_hover:var(--p-color-text-success-hover); --pc-button-color_active:var(--p-color-text-success-active); --pc-button-icon-fill:currentColor; } .Polaris-Button--toneCritical:is(.Polaris-Button--variantSecondary, .Polaris-Button--variantTertiary, .Polaris-Button--variantPlain){ --pc-button-color:var(--p-color-text-critical); --pc-button-color_hover:var(--p-color-text-critical-hover); --pc-button-color_active:var(--p-color-text-critical-active); --pc-button-icon-fill:currentColor; } .Polaris-Button--toneSuccess:is(.Polaris-Button--variantPrimary){ --pc-button-box-shadow:var(--p-shadow-button-primary-success); --pc-button-box-shadow_active:var(--p-shadow-button-primary-success-inset); --pc-button-bg:var(--p-color-bg-fill-success); --pc-button-bg_hover:var(--p-color-bg-fill-success-hover); --pc-button-bg_active:var(--p-color-bg-fill-success-active); --pc-button-bg_pressed:var(--p-color-bg-fill-success-selected); } .Polaris-Button--toneCritical:is(.Polaris-Button--variantPrimary){ --pc-button-box-shadow:var(--p-shadow-button-primary-critical); --pc-button-box-shadow_active:var(--p-shadow-button-primary-critical-inset); --pc-button-bg:var(--p-color-bg-fill-critical); --pc-button-bg_hover:var(--p-color-bg-fill-critical-hover); --pc-button-bg_active:var(--p-color-bg-fill-critical-active); --pc-button-bg_pressed:var(--p-color-bg-fill-critical-selected); } .Polaris-Button--sizeMicro{ --pc-button-padding-block:var(--p-space-100); --pc-button-padding-inline:var(--p-space-200); min-height:var(--p-height-700); min-width:var(--p-width-700); } @media (min-width: 48em){ .Polaris-Button--sizeMicro{ min-height:var(--p-height-600); min-width:var(--p-width-600); } } .Polaris-Button--sizeSlim, .Polaris-Button--sizeMedium{ --pc-button-padding-block:var(--p-space-150); --pc-button-padding-inline:var(--p-space-300); min-height:var(--p-height-800); min-width:var(--p-width-800); } @media (min-width: 48em){ .Polaris-Button--sizeSlim, .Polaris-Button--sizeMedium{ min-height:var(--p-height-700); min-width:var(--p-width-700); } } .Polaris-Button--sizeLarge{ --pc-button-padding-block:var(--p-space-150); --pc-button-padding-inline:var(--p-space-300); min-height:var(--p-height-900); min-width:var(--p-height-900); } @media (min-width: 48em){ .Polaris-Button--sizeLarge{ min-height:var(--p-height-800); min-width:var(--p-width-800); } } .Polaris-Button--textAlignCenter{ justify-content:center; text-align:center; } .Polaris-Button--textAlignStart, .Polaris-Button--textAlignLeft{ justify-content:start; text-align:start; } .Polaris-Button--textAlignEnd, .Polaris-Button--textAlignRight{ justify-content:end; text-align:end; } .Polaris-Button--fullWidth{ width:100%; } .Polaris-Button--iconOnly{ --pc-button-padding-block:var(--p-space-100); --pc-button-padding-inline:var(--p-space-100); } .Polaris-Button--iconOnly:is(.Polaris-Button--sizeLarge){ --pc-button-padding-block:var(--p-space-150); --pc-button-padding-inline:var(--p-space-150); } .Polaris-Button--iconOnly:is(.Polaris-Button--sizeMicro){ --pc-button-padding-block:var(--p-space-050); --pc-button-padding-inline:var(--p-space-050); } .Polaris-Button--iconOnly:is(.Polaris-Button--variantTertiary){ margin:calc(var(--pc-button-padding-block)*-1) calc(var(--pc-button-padding-inline)*-1); } .Polaris-Button--iconOnly:is(.Polaris-Button--variantTertiary, .Polaris-Button--variantPlain):not(.Polaris-Button--toneCritical){ --pc-button-icon-fill:var(--p-color-icon-secondary); --pc-button-icon-fill_hover:var(--p-color-icon-secondary-hover); --pc-button-icon-fill_active:var(--p-color-icon-secondary-active); --pc-button-icon-fill_disabled:var(--p-color-icon-disabled); } .Polaris-Button--iconOnly:is(.Polaris-Button--variantMonochromePlain){ --pc-button-icon-fill:currentColor; --pc-button-icon-fill_hover:var(--p-color-icon-secondary-hover); --pc-button-icon-fill_active:var(--p-color-icon-secondary-active); --pc-button-icon-fill_disabled:var(--p-color-icon-disabled); } .Polaris-Button--iconOnly:is(.Polaris-Button--variantPlain, .Polaris-Button--variantMonochromePlain){ --pc-button-padding-block:0; --pc-button-padding-inline:0; margin:0; min-height:var(--p-height-500); min-width:var(--p-width-500); } .Polaris-Button--iconWithText:not(.Polaris-Button--variantPlain, .Polaris-Button--variantMonochromePlain){ padding-left:calc(var(--pc-button-padding-inline)*0.5); } .Polaris-Button--disclosure:not(.Polaris-Button--variantPlain, .Polaris-Button--variantMonochromePlain){ padding-right:calc(var(--pc-button-padding-inline)*0.5); } .Polaris-Button--disclosure:is(.Polaris-Button--textAlignStart, .Polaris-Button--textAlignLeft){ justify-content:space-between; } .Polaris-Button--loading{ color:transparent; } .Polaris-Button--pressable:active:not(.Polaris-Button--variantTertiary, .Polaris-Button--variantPlain, .Polaris-Button--variantMonochromePlain) > *{ transform:translate3d(0, 0.0625rem, 0); } .Polaris-Button--hidden{ visibility:hidden; } .Polaris-Button__Icon{ margin:calc(var(--p-space-050)*-1) 0; } .Polaris-Button__Spinner{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .Polaris-Button__Spinner svg{ fill:var(--pc-button-icon-fill_disabled); vertical-align:middle; } [data-buttongroup-variant='segmented'] > *:not(:first-child) .Polaris-Button:is(.Polaris-Button--variantPrimary){ margin-left:calc(var(--p-space-025)*-1); } [data-buttongroup-variant='segmented'] > *:not(:first-child) .Polaris-Button{ border-top-left-radius:var(--p-border-radius-0); border-bottom-left-radius:var(--p-border-radius-0); } [data-buttongroup-variant='segmented'] > *:not(:last-child) .Polaris-Button{ border-top-right-radius:var(--p-border-radius-0); border-bottom-right-radius:var(--p-border-radius-0); } [data-buttongroup-full-width='true'] .Polaris-Button{ width:100%; } @media (min-width: 48em){ [data-buttongroup-full-width='true'] .Polaris-Button{ white-space:nowrap; } } [data-buttongroup-connected-top='true'] > *:first-child .Polaris-Button{ border-top-left-radius:var(--p-border-radius-0); } [data-buttongroup-connected-top='true'] > *:last-child .Polaris-Button{ border-top-right-radius:var(--p-border-radius-0); } .Polaris-SettingAction{ display:flex; flex-wrap:wrap; align-items:center; margin-top:calc(var(--p-space-400)*-1); margin-left:calc(var(--p-space-400)*-1); } .Polaris-SettingAction__Setting, .Polaris-SettingAction__Action{ flex:0 0 auto; margin-top:var(--p-space-400); margin-left:var(--p-space-400); max-width:calc(100% - var(--p-space-400)); min-width:0; } .Polaris-SettingAction__Setting{ flex:1 0 21.875rem; } @media (min-width: 48em){ .Polaris-SettingAction__Action{ margin-top:var(--p-space-600); } } .Polaris-Box--listReset{ list-style-type:none; margin-block-start:0; margin-block-end:0; outline:none; padding-inline-start:0; } .Polaris-Box{ --pc-box-padding-block-end-xs: initial; --pc-box-padding-block-end-sm: initial; --pc-box-padding-block-end-md: initial; --pc-box-padding-block-end-lg: initial; --pc-box-padding-block-end-xl: initial; padding-block-end: var(--pc-box-padding-block-end-xs); --pc-box-padding-block-start-xs: initial; --pc-box-padding-block-start-sm: initial; --pc-box-padding-block-start-md: initial; --pc-box-padding-block-start-lg: initial; --pc-box-padding-block-start-xl: initial; padding-block-start: var(--pc-box-padding-block-start-xs); --pc-box-padding-inline-start-xs: initial; --pc-box-padding-inline-start-sm: initial; --pc-box-padding-inline-start-md: initial; --pc-box-padding-inline-start-lg: initial; --pc-box-padding-inline-start-xl: initial; padding-inline-start: var(--pc-box-padding-inline-start-xs); --pc-box-padding-inline-end-xs: initial; --pc-box-padding-inline-end-sm: initial; --pc-box-padding-inline-end-md: initial; --pc-box-padding-inline-end-lg: initial; --pc-box-padding-inline-end-xl: initial; padding-inline-end: var(--pc-box-padding-inline-end-xs); --pc-box-shadow:initial; --pc-box-background:initial; --pc-box-border-radius:initial; --pc-box-border-end-start-radius:var(--pc-box-border-radius); --pc-box-border-end-end-radius:var(--pc-box-border-radius); --pc-box-border-start-start-radius:var(--pc-box-border-radius); --pc-box-border-start-end-radius:var(--pc-box-border-radius); --pc-box-color:initial; --pc-box-min-height:initial; --pc-box-min-width:initial; --pc-box-max-width:initial; --pc-box-outline-color:initial; --pc-box-outline-style:initial; --pc-box-outline-width:initial; --pc-box-overflow-x:initial; --pc-box-overflow-y:initial; --pc-box-width:initial; --pc-box-border-style:initial; --pc-box-border-color:initial; --pc-box-border-width:0; --pc-box-border-block-start-width:var(--pc-box-border-width); --pc-box-border-block-end-width:var(--pc-box-border-width); --pc-box-border-inline-start-width:var(--pc-box-border-width); --pc-box-border-inline-end-width:var(--pc-box-border-width); --pc-box-inset-block-start:initial; --pc-box-inset-block-end:initial; --pc-box-inset-inline-start:initial; --pc-box-inset-inline-end:initial; inset-block-start:var(--pc-box-inset-block-start); inset-block-end:var(--pc-box-inset-block-end); inset-inline-start:var(--pc-box-inset-inline-start); inset-inline-end:var(--pc-box-inset-inline-end); background-color:var(--pc-box-background); box-shadow:var(--pc-box-shadow); border-end-start-radius:var(--pc-box-border-end-start-radius); border-end-end-radius:var(--pc-box-border-end-end-radius); border-start-start-radius:var(--pc-box-border-start-start-radius); border-start-end-radius:var(--pc-box-border-start-end-radius); border-color:var(--pc-box-border-color); border-style:var(--pc-box-border-style); border-block-start-width:var(--pc-box-border-block-start-width); border-block-end-width:var(--pc-box-border-block-end-width); border-inline-start-width:var(--pc-box-border-inline-start-width); border-inline-end-width:var(--pc-box-border-inline-end-width); color:var(--pc-box-color); min-height:var(--pc-box-min-height); min-width:var(--pc-box-min-width); max-width:var(--pc-box-max-width); outline-color:var(--pc-box-outline-color); outline-style:var(--pc-box-outline-style); outline-width:var(--pc-box-outline-width); overflow-x:var(--pc-box-overflow-x); overflow-y:var(--pc-box-overflow-y); width:var(--pc-box-width); -webkit-overflow-scrolling:touch; } @media (min-width: 30.625em) { .Polaris-Box{ padding-block-end: var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ); } } @media (min-width: 48em) { .Polaris-Box{ padding-block-end: var( --pc-box-padding-block-end-md, var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ) ); } } @media (min-width: 65em) { .Polaris-Box{ padding-block-end: var( --pc-box-padding-block-end-lg, var( --pc-box-padding-block-end-md, var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-Box{ padding-block-end: var( --pc-box-padding-block-end-xl, var( --pc-box-padding-block-end-lg, var( --pc-box-padding-block-end-md, var( --pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-Box{ padding-block-start: var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ); } } @media (min-width: 48em) { .Polaris-Box{ padding-block-start: var( --pc-box-padding-block-start-md, var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ) ); } } @media (min-width: 65em) { .Polaris-Box{ padding-block-start: var( --pc-box-padding-block-start-lg, var( --pc-box-padding-block-start-md, var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-Box{ padding-block-start: var( --pc-box-padding-block-start-xl, var( --pc-box-padding-block-start-lg, var( --pc-box-padding-block-start-md, var( --pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-Box{ padding-inline-start: var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ); } } @media (min-width: 48em) { .Polaris-Box{ padding-inline-start: var( --pc-box-padding-inline-start-md, var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ) ); } } @media (min-width: 65em) { .Polaris-Box{ padding-inline-start: var( --pc-box-padding-inline-start-lg, var( --pc-box-padding-inline-start-md, var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-Box{ padding-inline-start: var( --pc-box-padding-inline-start-xl, var( --pc-box-padding-inline-start-lg, var( --pc-box-padding-inline-start-md, var( --pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-Box{ padding-inline-end: var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ); } } @media (min-width: 48em) { .Polaris-Box{ padding-inline-end: var( --pc-box-padding-inline-end-md, var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ) ); } } @media (min-width: 65em) { .Polaris-Box{ padding-inline-end: var( --pc-box-padding-inline-end-lg, var( --pc-box-padding-inline-end-md, var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-Box{ padding-inline-end: var( --pc-box-padding-inline-end-xl, var( --pc-box-padding-inline-end-lg, var( --pc-box-padding-inline-end-md, var( --pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs) ) ) ) ); } } .Polaris-Box--visuallyHidden{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } @media print{ .Polaris-Box--printHidden{ display:none !important; } } .Polaris-ShadowBevel{ overflow:clip; z-index:0; --pc-shadow-bevel-z-index: initial; --pc-shadow-bevel-box-shadow-xs: initial; --pc-shadow-bevel-box-shadow-sm: initial; --pc-shadow-bevel-box-shadow-md: initial; --pc-shadow-bevel-box-shadow-lg: initial; --pc-shadow-bevel-box-shadow-xl: initial; --pc-shadow-bevel-box-shadow: var(--pc-shadow-bevel-box-shadow-xs); --pc-shadow-bevel-border-radius-xs: initial; --pc-shadow-bevel-border-radius-sm: initial; --pc-shadow-bevel-border-radius-md: initial; --pc-shadow-bevel-border-radius-lg: initial; --pc-shadow-bevel-border-radius-xl: initial; --pc-shadow-bevel-border-radius: var(--pc-shadow-bevel-border-radius-xs); --pc-shadow-bevel-content-xs: initial; --pc-shadow-bevel-content-sm: initial; --pc-shadow-bevel-content-md: initial; --pc-shadow-bevel-content-lg: initial; --pc-shadow-bevel-content-xl: initial; --pc-shadow-bevel-content: var(--pc-shadow-bevel-content-xs); position: relative; box-shadow: var(--pc-shadow-bevel-box-shadow); border-radius: var(--pc-shadow-bevel-border-radius); } @media (min-width: 30.625em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-box-shadow: var( --pc-shadow-bevel-box-shadow-sm, var(--pc-shadow-bevel-box-shadow-xs) ); } } @media (min-width: 48em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-box-shadow: var( --pc-shadow-bevel-box-shadow-md, var( --pc-shadow-bevel-box-shadow-sm, var(--pc-shadow-bevel-box-shadow-xs) ) ); } } @media (min-width: 65em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-box-shadow: var( --pc-shadow-bevel-box-shadow-lg, var( --pc-shadow-bevel-box-shadow-md, var( --pc-shadow-bevel-box-shadow-sm, var(--pc-shadow-bevel-box-shadow-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-box-shadow: var( --pc-shadow-bevel-box-shadow-xl, var( --pc-shadow-bevel-box-shadow-lg, var( --pc-shadow-bevel-box-shadow-md, var( --pc-shadow-bevel-box-shadow-sm, var(--pc-shadow-bevel-box-shadow-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-border-radius: var( --pc-shadow-bevel-border-radius-sm, var(--pc-shadow-bevel-border-radius-xs) ); } } @media (min-width: 48em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-border-radius: var( --pc-shadow-bevel-border-radius-md, var( --pc-shadow-bevel-border-radius-sm, var(--pc-shadow-bevel-border-radius-xs) ) ); } } @media (min-width: 65em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-border-radius: var( --pc-shadow-bevel-border-radius-lg, var( --pc-shadow-bevel-border-radius-md, var( --pc-shadow-bevel-border-radius-sm, var(--pc-shadow-bevel-border-radius-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-border-radius: var( --pc-shadow-bevel-border-radius-xl, var( --pc-shadow-bevel-border-radius-lg, var( --pc-shadow-bevel-border-radius-md, var( --pc-shadow-bevel-border-radius-sm, var(--pc-shadow-bevel-border-radius-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-content: var( --pc-shadow-bevel-content-sm, var(--pc-shadow-bevel-content-xs) ); } } @media (min-width: 48em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-content: var( --pc-shadow-bevel-content-md, var( --pc-shadow-bevel-content-sm, var(--pc-shadow-bevel-content-xs) ) ); } } @media (min-width: 65em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-content: var( --pc-shadow-bevel-content-lg, var( --pc-shadow-bevel-content-md, var( --pc-shadow-bevel-content-sm, var(--pc-shadow-bevel-content-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-ShadowBevel{ --pc-shadow-bevel-content: var( --pc-shadow-bevel-content-xl, var( --pc-shadow-bevel-content-lg, var( --pc-shadow-bevel-content-md, var( --pc-shadow-bevel-content-sm, var(--pc-shadow-bevel-content-xs) ) ) ) ); } } .Polaris-ShadowBevel::before { content: var(--pc-shadow-bevel-content); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: var(--pc-shadow-bevel-z-index); box-shadow: var(--p-shadow-bevel-100); border-radius: var(--pc-shadow-bevel-border-radius); pointer-events: none; mix-blend-mode: luminosity; } .Polaris-InlineStack{ --pc-inline-stack-gap-xs: initial; --pc-inline-stack-gap-sm: initial; --pc-inline-stack-gap-md: initial; --pc-inline-stack-gap-lg: initial; --pc-inline-stack-gap-xl: initial; gap: var(--pc-inline-stack-gap-xs); --pc-inline-stack-flex-direction-xs: initial; --pc-inline-stack-flex-direction-sm: initial; --pc-inline-stack-flex-direction-md: initial; --pc-inline-stack-flex-direction-lg: initial; --pc-inline-stack-flex-direction-xl: initial; flex-direction: var(--pc-inline-stack-flex-direction-xs); display:flex; flex-wrap:var(--pc-inline-stack-wrap); align-items:var(--pc-inline-stack-block-align); justify-content:var(--pc-inline-stack-align); } @media (min-width: 30.625em) { .Polaris-InlineStack{ gap: var( --pc-inline-stack-gap-sm, var(--pc-inline-stack-gap-xs) ); } } @media (min-width: 48em) { .Polaris-InlineStack{ gap: var( --pc-inline-stack-gap-md, var( --pc-inline-stack-gap-sm, var(--pc-inline-stack-gap-xs) ) ); } } @media (min-width: 65em) { .Polaris-InlineStack{ gap: var( --pc-inline-stack-gap-lg, var( --pc-inline-stack-gap-md, var( --pc-inline-stack-gap-sm, var(--pc-inline-stack-gap-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-InlineStack{ gap: var( --pc-inline-stack-gap-xl, var( --pc-inline-stack-gap-lg, var( --pc-inline-stack-gap-md, var( --pc-inline-stack-gap-sm, var(--pc-inline-stack-gap-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-InlineStack{ flex-direction: var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ); } } @media (min-width: 48em) { .Polaris-InlineStack{ flex-direction: var( --pc-inline-stack-flex-direction-md, var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ) ); } } @media (min-width: 65em) { .Polaris-InlineStack{ flex-direction: var( --pc-inline-stack-flex-direction-lg, var( --pc-inline-stack-flex-direction-md, var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-InlineStack{ flex-direction: var( --pc-inline-stack-flex-direction-xl, var( --pc-inline-stack-flex-direction-lg, var( --pc-inline-stack-flex-direction-md, var( --pc-inline-stack-flex-direction-sm, var(--pc-inline-stack-flex-direction-xs) ) ) ) ); } } .Polaris-BlockStack{ --pc-block-stack-gap-xs: initial; --pc-block-stack-gap-sm: initial; --pc-block-stack-gap-md: initial; --pc-block-stack-gap-lg: initial; --pc-block-stack-gap-xl: initial; gap: var(--pc-block-stack-gap-xs); --pc-block-stack-align:initial; --pc-block-stack-inline-align:initial; --pc-block-stack-order:initial; display:flex; flex-direction:var(--pc-block-stack-order); align-items:var(--pc-block-stack-inline-align); justify-content:var(--pc-block-stack-align); } @media (min-width: 30.625em) { .Polaris-BlockStack{ gap: var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ); } } @media (min-width: 48em) { .Polaris-BlockStack{ gap: var( --pc-block-stack-gap-md, var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ) ); } } @media (min-width: 65em) { .Polaris-BlockStack{ gap: var( --pc-block-stack-gap-lg, var( --pc-block-stack-gap-md, var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-BlockStack{ gap: var( --pc-block-stack-gap-xl, var( --pc-block-stack-gap-lg, var( --pc-block-stack-gap-md, var( --pc-block-stack-gap-sm, var(--pc-block-stack-gap-xs) ) ) ) ); } } .Polaris-BlockStack--listReset{ list-style-type:none; margin-block-start:0; margin-block-end:0; padding-inline-start:0; } .Polaris-BlockStack--fieldsetReset{ border:none; margin:0; padding:0; } .Polaris-Label{ -webkit-tap-highlight-color:transparent; } .Polaris-Label--hidden{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .Polaris-Label__Text{ display:block; flex:1 1 auto; color:currentColor; -webkit-tap-highlight-color:transparent; } .Polaris-Label__RequiredIndicator::after{ content:'*'; color:var(--p-color-text-critical); margin-left:var(--p-space-100); } .Polaris-InlineError{ display:flex; color:var(--p-color-text-critical); fill:var(--p-color-text-critical); } .Polaris-InlineError__Icon{ fill:var(--p-color-text-critical); margin-left:calc(var(--p-space-100)*-1); margin-right:var(--p-space-200); } .Polaris-InlineError__Icon svg{ margin-left:var(--p-space-050); margin-right:var(--p-space-050); } .Polaris-Labelled--hidden > .Polaris-Labelled__LabelWrapper{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .Polaris-Labelled--disabled > .Polaris-Labelled__LabelWrapper{ color:var(--p-color-text-disabled); } .Polaris-Labelled--disabled > .Polaris-Labelled__HelpText > span{ color:var(--p-color-text-disabled); } .Polaris-Labelled--readOnly > .Polaris-Labelled__LabelWrapper{ color:var(--p-color-text-secondary); } .Polaris-Labelled__LabelWrapper{ word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; margin-bottom:var(--p-space-100); } .Polaris-Labelled__HelpText{ margin-top:var(--p-space-100); } .Polaris-Labelled__Error{ word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; margin-top:var(--p-space-100); } .Polaris-Labelled__Action{ flex:0 0 auto; } .Polaris-Connected{ --pc-connected-item:10; --pc-connected-primary:20; --pc-connected-focused:30; position:relative; display:flex; align-items:center; } .Polaris-Connected__Item{ position:relative; z-index:var(--pc-connected-item); flex:0 0 auto; } .Polaris-Connected__Item:not(:first-child){ margin-left:var(--p-space-100); } .Polaris-Connected__Item--primary{ z-index:var(--pc-connected-primary); flex:1 1 auto; } .Polaris-Connected__Item--focused{ z-index:var(--pc-connected-focused); } .Polaris-TextField{ --pc-text-field-contents:20; --pc-text-field-backdrop:10; font-size:var(--p-font-size-325); font-weight:var(--p-font-weight-regular); line-height:var(--p-font-line-height-500); border:none; letter-spacing:initial; position:relative; display:flex; align-items:center; color:var(--p-color-text); cursor:text; } .Polaris-TextField svg{ fill:var(--p-color-icon-secondary); } .Polaris-TextField:focus-within .Polaris-TextField__ClearButton{ visibility:visible; opacity:1; } .Polaris-TextField:focus-within .Polaris-TextField__Loading:has(+ .Polaris-TextField__ClearButton){ margin-right:0; } .Polaris-TextField:not(:focus-within) .Polaris-TextField__ClearButton{ visibility:hidden; opacity:0; position:absolute; right:0; } .Polaris-TextField:not(.Polaris-TextField--disabled):not(.Polaris-TextField--error):not(.Polaris-TextField--readOnly) > .Polaris-TextField__Input:hover:not(:focus-visible) ~ .Polaris-TextField__Backdrop{ border-color:var(--p-color-input-border-hover); background-color:var(--p-color-input-bg-surface-hover); } .Polaris-TextField--multiline{ padding:0; flex-wrap:wrap; } .Polaris-TextField--multiline > .Polaris-TextField__Input{ overflow:auto; padding-left:var(--p-space-300); padding-right:var(--p-space-300); resize:none; } .Polaris-TextField--hasValue{ color:var(--p-color-text); } .Polaris-TextField--focus > .Polaris-TextField__Input, .Polaris-TextField--focus > .Polaris-TextField__VerticalContent, .Polaris-TextField--focus > .Polaris-TextField__InputAndSuffixWrapper, .Polaris-TextField:focus-within > .Polaris-TextField__Input, .Polaris-TextField__Input:focus-visible{ outline:none; } .Polaris-TextField--focus > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop, .Polaris-TextField--focus > .Polaris-TextField__VerticalContent ~ .Polaris-TextField__Backdrop, .Polaris-TextField--focus > .Polaris-TextField__InputAndSuffixWrapper ~ .Polaris-TextField__Backdrop, .Polaris-TextField:focus-within > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop, .Polaris-TextField__Input:focus-visible ~ .Polaris-TextField__Backdrop{ border-color:var(--p-color-input-border-active); border-width:var(--p-border-width-025); background-color:var(--p-color-input-bg-surface-active); outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-025); } .Polaris-TextField--focus > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop::after, .Polaris-TextField--focus > .Polaris-TextField__VerticalContent ~ .Polaris-TextField__Backdrop::after, .Polaris-TextField--focus > .Polaris-TextField__InputAndSuffixWrapper ~ .Polaris-TextField__Backdrop::after, .Polaris-TextField:focus-within > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop::after, .Polaris-TextField__Input:focus-visible ~ .Polaris-TextField__Backdrop::after{ content:none; } .Polaris-TextField--error .Polaris-TextField__Input:hover ~ .Polaris-TextField__Backdrop, .Polaris-TextField--error .Polaris-TextField__Input:focus-visible ~ .Polaris-TextField__Backdrop{ border-color:var(--p-color-border-critical-secondary); background-color:var(--p-color-bg-surface-critical); } .Polaris-TextField--error .Polaris-TextField__Input:active ~ .Polaris-TextField__Backdrop, .Polaris-TextField--error .Polaris-TextField__Input:focus-visible ~ .Polaris-TextField__Backdrop{ border-width:var(--p-border-width-025); } .Polaris-TextField--error > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop, .Polaris-TextField--error > .Polaris-TextField__InputAndSuffixWrapper ~ .Polaris-TextField__Backdrop{ background-color:var(--p-color-bg-surface-critical); border-color:var(--p-color-border-critical-secondary); } .Polaris-TextField--error > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop::after, .Polaris-TextField--error > .Polaris-TextField__InputAndSuffixWrapper ~ .Polaris-TextField__Backdrop::after{ border-color:var(--p-color-border-focus); } .Polaris-TextField--readOnly.Polaris-TextField--readOnly > .Polaris-TextField__Input{ color:var(--p-color-text-secondary); } .Polaris-TextField--readOnly.Polaris-TextField--readOnly > .Polaris-TextField__Backdrop{ background-color:var(--p-color-bg-surface-disabled); border-color:transparent; } .Polaris-TextField--readOnly.Polaris-TextField--readOnly.Polaris-TextField--focus > .Polaris-TextField__Backdrop{ background-color:var(--p-color-bg-surface-disabled); border-color:transparent; } .Polaris-TextField--toneMagic .Polaris-TextField__Prefix, .Polaris-TextField--toneMagic .Polaris-TextField__Suffix{ color:var(--p-color-text-magic-secondary); } .Polaris-TextField--toneMagic > .Polaris-TextField__Input{ color:var(--p-color-text-magic); } .Polaris-TextField--toneMagic > .Polaris-TextField__Backdrop{ background-color:var(--p-color-bg-surface-magic); border-color:var(--p-color-border-magic-secondary); } .Polaris-TextField--toneMagic svg{ fill:var(--p-color-icon-magic); } .Polaris-TextField--toneMagic:not(.Polaris-TextField--disabled):not(.Polaris-TextField--error):not(.Polaris-TextField--readOnly) > .Polaris-TextField__Input:hover:not(:focus-visible) ~ .Polaris-TextField__Backdrop{ background-color:var(--p-color-bg-surface-magic-hover); border-color:var(--p-color-border-magic-secondary-hover); } .Polaris-TextField--toneMagic.Polaris-TextField--focus > .Polaris-TextField__Input, .Polaris-TextField--toneMagic.Polaris-TextField--focus > .Polaris-TextField__VerticalContent, .Polaris-TextField--toneMagic.Polaris-TextField:focus-within > .Polaris-TextField__Input, .Polaris-TextField--toneMagic.Polaris-TextField__Input:focus-visible{ color:var(--p-color-text); } .Polaris-TextField--toneMagic.Polaris-TextField--focus .Polaris-TextField__Prefix, .Polaris-TextField--toneMagic.Polaris-TextField--focus .Polaris-TextField__Suffix{ color:var(--p-color-text-secondary); } .Polaris-TextField--toneMagic.Polaris-TextField--focus svg{ fill:var(--p-color-icon-secondary); } .Polaris-TextField--disabled{ color:var(--p-color-text-disabled); cursor:initial; } .Polaris-TextField--disabled > .Polaris-TextField__Backdrop{ border:none; background-color:var(--p-color-bg-surface-disabled); } .Polaris-TextField--disabled svg{ fill:var(--p-color-icon-disabled); } .Polaris-TextField__InputAndSuffixWrapper{ display:flex; align-items:center; flex:1 1; width:100%; } .Polaris-TextField__AutoSizeWrapper{ position:relative; display:inline-grid; align-items:center; } .Polaris-TextField__AutoSizeWrapper::after{ content:attr(data-auto-size-value); visibility:hidden; white-space:pre-wrap; max-height:var(--pg-control-height); } .Polaris-TextField__AutoSizeWrapper::after, .Polaris-TextField__AutoSizeWrapper input, .Polaris-TextField__AutoSizeWrapper textarea{ width:auto; min-width:1em; grid-area:1 / 2; padding:0 var(--p-space-300); font-size:var(--p-font-size-400); font-weight:var(--p-font-weight-regular); line-height:var(--p-font-line-height-600); } @media (min-width: 48em){ .Polaris-TextField__AutoSizeWrapper::after, .Polaris-TextField__AutoSizeWrapper input, .Polaris-TextField__AutoSizeWrapper textarea{ font-size:var(--p-font-size-325); line-height:var(--p-font-line-height-500); } } .Polaris-TextField__Prefix + .Polaris-TextField__InputAndSuffixWrapper .Polaris-TextField__AutoSizeWrapper::after, .Polaris-TextField__Prefix + .Polaris-TextField__InputAndSuffixWrapper input, .Polaris-TextField__Prefix + .Polaris-TextField__InputAndSuffixWrapper textarea{ padding-left:0; } .Polaris-TextField__AutoSizeWrapperWithSuffix::after, .Polaris-TextField__AutoSizeWrapperWithSuffix input, .Polaris-TextField__AutoSizeWrapperWithSuffix textarea{ padding-right:0; } .Polaris-TextField__Input{ font-size:var(--p-font-size-400); font-weight:var(--p-font-weight-regular); line-height:var(--p-font-line-height-600); letter-spacing:initial; position:relative; z-index:var(--pc-text-field-contents); display:flex; flex:1 1; width:100%; min-width:0; min-height:var(--pg-control-height); padding:var(--p-space-150) var(--p-space-300); background:none; border:none; font-family:var(--p-font-family-sans); -webkit-appearance:none; appearance:none; caret-color:var(--p-color-text); color:var(--p-color-text); align-items:center; } @media (min-width: 48em){ .Polaris-TextField__Input{ font-size:var(--p-font-size-325); line-height:var(--p-font-line-height-500); } } .Polaris-TextField__Prefix + .Polaris-TextField__Input{ padding-left:0; } .Polaris-TextField__Input:disabled{ opacity:1; background:none; color:var(--p-color-text-disabled); -webkit-text-fill-color:var(--p-color-text-disabled); } .Polaris-TextField__Input:invalid{ box-shadow:none; } .Polaris-TextField__Input::placeholder{ color:var(--p-color-text-secondary); } .Polaris-TextField__Input[type='number']{ -webkit-appearance:textfield; appearance:textfield; } .Polaris-TextField__Input[type='number']::-webkit-outer-spin-button, .Polaris-TextField__Input[type='number']::-webkit-inner-spin-button{ -webkit-appearance:none; appearance:none; margin:0; } .Polaris-TextField__Input:-webkit-autofill{ border-radius:var(--p-border-radius-100); } .Polaris-TextField__Input.Polaris-TextField--suggestion::selection{ color:var(--p-color-text-disabled); background:transparent; } .Polaris-TextField--borderless .Polaris-TextField__Input, .Polaris-TextField--borderless .Polaris-TextField__Backdrop{ border:none; min-height:var(--p-space-800); } .Polaris-TextField--slim .Polaris-TextField__Input, .Polaris-TextField--slim .Polaris-TextField__Backdrop{ min-height:1.75rem; padding-block:var(--p-space-050); } .Polaris-TextField--slim.Polaris-TextField--borderless.Polaris-TextField--slim.Polaris-TextField--borderless .Polaris-TextField__Input, .Polaris-TextField--slim.Polaris-TextField--borderless.Polaris-TextField--slim.Polaris-TextField--borderless .Polaris-TextField__Backdrop{ outline-offset:0; } .Polaris-TextField__Input--hasClearButton[type='search']::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; } .Polaris-TextField__Input--suffixed{ padding-right:0; } .Polaris-TextField__Input--alignRight{ text-align:right; } .Polaris-TextField__Input--alignLeft{ text-align:left; } .Polaris-TextField__Input--alignCenter{ text-align:center; } .Polaris-TextField__Input--autoSize{ flex:initial; width:auto; } .Polaris-TextField__Backdrop{ position: relative; position:absolute; z-index:var(--pc-text-field-backdrop); top:0; right:0; bottom:0; left:0; background-color:var(--p-color-input-bg-surface); border:var(--p-border-width-0165) solid var(--p-color-input-border); border-top-color:#898f94; border-radius:var(--p-border-radius-200); pointer-events:none; } .Polaris-TextField__Backdrop::after { content: ''; position: absolute; z-index: 1; top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.125rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-TextField__Prefix, .Polaris-TextField__Suffix{ position:relative; z-index:var(--pc-text-field-contents); flex:0 0 auto; color:var(--p-color-text-secondary); -webkit-user-select:none; user-select:none; } .Polaris-TextField__Prefix{ margin-left:var(--p-space-300); margin-right:var(--p-space-150); } .Polaris-TextField__PrefixIcon{ margin-left:var(--p-space-200); margin-right:var(--p-space-100); } .Polaris-TextField__Suffix{ margin-left:var(--p-space-100); margin-right:var(--p-space-300); } .Polaris-TextField__VerticalContent{ position:relative; z-index:var(--pc-text-field-contents); color:var(--p-color-text-secondary); padding:var(--p-space-200) var(--p-space-200) 0 var(--p-space-200); max-height:8.75rem; overflow:auto; border:var(--p-border-width-025) solid transparent; width:100%; } .Polaris-TextField__VerticalContent > .Polaris-TextField__Input{ padding-left:0; padding-right:0; } @media (min-width: 30.625em){ .Polaris-TextField__VerticalContent{ max-height:20.5rem; } } .Polaris-TextField__Loading{ z-index:var(--pc-text-field-contents); margin-right:var(--p-space-300); } .Polaris-TextField__Loading svg{ display:block; } .Polaris-TextField__CharacterCount{ color:var(--p-color-text-secondary); z-index:var(--pc-text-field-contents); margin:0 var(--p-space-300) 0 var(--p-space-100); pointer-events:none; text-align:right; } .Polaris-TextField__AlignFieldBottom{ align-self:flex-end; width:100%; padding-bottom:var(--p-space-200); } .Polaris-TextField__ClearButton{ position: relative; -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; z-index:var(--pc-text-field-contents); margin:0 var(--p-space-300) 0 var(--p-space-100); transition:visibility var(--p-motion-duration-100) var(--p-motion-ease-out), opacity var(--p-motion-duration-100) var(--p-motion-ease-out); } .Polaris-TextField__ClearButton::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-TextField__ClearButton:focus{ outline:none; } .Polaris-TextField__ClearButton:focus-visible:enabled::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-TextField__ClearButton:disabled{ cursor:default; } .Polaris-TextField__Spinner{ z-index:var(--pc-text-field-contents); margin:var(--p-space-100); color:var(--p-color-icon); display:flex; visibility:hidden; align-self:stretch; flex-direction:column; width:1.375rem; cursor:pointer; justify-content:center; } .Polaris-TextField--focus .Polaris-TextField__Spinner, .Polaris-TextField:hover .Polaris-TextField__Spinner{ visibility:visible; } .Polaris-TextField__SpinnerIcon{ position:absolute; -webkit-user-select:none; user-select:none; } .Polaris-TextField__SpinnerIcon svg{ fill:var(--p-color-icon); } .Polaris-TextField__Resizer{ position:absolute; bottom:0; left:0; right:0; height:0; visibility:hidden; overflow:hidden; } .Polaris-TextField__DummyInput{ font-size:var(--p-font-size-325); font-weight:var(--p-font-weight-regular); line-height:var(--p-font-line-height-500); border:none; letter-spacing:initial; padding:var(--pg-control-vertical-padding) var(--p-space-300); word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; white-space:pre-wrap; } .Polaris-TextField__Segment{ background:var(--p-color-bg-fill-tertiary); border-radius:var(--p-border-radius-100); display:flex; flex:1 1; justify-content:center; align-items:center; -webkit-appearance:none; appearance:none; border:none; } .Polaris-TextField__Segment:hover{ background:var(--p-color-bg-fill-tertiary-hover); } .Polaris-TextField__Segment:focus{ outline:none; } .Polaris-TextField__Segment:active{ background:var(--p-color-bg-fill-tertiary-active); } .Polaris-TextField__Segment:first-child{ margin-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0; } .Polaris-TextField__Segment:last-child{ border-top-left-radius:0; border-top-right-radius:0; } .Polaris-TextField__Segment:not(:first-child){ margin-top:0; } .Polaris-TextField--monospaced{ font-family:var(--p-font-family-mono); } .Polaris-Scrollable{ --pc-scrollable-shadow-size:var(--p-space-500); --pc-scrollable-shadow-color:rgba(0, 0, 0, 0.15); --pc-scrollable-shadow-bottom:0 var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-color); --pc-scrollable-shadow-top:0 calc(var(--pc-scrollable-shadow-size)*-1) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-color); --pc-scrollable-max-height:none; -webkit-overflow-scrolling:touch; position:relative; max-height:var(--pc-scrollable-max-height); overflow-x:hidden; overflow-y:hidden; isolation:isolate; } .Polaris-Scrollable:focus{ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-050); } .Polaris-Scrollable.Polaris-Scrollable--hasTopShadow::before, .Polaris-Scrollable.Polaris-Scrollable--hasBottomShadow::before, .Polaris-Scrollable.Polaris-Scrollable--hasTopShadow::after, .Polaris-Scrollable.Polaris-Scrollable--hasBottomShadow::after{ content:''; position:sticky; left:0; display:block; pointer-events:none; height:var(--p-space-0); width:100%; z-index:32; } .Polaris-Scrollable.Polaris-Scrollable--hasTopShadow::before, .Polaris-Scrollable.Polaris-Scrollable--hasBottomShadow::before{ top:0; } .Polaris-Scrollable.Polaris-Scrollable--hasTopShadow::after, .Polaris-Scrollable.Polaris-Scrollable--hasBottomShadow::after{ bottom:0; } .Polaris-Scrollable.Polaris-Scrollable--hasTopShadow::before{ box-shadow:var(--pc-scrollable-shadow-top); } .Polaris-Scrollable.Polaris-Scrollable--hasBottomShadow::after{ box-shadow:var(--pc-scrollable-shadow-bottom); } .Polaris-Scrollable--horizontal{ overflow-x:auto; } .Polaris-Scrollable--vertical{ overflow-y:auto; } .Polaris-Scrollable--scrollbarWidthThin{ scrollbar-width:thin; } .Polaris-Scrollable--scrollbarWidthNone{ scrollbar-width:none; } .Polaris-Scrollable--scrollbarWidthAuto{ scrollbar-width:auto; } .Polaris-Scrollable--scrollbarGutterStable{ scrollbar-gutter:stable; } .Polaris-Scrollable__scrollbarGutterStableboth--edges{ scrollbar-gutter:stable both-edges; } .Polaris-Badge{ --pc-badge-horizontal-padding:var(--p-space-200); --pc-badge-vertical-padding:var(--p-space-050); display:inline-flex; align-items:center; padding:var(--pc-badge-vertical-padding) var(--pc-badge-horizontal-padding); background-color:var(--p-color-bg-fill-transparent-secondary); border-radius:var(--p-border-radius-200); color:var(--p-color-text-secondary); font-weight:var(--p-font-weight-medium); } .Polaris-Badge svg{ fill:var(--p-color-text-secondary); } @media print{ .Polaris-Badge{ border:solid var(--p-border-width-025) var(--p-color-border); } } .Polaris-Badge--toneSuccess{ background-color:var(--p-color-bg-fill-success-secondary); color:var(--p-color-text-success); } .Polaris-Badge--toneSuccess svg{ fill:var(--p-color-icon-success); } .Polaris-Badge__toneSuccess--strong{ color:var(--p-color-text-success-on-bg-fill); background-color:var(--p-color-bg-fill-success); } .Polaris-Badge__toneSuccess--strong svg{ fill:var(--p-color-text-success-on-bg-fill); } .Polaris-Badge--toneInfo{ background-color:var(--p-color-bg-fill-info-secondary); color:var(--p-color-text-info); } .Polaris-Badge--toneInfo svg{ fill:var(--p-color-icon-info); } .Polaris-Badge__toneInfo--strong{ color:var(--p-color-text-info-on-bg-fill); background-color:var(--p-color-bg-fill-info); } .Polaris-Badge__toneInfo--strong svg{ fill:var(--p-color-text-info-on-bg-fill); } .Polaris-Badge--toneAttention{ background-color:var(--p-color-bg-fill-caution-secondary); color:var(--p-color-text-caution); } .Polaris-Badge--toneAttention svg{ fill:var(--p-color-icon-caution); } .Polaris-Badge__toneAttention--strong{ color:var(--p-color-text-caution-on-bg-fill); background-color:var(--p-color-bg-fill-caution); } .Polaris-Badge__toneAttention--strong svg{ fill:var(--p-color-text-caution-on-bg-fill); } .Polaris-Badge--toneWarning{ background-color:var(--p-color-bg-fill-warning-secondary); color:var(--p-color-text-warning); } .Polaris-Badge--toneWarning svg{ fill:var(--p-color-icon-warning); } .Polaris-Badge__toneWarning--strong{ color:var(--p-color-text-warning-on-bg-fill); background-color:var(--p-color-bg-fill-warning); } .Polaris-Badge__toneWarning--strong svg{ fill:var(--p-color-text-warning-on-bg-fill); } .Polaris-Badge--toneCritical{ background-color:var(--p-color-bg-fill-critical-secondary); color:var(--p-color-text-critical); } .Polaris-Badge--toneCritical svg{ fill:var(--p-color-icon-critical); } .Polaris-Badge__toneCritical--strong{ color:var(--p-color-text-critical-on-bg-fill); background-color:var(--p-color-bg-fill-critical); } .Polaris-Badge__toneCritical--strong svg{ fill:var(--p-color-text-critical-on-bg-fill); } .Polaris-Badge--toneNew{ border:none; background-color:var(--p-color-bg-fill-transparent-secondary); color:var(--p-color-text-secondary); font-weight:var(--p-font-weight-bold); border-radius:var(--p-border-radius-200); } .Polaris-Badge--toneNew svg{ fill:var(--p-color-text-secondary); } .Polaris-Badge--toneMagic{ background-color:var(--p-color-bg-fill-magic-secondary); color:var(--p-color-text-magic); } .Polaris-Badge--toneMagic svg{ fill:var(--p-color-text-magic); } .Polaris-Badge__toneRead--only{ color:var(--p-color-text-secondary); background-color:transparent; } .Polaris-Badge__toneRead--only svg{ fill:var(--p-color-icon-secondary); } .Polaris-Badge--toneEnabled{ color:var(--p-color-text); } .Polaris-Badge--toneEnabled svg{ fill:var(--p-color-icon-success); } .Polaris-Badge--sizeLarge{ padding:var(--p-space-100) var(--p-space-200); } .Polaris-Badge--withinFilter{ border-radius:var(--p-border-radius-100); } .Polaris-Badge__Icon{ margin:calc(var(--p-space-050)*-1) 0 calc(var(--p-space-050)*-1) calc(var(--p-space-200)*-1); } .Polaris-Badge__Icon svg{ display:inline-block; vertical-align:top; } .Polaris-Badge--sizeLarge .Polaris-Badge__Icon{ margin:0 var(--p-space-100) 0 calc(var(--p-space-050)*-1); } .Polaris-Badge__Icon + *{ margin-left:0; } .Polaris-Badge__PipContainer{ display:grid; align-items:center; margin-left:calc(var(--p-space-050)*-1); margin-right:var(--p-space-100); } .Polaris-Badge-Pip{ --pc-pip-size:var(--p-space-200); --pc-pip-color:var(--p-color-text-secondary); --pc-border-width:0.07813rem; display:inline-block; color:var(--pc-pip-color); height:var(--pc-pip-size); width:var(--pc-pip-size); border:var(--p-border-width-050) solid var(--pc-pip-color); flex-shrink:0; border-radius:0.1875rem; border-width:var(--pc-border-width); } .Polaris-Badge-Pip--toneInfo{ --pc-pip-color:var(--p-color-icon-info); } .Polaris-Badge-Pip--toneSuccess{ --pc-pip-color:var(--p-color-icon-success); } .Polaris-Badge-Pip--toneNew{ --pc-pip-color:var(--p-color-text-secondary); } .Polaris-Badge-Pip--toneAttention{ --pc-pip-color:var(--p-color-icon-caution); } .Polaris-Badge-Pip--toneWarning{ --pc-pip-color:var(--p-color-icon-warning); } .Polaris-Badge-Pip--toneCritical{ --pc-pip-color:var(--p-color-icon-critical); } .Polaris-Badge-Pip--progressIncomplete{ background:transparent; } .Polaris-Badge-Pip--progressPartiallyComplete{ background:linear-gradient( to top, currentColor, currentColor 50%, transparent 50%, transparent ); } .Polaris-Badge-Pip--progressPartiallyComplete.Polaris-Badge-Pip{ background:none; position:relative; overflow:hidden; } .Polaris-Badge-Pip--progressPartiallyComplete.Polaris-Badge-Pip::after{ content:''; position:absolute; top:calc(var(--pc-border-width)*-1); left:calc(var(--pc-border-width)*-1); width:0.25rem; height:0.5rem; margin:0 0.1275rem; border-right:var(--pc-border-width) solid currentColor; border-left:var(--pc-border-width) solid currentColor; font-size:0; transform:rotate(-45deg); } @media print{ .Polaris-Badge-Pip--progressPartiallyComplete{ background:none; box-shadow:0 -6.375rem 0 -6.25rem currentColor inset; } } .Polaris-Badge-Pip--progressComplete{ background:currentColor; } @media print{ .Polaris-Badge-Pip--progressComplete{ background:none; box-shadow:0 0 0 6.25rem currentColor inset; } } .Polaris-ActionList__Item{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; position: relative; --pc-action-list-item-min-height:var(--p-space-800); --pc-action-list-indented-item-margin:calc(var(--p-space-500) + var(--p-space-050)); --pc-action-list-indented-item-width:calc(100% - var(--pc-action-list-indented-item-margin)); --pc-action-list-item-vertical-padding:calc((var(--pc-action-list-item-min-height) - var(--p-font-line-height-500))/2); display:flex; align-items:center; width:100%; min-height:var(--pc-action-list-item-min-height); text-align:left; text-decoration:none; cursor:pointer; padding:var(--p-space-100) var(--p-space-150); border-radius:var(--p-border-radius-200); border-top:var(--p-border-width-025) solid transparent; color:inherit; } .Polaris-ActionList__Item:focus{ outline:none; } .Polaris-ActionList__Item::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-200); } .Polaris-ActionList__Item.Polaris-ActionList--default{ --pc-action-list-image-size:1.25rem; } @media (forced-colors: active){ .Polaris-ActionList__Item{ border:var(--p-border-width-025) solid transparent; } } .Polaris-ActionList__Item:hover{ background-color:var(--p-color-bg-surface-secondary-hover); text-decoration:none; outline:var(--p-border-width-050) solid transparent; } .Polaris-ActionList__Item:active{ background-color:var(--p-color-bg-surface-secondary-active); } .Polaris-ActionList__Item:active svg{ fill:var(--p-color-icon); } .Polaris-ActionList__Item:focus-visible:not(:active){ background-color:var(--p-color-bg-surface); outline:var(--p-border-width-050) solid var(--p-color-border-focus); } .Polaris-ActionList__Item:focus-visible:not(:active)::after{ content:none; } .Polaris-ActionList__Item:visited{ color:inherit; } .Polaris-ActionList__Item.Polaris-ActionList--active{ background-color:var(--p-color-bg-surface-secondary-selected); font-weight:var(--p-font-weight-semibold); } .Polaris-ActionList__Item.Polaris-ActionList--active svg{ fill:var(--p-color-icon-active); } .Polaris-ActionList__Item.Polaris-ActionList--active::before{ content:''; background-color:var(--p-color-bg-fill-brand); position:absolute; top:0; left:calc(var(--p-space-200)*-1); height:100%; display:block; width:var(--p-border-width-050); border-top-right-radius:var(--p-border-radius-100); border-bottom-right-radius:var(--p-border-radius-100); display:none; } .Polaris-ActionList__Item.Polaris-ActionList--destructive{ color:var(--p-color-text-critical); } .Polaris-ActionList__Item.Polaris-ActionList--destructive svg{ fill:var(--p-color-text-critical); } .Polaris-ActionList__Item.Polaris-ActionList--destructive:hover{ background-color:var(--p-color-bg-surface-critical-hover); } .Polaris-ActionList__Item.Polaris-ActionList--destructive:active, .Polaris-ActionList__Item.Polaris-ActionList--destructive.Polaris-ActionList--active{ background-color:var(--p-color-bg-surface-critical-active); } .Polaris-ActionList__Item.Polaris-ActionList--disabled{ background-image:none; color:var(--p-color-text-disabled); cursor:default; } .Polaris-ActionList__Item.Polaris-ActionList--disabled:hover{ background-color:unset; } .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Prefix svg, .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Suffix svg{ fill:var(--p-color-icon-disabled); } .Polaris-ActionList__Item.Polaris-ActionList--indented{ --pc-action-list-image-size:1.5rem; position:relative; margin-left:var(--pc-action-list-indented-item-margin); max-width:var(--pc-action-list-indented-item-width); } .Polaris-ActionList__Item.Polaris-ActionList--indented::before{ content:''; position:absolute; top:calc(var(--p-space-300)*-1); bottom:0; left:0; border-left:var(--p-border-width-025) solid var(--p-color-border); margin-left:calc(var(--p-space-150)*-1); } .Polaris-ActionList__Item.Polaris-ActionList--menu{ --pc-action-list-image-size:1.5rem; } .Polaris-ActionList__Prefix{ display:flex; flex:0 0 auto; justify-content:center; align-items:center; height:var(--pc-action-list-image-size); width:var(--pc-action-list-image-size); border-radius:var(--p-border-radius-100); margin:calc(var(--pc-action-list-image-size)*-0.5) 0 calc(var(--pc-action-list-image-size)*-0.5) 0; background-size:cover; background-position:center center; } .Polaris-ActionList__Prefix svg{ fill:var(--p-color-icon); } .Polaris-ActionList__Suffix svg{ fill:var(--p-color-icon); } .Polaris-ActionList__Text{ min-width:0; max-width:100%; flex:1 1 auto; } .Polaris-ThemeProvider--themeContainer{ color:var(--p-color-text); } .Polaris-PositionedOverlay{ position:absolute; z-index:var(--p-z-index-2); } .Polaris-PositionedOverlay--fixed{ position:fixed; } .Polaris-PositionedOverlay--calculating{ visibility:hidden; } .Polaris-PositionedOverlay--preventInteraction{ pointer-events:none; } .Polaris-Tooltip-TooltipOverlay{ --pc-tooltip-chevron-x-pos: initial; --pc-tooltip-border-radius: initial; --pc-tooltip-padding: initial; --pc-tooltip-overlay-offset:var(--p-space-300); --pc-tooltip-shadow-bevel-z-index:1; --pc-tooltip-tail-z-index:calc(var(--pc-tooltip-shadow-bevel-z-index) + 1); margin:var(--pc-tooltip-overlay-offset) var(--p-space-100) var(--p-space-100); opacity:1; box-shadow:var(--p-shadow-400); pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity, left, top, transform; transform:none; transition:none; min-width:4ch; position: relative; box-shadow: var(--p-shadow-300); border-radius: var(--pc-tooltip-border-radius); } .Polaris-Tooltip-TooltipOverlay::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: var(--pc-tooltip-shadow-bevel-z-index); box-shadow: var(--p-shadow-bevel-100); border-radius: var(--pc-tooltip-border-radius); pointer-events: none; mix-blend-mode: luminosity; } @media screen and (-ms-high-contrast: active){ .Polaris-Tooltip-TooltipOverlay{ border:var(--p-border-width-050) solid windowText; } } .Polaris-Tooltip-TooltipOverlay .Polaris-Tooltip-TooltipOverlay__Tail{ position:absolute; top:calc(var(--p-space-200)*-1 + 0.05rem); left:calc(var(--pc-tooltip-chevron-x-pos) - var(--p-space-150) - var(--p-space-400)); z-index:var(--pc-tooltip-tail-z-index); } .Polaris-Tooltip-TooltipOverlay.Polaris-Tooltip-TooltipOverlay--positionedAbove::after{ top:auto; bottom:calc(var(--p-space-400)*-1); border-color:var(--p-color-bg-surface) transparent transparent transparent; } .Polaris-Tooltip-TooltipOverlay.Polaris-Tooltip-TooltipOverlay--positionedAbove .Polaris-Tooltip-TooltipOverlay__Tail{ top:unset; bottom:calc(var(--p-space-200)*-1); filter:drop-shadow(0 0.1875rem 0.125rem rgba(26, 26, 26, 0.1)); } .Polaris-Tooltip-TooltipOverlay--measuring{ opacity:0; } .Polaris-Tooltip-TooltipOverlay--measured:not(.Polaris-Tooltip-TooltipOverlay--instant){ animation:var(--p-motion-keyframes-appear-below) var(--p-motion-duration-50) var(--p-motion-ease-out) var(--p-motion-duration-100) 1 both; } @media (prefers-reduced-motion){ .Polaris-Tooltip-TooltipOverlay--measured:not(.Polaris-Tooltip-TooltipOverlay--instant){ animation:none; } } .Polaris-Tooltip-TooltipOverlay--measured.Polaris-Tooltip-TooltipOverlay--positionedAbove:not(.Polaris-Tooltip-TooltipOverlay--instant){ animation:var(--p-motion-keyframes-appear-above) var(--p-motion-duration-50) var(--p-motion-ease-out) var(--p-motion-duration-100) 1 both; } @media (prefers-reduced-motion){ .Polaris-Tooltip-TooltipOverlay--measured.Polaris-Tooltip-TooltipOverlay--positionedAbove:not(.Polaris-Tooltip-TooltipOverlay--instant){ animation:none; } } .Polaris-Tooltip-TooltipOverlay--positionedAbove{ margin:var(--p-space-100) var(--p-space-100) var(--pc-tooltip-overlay-offset); } .Polaris-Tooltip-TooltipOverlay__Content{ position:relative; background-color:var(--p-color-bg-surface); color:var(--p-color-text); word-break:break-word; border-radius:var(--pc-tooltip-border-radius); padding:var(--pc-tooltip-padding); } .Polaris-Tooltip-TooltipOverlay--default{ max-width:12.5rem; } .Polaris-Tooltip-TooltipOverlay--wide{ max-width:17.1875rem; } [data-polaris-tooltip-activator]{ outline:0; position: relative; } [data-polaris-tooltip-activator]::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } [data-polaris-tooltip-activator]:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Tooltip__TooltipContainer{ display:flex; } .Polaris-Tooltip__HasUnderline{ border-bottom:var(--p-border-width-050) dotted var(--p-color-border); } .Polaris-Popover{ --pc-popover-visible-portion-of-arrow:0.3125rem; --pc-popover-vertical-motion-offset:-0.3125rem; max-width:calc(100vw - var(--p-space-800)); margin:var(--pc-popover-visible-portion-of-arrow) var(--p-space-200) var(--p-space-400); -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:left, top; position: relative; box-shadow: var(--p-shadow-300); border-radius: var(--p-border-radius-300); } .Polaris-Popover::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; box-shadow: var(--p-shadow-bevel-100); border-radius: var(--p-border-radius-300); pointer-events: none; mix-blend-mode: luminosity; } .Polaris-Popover__PopoverOverlay{ opacity:0; transition:opacity var(--p-motion-duration-100) var(--p-motion-ease), transform var(--p-motion-duration-100) var(--p-motion-ease); transform:translateY(var(--pc-popover-vertical-motion-offset)); } .Polaris-Popover__PopoverOverlay--noAnimation{ transition:opacity var(--p-motion-duration-100) var(--p-motion-ease); } .Polaris-Popover__PopoverOverlay--entering{ opacity:1; transform:translateY(0); } .Polaris-Popover__PopoverOverlay--open{ opacity:1; transform:none; } .Polaris-Popover--measuring:not(.Polaris-Popover__PopoverOverlay--exiting){ opacity:0; transform:translateY(var(--pc-popover-vertical-motion-offset)); } .Polaris-Popover--fullWidth{ margin:var(--pc-popover-visible-portion-of-arrow) auto 0 auto; } .Polaris-Popover--fullWidth .Polaris-Popover__Content{ max-width:none; } .Polaris-Popover--positionedAbove{ margin:var(--p-space-400) var(--p-space-200) var(--pc-popover-visible-portion-of-arrow); } .Polaris-Popover--positionedAbove.Polaris-Popover--fullWidth{ margin:0 auto var(--pc-popover-visible-portion-of-arrow) auto; } .Polaris-Popover--positionedCover{ margin:0; } .Polaris-Popover--positionedCover::before{ border-radius:var(--p-border-radius-200); } .Polaris-Popover--positionedCover .Polaris-Popover__ContentContainer{ border-radius:var(--p-border-radius-200); } .Polaris-Popover__ContentContainer{ position:relative; overflow:hidden; background:var(--p-color-bg-surface); border-radius:var(--p-space-300); isolation:isolate; } .Polaris-Popover__Content{ position:relative; display:flex; flex-direction:column; border-radius:var(--p-border-radius-100); max-width:25rem; max-height:31.25rem; } .Polaris-Popover__Content:focus{ outline:none; } .Polaris-Popover__Content--fullHeight{ max-height:100vh; } .Polaris-Popover__Content--fluidContent{ max-height:none; max-width:none; } .Polaris-Popover__Pane{ flex:1 1 auto; max-width:100%; } .Polaris-Popover__Pane:focus{ outline:none; } .Polaris-Popover__Pane--fixed{ overflow:visible; flex:0 0 auto; } .Polaris-Popover__Pane--subdued{ background-color:var(--p-color-bg-surface-secondary); } .Polaris-Popover__Pane--captureOverscroll{ overscroll-behavior:contain; } .Polaris-Popover__Section + .Polaris-Popover__Section{ border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-Popover__FocusTracker{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } @media print{ .Polaris-Popover__PopoverOverlay--hideOnPrint{ display:none !important; } } .Polaris-ActionMenu-SecondaryAction{ --pc-secondary-action-button-spacing:var(--p-space-300); } .Polaris-ActionMenu-SecondaryAction a, .Polaris-ActionMenu-SecondaryAction button{ position: relative; --pc-button-padding-block:var(--p-space-100); --pc-button-padding-inline:var(--p-space-300); background:var(--p-color-bg-fill-tertiary) !important; box-shadow:none !important; border:none; border-radius:var(--p-border-radius-200) !important; min-height:1.75rem; } .Polaris-ActionMenu-SecondaryAction a::after, .Polaris-ActionMenu-SecondaryAction button::after { content: ''; position: absolute; z-index: 1; top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.125rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-ActionMenu-SecondaryAction a:is(:hover, :focus), .Polaris-ActionMenu-SecondaryAction button:is(:hover, :focus){ background-color:var(--p-color-bg-fill-tertiary-hover) !important; } .Polaris-ActionMenu-SecondaryAction a:active, .Polaris-ActionMenu-SecondaryAction button:active, .Polaris-ActionMenu-SecondaryAction a[aria-expanded='true'], .Polaris-ActionMenu-SecondaryAction button[aria-expanded='true']{ background-color:var(--p-color-bg-fill-tertiary-active) !important; box-shadow:var(--p-shadow-inset-200) !important; } .Polaris-ActionMenu-SecondaryAction a:focus-visible, .Polaris-ActionMenu-SecondaryAction button:focus-visible{ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-050); } .Polaris-ActionMenu-SecondaryAction a:focus-visible::after, .Polaris-ActionMenu-SecondaryAction button:focus-visible::after{ content:none; } .Polaris-ActionMenu-SecondaryAction a[aria-disabled='true'], .Polaris-ActionMenu-SecondaryAction button[aria-disabled='true']{ background-color:var(--p-color-bg-fill-disabled) !important; } @media (min-width: 48em){ .Polaris-ActionMenu-SecondaryAction a, .Polaris-ActionMenu-SecondaryAction button{ border:none !important; position: relative; } .Polaris-ActionMenu-SecondaryAction a::after, .Polaris-ActionMenu-SecondaryAction button::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } } .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--critical a, .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--critical button{ color:var(--p-color-text-critical) !important; } .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--critical a svg, .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--critical button svg{ fill:var(--p-color-text-critical); } .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--critical a:is(:hover, :focus), .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--critical button:is(:hover, :focus){ background-color:var(--p-color-bg-fill-tertiary-hover) !important; } .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--critical a:active, .Polaris-ActionMenu-SecondaryAction.Polaris-ActionMenu-SecondaryAction--critical button:active{ background-color:var(--p-color-bg-fill-tertiary-active) !important; } .Polaris-ActionMenu-MenuGroup__Details{ margin-top:calc(var(--p-space-400)*-1); padding:var(--p-space-400); } .Polaris-ActionMenu-Actions__ActionsLayoutOuter{ position:relative; width:100%; } .Polaris-ActionMenu-Actions__ActionsLayout{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1 1 auto; gap:var(--p-space-200); } .Polaris-ActionMenu-Actions__ActionsLayout > *{ flex:0 0 auto; } .Polaris-ActionMenu-Actions--actionsLayoutMeasuring{ visibility:hidden; height:0; } .Polaris-ActionMenu-Actions__ActionsLayoutMeasurer{ position:absolute; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1 1 auto; gap:0; padding:0; visibility:hidden; height:0; } .Polaris-ActionMenu-Actions__ActionsLayoutMeasurer > *{ flex:0 0 auto; } .Polaris-ActionMenu-RollupActions__RollupActivator{ text-align:right; } .Polaris-ActionMenu-RollupActions__RollupActivator button[type='button']{ background:var(--p-color-bg-fill-tertiary); border-radius:var(--p-border-radius-200); border:none; box-shadow:none; margin:0; } .Polaris-ActionMenu-RollupActions__RollupActivator button[type='button']:active{ background:var(--p-color-bg-fill-tertiary-active); } .Polaris-ActionMenu-RollupActions__RollupActivator button[type='button']:focus:not(:active){ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-050); background:var(--p-color-bg-fill-tertiary-active); } .Polaris-ActionMenu-RollupActions__RollupActivator button[type='button']:focus:not(:active)::after{ content:none; } .Polaris-ActionMenu-RollupActions__RollupActivator button[type='button']:hover{ background:var(--p-color-bg-fill-tertiary-hover); } .Polaris-ActionMenu{ width:100%; display:flex; justify-content:flex-end; } @media print{ .Polaris-ActionMenu{ display:none !important; } } .Polaris-Combobox__Listbox{ padding:var(--p-space-200) 0; overflow:visible; } .Polaris-Listbox-Section__SectionGroup{ list-style-type:none; padding:0; margin:0; border-bottom:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-Listbox-Section--noDivider{ border-bottom:none; } .Polaris-Choice{ --pc-choice-space-0:0rem; --pc-choice-bleed-block-start-xs: initial; --pc-choice-bleed-block-start-sm: initial; --pc-choice-bleed-block-start-md: initial; --pc-choice-bleed-block-start-lg: initial; --pc-choice-bleed-block-start-xl: initial; --pc-choice-bleed-block-start: var(--pc-choice-bleed-block-start-xs); --pc-choice-bleed-block-end-xs: initial; --pc-choice-bleed-block-end-sm: initial; --pc-choice-bleed-block-end-md: initial; --pc-choice-bleed-block-end-lg: initial; --pc-choice-bleed-block-end-xl: initial; --pc-choice-bleed-block-end: var(--pc-choice-bleed-block-end-xs); --pc-choice-bleed-inline-start-xs: initial; --pc-choice-bleed-inline-start-sm: initial; --pc-choice-bleed-inline-start-md: initial; --pc-choice-bleed-inline-start-lg: initial; --pc-choice-bleed-inline-start-xl: initial; --pc-choice-bleed-inline-start: var(--pc-choice-bleed-inline-start-xs); --pc-choice-bleed-inline-end-xs: initial; --pc-choice-bleed-inline-end-sm: initial; --pc-choice-bleed-inline-end-md: initial; --pc-choice-bleed-inline-end-lg: initial; --pc-choice-bleed-inline-end-xl: initial; --pc-choice-bleed-inline-end: var(--pc-choice-bleed-inline-end-xs); --pc-choice-fill-xs: initial; --pc-choice-fill-sm: initial; --pc-choice-fill-md: initial; --pc-choice-fill-lg: initial; --pc-choice-fill-xl: initial; --pc-choice-fill: var(--pc-choice-fill-xs); display:inline-flex; align-items:center; justify-content:flex-start; cursor:pointer; padding-block-start:calc(var(--pc-choice-bleed-block-start, var(--pc-choice-space-0)) + var(--p-space-100)); padding-block-end:calc(var(--pc-choice-bleed-block-end, var(--pc-choice-space-0)) + var(--p-space-100)); padding-inline-start:var( --pc-choice-bleed-inline-start, var(--pc-choice-space-0) ); padding-inline-end:var( --pc-choice-bleed-inline-end, var(--pc-choice-space-0) ); margin-block-start:calc(var(--pc-choice-bleed-block-start, var(--pc-choice-space-0))*-1); margin-block-end:calc(var(--pc-choice-bleed-block-end, var(--pc-choice-space-0))*-1); margin-inline-start:calc(var(--pc-choice-bleed-inline-start, var(--pc-choice-space-0))*-1); margin-inline-end:calc(var(--pc-choice-bleed-inline-end, var(--pc-choice-space-0))*-1); inline-size:calc(var(--pc-choice-fill, auto) + var(--pc-choice-bleed-inline-start, var(--pc-choice-space-0)) + var(--pc-choice-bleed-inline-end, var(--pc-choice-space-0))); block-size:calc(var(--pc-choice-fill, auto) + var(--pc-choice-bleed-block-start, var(--pc-choice-space-0)) + var(--pc-choice-bleed-block-end, var(--pc-choice-space-0))); } @media (min-width: 30.625em) { .Polaris-Choice{ --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ); } } @media (min-width: 48em) { .Polaris-Choice{ --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-md, var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ) ); } } @media (min-width: 65em) { .Polaris-Choice{ --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-lg, var( --pc-choice-bleed-block-start-md, var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-Choice{ --pc-choice-bleed-block-start: var( --pc-choice-bleed-block-start-xl, var( --pc-choice-bleed-block-start-lg, var( --pc-choice-bleed-block-start-md, var( --pc-choice-bleed-block-start-sm, var(--pc-choice-bleed-block-start-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-Choice{ --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ); } } @media (min-width: 48em) { .Polaris-Choice{ --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-md, var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ) ); } } @media (min-width: 65em) { .Polaris-Choice{ --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-lg, var( --pc-choice-bleed-block-end-md, var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-Choice{ --pc-choice-bleed-block-end: var( --pc-choice-bleed-block-end-xl, var( --pc-choice-bleed-block-end-lg, var( --pc-choice-bleed-block-end-md, var( --pc-choice-bleed-block-end-sm, var(--pc-choice-bleed-block-end-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-Choice{ --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ); } } @media (min-width: 48em) { .Polaris-Choice{ --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-md, var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ) ); } } @media (min-width: 65em) { .Polaris-Choice{ --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-lg, var( --pc-choice-bleed-inline-start-md, var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-Choice{ --pc-choice-bleed-inline-start: var( --pc-choice-bleed-inline-start-xl, var( --pc-choice-bleed-inline-start-lg, var( --pc-choice-bleed-inline-start-md, var( --pc-choice-bleed-inline-start-sm, var(--pc-choice-bleed-inline-start-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-Choice{ --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ); } } @media (min-width: 48em) { .Polaris-Choice{ --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-md, var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ) ); } } @media (min-width: 65em) { .Polaris-Choice{ --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-lg, var( --pc-choice-bleed-inline-end-md, var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-Choice{ --pc-choice-bleed-inline-end: var( --pc-choice-bleed-inline-end-xl, var( --pc-choice-bleed-inline-end-lg, var( --pc-choice-bleed-inline-end-md, var( --pc-choice-bleed-inline-end-sm, var(--pc-choice-bleed-inline-end-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-Choice{ --pc-choice-fill: var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ); } } @media (min-width: 48em) { .Polaris-Choice{ --pc-choice-fill: var( --pc-choice-fill-md, var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ) ); } } @media (min-width: 65em) { .Polaris-Choice{ --pc-choice-fill: var( --pc-choice-fill-lg, var( --pc-choice-fill-md, var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-Choice{ --pc-choice-fill: var( --pc-choice-fill-xl, var( --pc-choice-fill-lg, var( --pc-choice-fill-md, var( --pc-choice-fill-sm, var(--pc-choice-fill-xs) ) ) ) ); } } .Polaris-Choice--labelHidden{ padding-block-start:var( --pc-choice-bleed-block-start, var(--pc-choice-space-0) ); padding-block-end:var(--pc-choice-bleed-block-end, var(--pc-choice-space-0)); } .Polaris-Choice--labelHidden > .Polaris-Choice__Label{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .Polaris-Choice--labelHidden .Polaris-Choice__Control{ margin-top:0; margin-right:0; } .Polaris-Choice--disabled{ cursor:default; } .Polaris-Choice--disabled > .Polaris-Choice__Label{ color:var(--p-color-text-disabled); } .Polaris-Choice--disabled > .Polaris-Choice__Label:hover{ cursor:default; } @media (-ms-high-contrast: active){ .Polaris-Choice--disabled > .Polaris-Choice__Label{ color:grayText; } } .Polaris-Choice--toneMagic > .Polaris-Choice__Label{ color:var(--p-color-text-magic); } .Polaris-Choice--disabled + .Polaris-Choice__Descriptions{ color:var(--p-color-text-disabled); } .Polaris-Choice__Control{ --pc-choice-size:1.125rem; display:flex; flex:0 0 auto; align-items:stretch; width:var(--pc-choice-size); height:var(--pc-choice-size); margin-right:var(--p-space-200); } @media (max-width: 47.9975em){ .Polaris-Choice__Control{ --pc-choice-size:1.25rem; } } .Polaris-Choice__Control > *{ width:100%; } .Polaris-Choice__Label{ -webkit-tap-highlight-color:transparent; } .Polaris-Choice__Label:hover{ cursor:pointer; } .Polaris-Choice__Descriptions{ --pc-choice-size:1.125rem; padding-left:calc(var(--p-space-200) + var(--pc-choice-size)); } @media (max-width: 47.9975em){ .Polaris-Choice__Descriptions{ --pc-choice-size:1.25rem; } } .Polaris-Choice__HelpText{ margin-bottom:var(--p-space-100); } .Polaris-Checkbox{ position:relative; margin:var(--p-space-025); } .Polaris-Checkbox__ChoiceLabel .Polaris-Checkbox__Backdrop{ border-width:0; box-shadow:inset 0 0 0 var(--p-border-width-0165) var(--p-color-input-border); transition:border-color var(--p-motion-duration-100) var(--p-motion-ease-out), border-width var(--p-motion-duration-100) var(--p-motion-ease-out), box-shadow var(--p-motion-duration-100) var(--p-motion-ease-out); transform:translate3d(0, 0, 0); } .Polaris-Checkbox__ChoiceLabel:hover .Polaris-Checkbox__Backdrop{ border-color:var(--p-color-input-border-hover); box-shadow:inset 0 0 0 var(--p-border-width-0165) var(--p-color-input-border-hover); background-color:var(--p-color-input-bg-surface-hover); } .Polaris-Checkbox__ChoiceLabel:active .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__ChoiceLabel:checked .Polaris-Checkbox__Backdrop{ border-color:var(--p-color-bg-fill-brand); border-width:0; box-shadow:inset 0 0 0 var(--p-space-050) var(--p-color-bg-fill-brand); } .Polaris-Checkbox__Input{ position:absolute; z-index:var(--p-z-index-1); width:100%; height:100%; opacity:0; margin:0; } .Polaris-Checkbox__Input:focus-visible + .Polaris-Checkbox__Backdrop{ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-025); background-color:var(--p-color-input-bg-surface-hover); border-width:0; } .Polaris-Checkbox__Input:focus-visible + .Polaris-Checkbox__Backdrop::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop{ border-color: var(--p-color-border-emphasis); border-color:var(--p-color-bg-fill-brand); background-color:var(--p-color-bg-fill-brand-selected); box-shadow:inset 0 0 0 var(--p-space-800) var(--p-color-bg-fill-brand-selected); } .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::before { opacity: 1; transform: scale(1); } @media (-ms-high-contrast: active) { .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::before { border: var(--p-border-width-050) solid windowText; } } .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate ~ .Polaris-Checkbox__Icon{ transition:opacity var(--p-motion-duration-150) var(--p-motion-ease-out), transform var(--p-motion-duration-150) var(--p-motion-ease-out); opacity:1; } .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon svg, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate ~ .Polaris-Checkbox__Icon svg{ fill:var(--p-color-text-brand-on-bg-fill); } .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon.Polaris-Checkbox--animated, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate ~ .Polaris-Checkbox__Icon.Polaris-Checkbox--animated{ transition:initial; } .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop{ border-color: var(--p-color-border-disabled); border-color:transparent; background-color:var(--p-color-checkbox-bg-surface-disabled); box-shadow:none; } .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop::before { background-color: var(--p-color-bg-surface-disabled); } .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop:hover { cursor: default; } .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop::before{ background-color:transparent; } .Polaris-Checkbox__Input:disabled ~ .Polaris-Checkbox__Icon svg{ color:var(--p-color-checkbox-icon-disabled); } .Polaris-Checkbox__Input:disabled:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate:disabled + .Polaris-Checkbox__Backdrop{ background-color:var(--p-color-checkbox-bg-surface-disabled); } .Polaris-Checkbox__Input:disabled:checked + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate:disabled + .Polaris-Checkbox__Backdrop::before{ background-color:transparent; } .Polaris-Checkbox__Input.Polaris-Checkbox--toneMagic + .Polaris-Checkbox__Backdrop{ background-color:var(--p-color-bg-surface-magic); box-shadow:inset 0 0 0 var(--p-border-width-0165) var(--p-color-border-magic-secondary); } .Polaris-Checkbox__ChoiceLabel:hover .Polaris-Checkbox__Input.Polaris-Checkbox--toneMagic + .Polaris-Checkbox__Backdrop{ background-color:var(--p-color-bg-surface-magic-hover); box-shadow:inset 0 0 0 var(--p-border-width-0165) var(--p-color-border-magic-secondary-hover); } .Polaris-Checkbox__Input.Polaris-Checkbox--toneMagic:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input.Polaris-Checkbox--toneMagic.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop{ border-color:var(--p-color-bg-fill-magic); background-color:var(--p-color-bg-fill-magic); box-shadow:inset 0 0 0 var(--p-space-800) var(--p-color-bg-fill-magic); } .Polaris-Checkbox__ChoiceLabel:hover .Polaris-Checkbox__Input.Polaris-Checkbox--toneMagic:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__ChoiceLabel:hover .Polaris-Checkbox__Input.Polaris-Checkbox--toneMagic.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop{ border-color:var(--p-color-bg-fill-magic); background-color:var(--p-color-bg-fill-magic); box-shadow:inset 0 0 0 var(--p-space-800) var(--p-color-bg-fill-magic); } .Polaris-Checkbox__Backdrop{ border: var(--p-border-width-050) solid var(--p-color-input-border); background-color: var(--p-color-bg-surface); border-radius: var(--p-border-radius-100); position:relative; display:block; width:100%; height:100%; border:var(--p-border-width-0165) solid var(--p-color-input-border); } .Polaris-Checkbox__Backdrop.Polaris-Checkbox--hover,.Polaris-Checkbox__Backdrop:hover { cursor: pointer; border-color: var(--p-color-border-hover); } .Polaris-Checkbox__Backdrop:hover{ border-color:var(--p-color-input-border-hover); } .Polaris-Checkbox__Icon{ position:absolute; transform-origin:50% 50%; pointer-events:none; opacity:0; transition:opacity var(--p-motion-duration-100) var(--p-motion-ease-out), transform var(--p-motion-duration-100) var(--p-motion-ease-out); top:calc(var(--p-space-050)*-1); left:calc(var(--p-space-050)*-1); bottom:calc(var(--p-space-050)*-1); right:calc(var(--p-space-050)*-1); } .Polaris-Checkbox__Icon.Polaris-Checkbox--animated{ top:0; left:0; bottom:0; right:0; margin:var(--p-space-050); transition:initial; } .Polaris-Checkbox__Icon svg{ color:var(--p-color-text-brand-on-bg-fill); position:absolute; top:0; left:0; bottom:0; right:0; } @media (-ms-high-contrast: active){ .Polaris-Checkbox__Icon{ fill:windowText; } } .Polaris-Checkbox--error .Polaris-Checkbox__Icon svg{ color:var(--p-color-text-critical-on-bg-fill); } .Polaris-Checkbox--error .Polaris-Checkbox__Input + .Polaris-Checkbox__Backdrop{ border-color: var(--p-color-border-critical); background-color: var(--p-color-bg-fill-critical-secondary); background-color:var(--p-color-bg-surface-critical); box-shadow:inset 0 0 0 var(--p-border-width-0165) var(--p-color-bg-fill-critical-active); } .Polaris-Checkbox--error .Polaris-Checkbox__Input + .Polaris-Checkbox__Backdrop.Polaris-Checkbox--hover, .Polaris-Checkbox--error .Polaris-Checkbox__Input + .Polaris-Checkbox__Backdrop:hover { border-color: var(--p-color-border-critical); } .Polaris-Checkbox--error .Polaris-Checkbox__Input + .Polaris-Checkbox__Backdrop::before { background-color: var(--p-color-border-critical); } .Polaris-Checkbox--error .Polaris-Checkbox__Backdrop:active{ box-shadow:inset 0 0 0 var(--p-space-050) var(--p-color-bg-fill-critical-active); } .Polaris-Checkbox--error .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox--error .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop{ background-color:var(--p-color-bg-fill-critical-selected); box-shadow:inset 0 0 0 var(--p-space-300) var(--p-color-bg-fill-critical-selected); } .Polaris-Checkbox--error .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop{ background-color:var(--p-color-border-critical); box-shadow:inset 0 0 0 var(--p-space-050) var(--p-color-bg-fill-critical-active); } .Polaris-Checkbox--error .Polaris-Checkbox__Input:focus-visible + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__ChoiceLabel:hover .Polaris-Checkbox--error .Polaris-Checkbox__Input:focus-visible + .Polaris-Checkbox__Backdrop{ border-color:var(--p-color-border-critical-secondary); background-color:var(--p-color-bg-surface-critical); } .Polaris-Checkbox--animated svg > path{ stroke-dasharray:2; stroke-dashoffset:2; } .Polaris-Checkbox--animated svg > path.Polaris-Checkbox--checked{ animation-name:Polaris-Checkbox--pathAnimation; animation-duration:var(--p-motion-duration-150); animation-fill-mode:forwards; animation-timing-function:linear; animation-direction:normal; animation-iteration-count:1; opacity:1; } @keyframes Polaris-Checkbox--pathAnimation{ from{ stroke-dashoffset:2; } to{ stroke-dashoffset:0; } } .Polaris-Listbox-TextOption{ margin:var(--p-space-100) var(--p-space-200) 0; flex:1 1; border-radius:var(--p-border-radius-200); padding:var(--p-space-150) var(--p-space-300); cursor:pointer; display:flex; position: relative; } .Polaris-Listbox-TextOption::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--allowMultiple{ margin:var(--p-space-100) var(--p-space-200) 0; padding:var(--p-space-100) var(--p-space-200); } .Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--isAction{ margin-top:var(--p-space-100); } .Polaris-Listbox-TextOption:hover{ background-color:var(--p-color-bg-surface-hover); } .Polaris-Listbox-TextOption:hover:not(.Polaris-Listbox-TextOption--disabled){ background-color:var(--p-color-bg-surface-secondary-hover); } .Polaris-Listbox-TextOption:focus{ outline:none; } .Polaris-Listbox-TextOption:active{ background-color:var(--p-color-bg-surface-active); } .Polaris-Listbox-TextOption:active:not(.Polaris-Listbox-TextOption--disabled){ background-color:var(--p-color-bg-surface-secondary-active); } .Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--selected{ background-color:var(--p-color-bg-surface-secondary-selected); font-weight:var(--p-font-weight-semibold); } .Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--selected svg{ fill:var(--p-color-icon-active); } .Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--selected::before{ content:none; position:absolute; top:0; bottom:0; left:calc(var(--p-space-100)*-1); height:100%; width:var(--p-border-radius-100); background-color:var(--p-color-bg-fill-brand); border-top-right-radius:var(--p-border-radius-100); border-bottom-right-radius:var(--p-border-radius-100); transform:translateX(-100%); } .Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--disabled{ background-color:transparent; color:var(--p-color-text-disabled); cursor:default; } li:first-of-type > .Polaris-Listbox-TextOption{ margin-top:0; } [data-focused] .Polaris-Listbox-TextOption:not(.Polaris-Listbox-TextOption--disabled){ outline:none; background-color:var(--p-color-bg-surface-secondary-selected); transition:background-color var(--p-motion-duration-400); } .Polaris-Listbox-TextOption__Content{ flex:1 1 auto; display:flex; } .Polaris-Listbox-TextOption__Checkbox{ pointer-events:none; } .Polaris-Listbox-Option{ display:flex; margin:0; padding:0; } .Polaris-Listbox-Option:focus{ outline:none; } .Polaris-Listbox-Option--divider{ border-bottom:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-Listbox-Loading__ListItem{ padding:0; margin:0; } .Polaris-Listbox-Loading{ padding:var(--p-space-200) var(--p-space-400); display:grid; place-items:center; } .Polaris-Listbox-Action{ display:flex; flex:1 1; } .Polaris-Listbox-Action__ActionDivider{ margin-bottom:var(--p-space-100); } .Polaris-Listbox-Action__Icon{ padding-right:var(--p-space-200); } .Polaris-Listbox{ padding:0; margin:0; list-style:none; max-width:100%; } .Polaris-Listbox:focus{ outline:none; } .Polaris-Autocomplete-MappedOption__Content{ display:flex; flex:1 1; word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; } .Polaris-Autocomplete-MappedOption__Media{ padding:0 var(--p-space-200); } .Polaris-Autocomplete-MappedOption__Media svg{ fill:var(--p-color-icon); } .Polaris-Autocomplete-MappedOption--singleSelectionMedia{ padding:0 var(--p-space-200) 0 0; } .Polaris-Autocomplete-MappedOption--disabledMedia svg{ fill:var(--p-color-icon-disabled); } .Polaris-Autocomplete-MappedAction__ActionContainer{ --pc-mapped-actions-image-size:1.25rem; --pc-mapped-actions-item-min-height:var(--p-space-1000); --pc-mapped-actions-item-vertical-padding:calc((var(--pc-mapped-actions-item-min-height) - var(--p-font-line-height-500))/2); margin-bottom:var(--p-space-300); } [data-focused] .Polaris-Autocomplete-MappedAction__Action svg{ fill:var(--p-color-icon); } [data-focused] .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--destructive{ background-color:var(--p-color-bg-surface-critical-active); } [data-focused] .Polaris-Autocomplete-MappedAction__Action:hover{ background-color:transparent; } .Polaris-Autocomplete-MappedAction__Action{ position: relative; display:block; flex:1 1; min-height:var(--pc-mapped-actions-item-min-height); text-align:left; cursor:pointer; padding:var(--pc-mapped-actions-item-vertical-padding) var(--p-space-200); margin:calc(var(--pc-mapped-actions-item-vertical-padding)*-1) calc(var(--p-space-300)*-1); border-radius:var(--p-border-radius-200); } .Polaris-Autocomplete-MappedAction__Action::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Autocomplete-MappedAction__Action:hover{ background-color:var(--p-color-bg-surface-hover); text-decoration:none; } @media (-ms-high-contrast: active){ .Polaris-Autocomplete-MappedAction__Action:hover{ outline:var(--p-border-width-025) solid windowText; } } .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--selected{ background-color:var(--p-color-bg-surface-brand-selected); } .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--selected svg{ fill:var(--p-color-icon-emphasis); } .Polaris-Autocomplete-MappedAction__Action:active{ background-color:var(--p-color-bg-surface-active); } .Polaris-Autocomplete-MappedAction__Action:active svg{ fill:var(--p-color-icon-emphasis); } .Polaris-Autocomplete-MappedAction__Action:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--destructive{ color:var(--p-color-text-critical); } .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--destructive svg{ fill:var(--p-color-icon-critical); } .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--destructive:hover{ background-color:var(--p-color-bg-surface-critical-hover); } .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--destructive:active, .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--destructive.Polaris-Autocomplete-MappedAction--selected{ background-color:var(--p-color-bg-surface-critical-active); } .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--disabled{ background-image:none; color:var(--p-color-text-disabled); } .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--disabled .Polaris-Autocomplete-MappedAction__Prefix svg, .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--disabled .Polaris-Autocomplete-MappedAction__Suffix svg{ fill:var(--p-color-icon-disabled); } .Polaris-Autocomplete-MappedAction__Content{ display:flex; align-items:center; } .Polaris-Autocomplete-MappedAction__Prefix{ display:flex; flex:0 0 auto; justify-content:center; align-items:center; height:var(--pc-mapped-actions-image-size); width:var(--pc-mapped-actions-image-size); border-radius:var(--p-border-radius-100); margin:calc(var(--pc-mapped-actions-image-size)*-0.5) var(--p-space-400) calc(var(--pc-mapped-actions-image-size)*-0.5) 0; margin-right:var(--p-space-200); background-size:cover; background-position:center center; } .Polaris-Autocomplete-MappedAction__Prefix svg{ fill:var(--p-color-icon); } .Polaris-Autocomplete-MappedAction__Suffix{ margin-left:var(--p-space-400); } .Polaris-Autocomplete-MappedAction__Suffix svg{ fill:var(--p-color-icon); } .Polaris-Autocomplete-MappedAction__Text{ min-width:0; max-width:100%; flex:1 1 auto; } .Polaris-Autocomplete__Loading{ display:flex; justify-content:center; align-items:center; width:100%; padding:var(--p-space-200) var(--p-space-400); } .Polaris-Autocomplete__SectionWrapper > *:not(:first-child){ margin-top:var(--p-space-200); } [data-lock-scrolling]{ overflow-y:scroll; margin:0; } [data-lock-scrolling][data-lock-scrolling-hidden]{ overflow-y:hidden; } [data-lock-scrolling] [data-lock-scrolling-wrapper]{ overflow:hidden; height:100%; } .Polaris-Backdrop{ position:fixed; z-index:var(--p-z-index-10); top:0; right:0; bottom:0; left:0; display:block; background-color:rgba(0, 0, 0, 0.5); animation:var(--p-motion-keyframes-fade-in) var(--p-motion-duration-200) 1 forwards; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; } .Polaris-Backdrop--transparent{ background-color:transparent; } .Polaris-Backdrop--belowNavigation{ z-index:var(--p-z-index-7); } .Polaris-ButtonGroup{ --pc-button-group-item:10; --pc-button-group-focused:20; display:flex; flex-wrap:wrap; align-items:center; margin-top:calc(var(--p-space-200)*-1); margin-left:calc(var(--p-space-200)*-1); } .Polaris-ButtonGroup__Item{ margin-top:var(--p-space-200); margin-left:var(--p-space-200); } .Polaris-ButtonGroup__Item--plain:not(:first-child){ margin-left:var(--p-space-200); } .Polaris-ButtonGroup__Item--plain:not(:last-child){ margin-right:var(--p-space-200); } .Polaris-ButtonGroup--variantSegmented{ display:flex; flex-wrap:nowrap; margin-top:0; margin-left:0; } .Polaris-ButtonGroup--variantSegmented .Polaris-ButtonGroup__Item{ position:relative; margin-top:0; margin-left:0; line-height:1; } .Polaris-ButtonGroup--variantSegmented .Polaris-ButtonGroup__Item:not(:first-child){ margin-left:calc(var(--p-space-025)*-1); } .Polaris-ButtonGroup--variantSegmented [aria-pressed='true']{ z-index:var(--pc-button-group-item); } .Polaris-ButtonGroup--variantSegmented .Polaris-ButtonGroup__Item--focused{ z-index:var(--pc-button-group-focused); } .Polaris-ButtonGroup--fullWidth .Polaris-ButtonGroup__Item{ flex:1 1 auto; } .Polaris-ButtonGroup--extraTight{ margin-top:calc(var(--p-space-100)*-1); margin-left:calc(var(--p-space-100)*-1); } .Polaris-ButtonGroup--extraTight .Polaris-ButtonGroup__Item{ margin-top:var(--p-space-100); margin-left:var(--p-space-100); } .Polaris-ButtonGroup--tight{ margin-top:calc(var(--p-space-200)*-1); margin-left:calc(var(--p-space-200)*-1); } .Polaris-ButtonGroup--tight .Polaris-ButtonGroup__Item{ margin-top:var(--p-space-200); margin-left:var(--p-space-200); } .Polaris-ButtonGroup--loose{ margin-top:calc(var(--p-space-500)*-1); margin-left:calc(var(--p-space-500)*-1); } .Polaris-ButtonGroup--loose .Polaris-ButtonGroup__Item{ margin-top:var(--p-space-500); margin-left:var(--p-space-500); } .Polaris-ButtonGroup--noWrap{ display:flex; flex-wrap:nowrap; } .Polaris-Banner{ background-color:var(--p-color-bg-surface); position:relative; display:flex; } .Polaris-Banner:focus{ outline:none; } .Polaris-Banner.Polaris-Banner--keyFocused{ outline:var(--p-border-width-050) solid var(--p-color-border-focus); } .Polaris-Banner--withinContentContainer{ border-radius:var(--p-border-radius-200); } .Polaris-Banner--withinContentContainer + .Polaris-Banner{ margin-top:var(--p-space-200); } .Polaris-Banner--withinPage{ position: relative; box-shadow: var(--p-shadow-200); border-radius: var(--p-border-radius-0); } .Polaris-Banner--withinPage::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; box-shadow: var(--p-shadow-bevel-100); border-radius: var(--p-border-radius-0); pointer-events: none; mix-blend-mode: luminosity; } @media (min-width: 30.625em){ .Polaris-Banner--withinPage{ position: relative; box-shadow: var(--p-shadow-200); border-radius: var(--p-border-radius-300); } .Polaris-Banner--withinPage::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; box-shadow: var(--p-shadow-bevel-100); border-radius: var(--p-border-radius-300); pointer-events: none; mix-blend-mode: luminosity; } } .Polaris-Banner--withinPage + .Polaris-Banner{ margin-top:var(--p-space-400); } .Polaris-Banner__DismissIcon{ display:flex; } .Polaris-Banner--textSuccessOnBgFill.Polaris-Banner--textSuccessOnBgFill.Polaris-Banner--textSuccessOnBgFill svg, .Polaris-Banner--textSuccessOnBgFill.Polaris-Banner--textSuccessOnBgFill.Polaris-Banner--textSuccessOnBgFill path{ fill:var(--p-color-text-success-on-bg-fill); } .Polaris-Banner__text--success.Polaris-Banner__text--success.Polaris-Banner__text--success svg, .Polaris-Banner__text--success.Polaris-Banner__text--success.Polaris-Banner__text--success path{ fill:var(--p-color-text-success); } .Polaris-Banner--textWarningOnBgFill.Polaris-Banner--textWarningOnBgFill.Polaris-Banner--textWarningOnBgFill svg, .Polaris-Banner--textWarningOnBgFill.Polaris-Banner--textWarningOnBgFill.Polaris-Banner--textWarningOnBgFill path{ fill:var(--p-color-text-warning-on-bg-fill); } .Polaris-Banner__text--warning.Polaris-Banner__text--warning.Polaris-Banner__text--warning svg, .Polaris-Banner__text--warning.Polaris-Banner__text--warning.Polaris-Banner__text--warning path{ fill:var(--p-color-text-warning); } .Polaris-Banner--textCriticalOnBgFill.Polaris-Banner--textCriticalOnBgFill.Polaris-Banner--textCriticalOnBgFill svg, .Polaris-Banner--textCriticalOnBgFill.Polaris-Banner--textCriticalOnBgFill.Polaris-Banner--textCriticalOnBgFill path{ fill:var(--p-color-text-critical-on-bg-fill); } .Polaris-Banner__text--critical.Polaris-Banner__text--critical.Polaris-Banner__text--critical svg, .Polaris-Banner__text--critical.Polaris-Banner__text--critical.Polaris-Banner__text--critical path{ fill:var(--p-color-text-critical); } .Polaris-Banner--textInfoOnBgFill.Polaris-Banner--textInfoOnBgFill.Polaris-Banner--textInfoOnBgFill svg, .Polaris-Banner--textInfoOnBgFill.Polaris-Banner--textInfoOnBgFill.Polaris-Banner--textInfoOnBgFill path{ fill:var(--p-color-text-info-on-bg-fill); } .Polaris-Banner__text--info.Polaris-Banner__text--info.Polaris-Banner__text--info svg, .Polaris-Banner__text--info.Polaris-Banner__text--info.Polaris-Banner__text--info path{ fill:var(--p-color-text-info); } .Polaris-Banner__icon--secondary.Polaris-Banner__icon--secondary.Polaris-Banner__icon--secondary svg, .Polaris-Banner__icon--secondary.Polaris-Banner__icon--secondary.Polaris-Banner__icon--secondary path{ fill:var(--p-color-icon-secondary); } .Polaris-Bleed{ --pc-bleed-margin-block-start-xs:initial; --pc-bleed-margin-block-start-sm:var(--pc-bleed-margin-block-start-xs); --pc-bleed-margin-block-start-md:var(--pc-bleed-margin-block-start-sm); --pc-bleed-margin-block-start-lg:var(--pc-bleed-margin-block-start-md); --pc-bleed-margin-block-start-xl:var(--pc-bleed-margin-block-start-lg); --pc-bleed-margin-block-end-xs:initial; --pc-bleed-margin-block-end-sm:var(--pc-bleed-margin-block-end-xs); --pc-bleed-margin-block-end-md:var(--pc-bleed-margin-block-end-sm); --pc-bleed-margin-block-end-lg:var(--pc-bleed-margin-block-end-md); --pc-bleed-margin-block-end-xl:var(--pc-bleed-margin-block-end-lg); --pc-bleed-margin-inline-start-xs:initial; --pc-bleed-margin-inline-start-sm:var(--pc-bleed-margin-inline-start-xs); --pc-bleed-margin-inline-start-md:var(--pc-bleed-margin-inline-start-sm); --pc-bleed-margin-inline-start-lg:var(--pc-bleed-margin-inline-start-md); --pc-bleed-margin-inline-start-xl:var(--pc-bleed-margin-inline-start-lg); --pc-bleed-margin-inline-end-xs:initial; --pc-bleed-margin-inline-end-sm:var(--pc-bleed-margin-inline-end-xs); --pc-bleed-margin-inline-end-md:var(--pc-bleed-margin-inline-end-sm); --pc-bleed-margin-inline-end-lg:var(--pc-bleed-margin-inline-end-md); --pc-bleed-margin-inline-end-xl:var(--pc-bleed-margin-inline-end-lg); margin-block-start:calc(var(--pc-bleed-margin-block-start-xs)*-1); margin-block-end:calc(var(--pc-bleed-margin-block-end-xs)*-1); margin-inline-start:calc(var(--pc-bleed-margin-inline-start-xs)*-1); margin-inline-end:calc(var(--pc-bleed-margin-inline-end-xs)*-1); } @media (min-width: 30.625em){ .Polaris-Bleed{ margin-block-start:calc(var(--pc-bleed-margin-block-start-sm)*-1); margin-block-end:calc(var(--pc-bleed-margin-block-end-sm)*-1); margin-inline-start:calc(var(--pc-bleed-margin-inline-start-sm)*-1); margin-inline-end:calc(var(--pc-bleed-margin-inline-end-sm)*-1); } } @media (min-width: 48em){ .Polaris-Bleed{ margin-block-start:calc(var(--pc-bleed-margin-block-start-md)*-1); margin-block-end:calc(var(--pc-bleed-margin-block-end-md)*-1); margin-inline-start:calc(var(--pc-bleed-margin-inline-start-md)*-1); margin-inline-end:calc(var(--pc-bleed-margin-inline-end-md)*-1); } } @media (min-width: 65em){ .Polaris-Bleed{ margin-block-start:calc(var(--pc-bleed-margin-block-start-lg)*-1); margin-block-end:calc(var(--pc-bleed-margin-block-end-lg)*-1); margin-inline-start:calc(var(--pc-bleed-margin-inline-start-lg)*-1); margin-inline-end:calc(var(--pc-bleed-margin-inline-end-lg)*-1); } } @media (min-width: 90em){ .Polaris-Bleed{ margin-block-start:calc(var(--pc-bleed-margin-block-start-xl)*-1); margin-block-end:calc(var(--pc-bleed-margin-block-end-xl)*-1); margin-inline-start:calc(var(--pc-bleed-margin-inline-start-xl)*-1); margin-inline-end:calc(var(--pc-bleed-margin-inline-end-xl)*-1); } } .Polaris-CheckableButton{ color:var(--p-color-text); display:flex; align-items:center; gap:calc(var(--p-space-300) + var(--p-space-025)); margin:0; cursor:pointer; -webkit-user-select:none; user-select:none; text-decoration:none; text-align:left; border-radius:var(--p-border-radius-100); width:auto; min-height:auto; min-width:auto; height:100%; } .Polaris-CheckableButton svg{ fill:var(--p-color-text-brand-on-bg-fill); } .Polaris-CheckableButton:hover, .Polaris-CheckableButton:active{ background:transparent; } .Polaris-CheckableButton:focus{ outline:none; } .Polaris-CheckableButton__Checkbox{ pointer-events:none; display:flex; } .Polaris-CheckableButton__Label{ display:flex; align-items:center; flex:1 1; white-space:nowrap; overflow:hidden; max-width:100%; text-overflow:ellipsis; padding:var(--p-space-025) 0; } .Polaris-Indicator{ --pc-indicator-size:0.625rem; --pc-indicator-base-position:calc(var(--p-space-100)*-1); } .Polaris-Indicator::before, .Polaris-Indicator::after{ content:''; position:absolute; background-color:var(--p-color-border-info); right:var(--pc-indicator-base-position); top:var(--pc-indicator-base-position); width:var(--pc-indicator-size); height:var(--pc-indicator-size); border-radius:var(--p-border-radius-full); border:calc(var(--pc-indicator-size)/2) solid transparent; } .Polaris-Indicator--pulseIndicator::before{ z-index:1; animation:var(--p-motion-keyframes-bounce) var(--p-motion-duration-5000) ease infinite; } .Polaris-Indicator--pulseIndicator::after{ right:var(--pc-indicator-base-position); top:var(--pc-indicator-base-position); animation:var(--p-motion-keyframes-pulse) var(--p-motion-duration-5000) ease infinite; } .Polaris-BulkActions__BulkActionsOuterLayout{ position:relative; flex:1 1; width:100%; } .Polaris-BulkActions__BulkActionsSelectAllWrapper{ min-height:1.5rem; display:flex; align-items:center; gap:var(--p-space-200); } .Polaris-BulkActions__BulkActionsPromotedActionsWrapper{ flex:1 1; } .Polaris-BulkActions__BulkActionsLayout{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1 1 auto; gap:var(--p-space-100); } .Polaris-BulkActions__BulkActionsLayout > *{ flex:0 0 auto; } .Polaris-BulkActions--bulkActionsLayoutMeasuring{ visibility:hidden; height:0; } .Polaris-BulkActions__BulkActionsMeasurerLayout{ position:absolute; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1 1 auto; gap:0; padding:0; visibility:hidden; height:0; width:100%; } .Polaris-BulkActions__BulkActionsMeasurerLayout > *{ flex:0 0 auto; } .Polaris-BulkActions__BulkActionButton{ white-space:nowrap; } .Polaris-BulkActions__BulkActionButton button{ display:flex; } .Polaris-BulkActions--disabled{ transition:none; box-shadow:none; border-color:var(--p-color-border-disabled); background:var(--p-color-bg-fill-disabled); color:var(--p-color-text-disabled); cursor:default; pointer-events:none; } .Polaris-BulkActions--disabled svg{ fill:var(--p-color-icon-disabled); } .Polaris-BulkActions__AllAction{ border:0; background:none; padding:0; cursor:pointer; color:var(--p-color-text-emphasis); outline:none; position: relative; } .Polaris-BulkActions__AllAction::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-BulkActions__AllAction:hover, .Polaris-BulkActions__AllAction:focus{ color:var(--p-color-text-emphasis-hover); } .Polaris-BulkActions__AllAction:active{ color:var(--p-color-text-emphasis-active); } .Polaris-BulkActions__AllAction:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-LegacyCard{ background-color:var(--p-color-bg-surface); box-shadow:var(--p-shadow-300); outline:var(--p-border-width-025) solid transparent; overflow:clip; position: relative; box-shadow: var(--p-shadow-100); border-radius: var(--p-border-radius-0); } .Polaris-LegacyCard::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; box-shadow: var(--p-shadow-bevel-100); border-radius: var(--p-border-radius-0); pointer-events: none; mix-blend-mode: luminosity; } .Polaris-LegacyCard + .Polaris-LegacyCard{ margin-top:var(--p-space-400); } @media print{ .Polaris-LegacyCard + .Polaris-LegacyCard{ margin-top:calc(var(--p-space-200)*-1); } } @media (min-width: 30.625em){ .Polaris-LegacyCard{ border-radius:var(--p-border-radius-200); position: relative; box-shadow: var(--p-shadow-100); border-radius: var(--p-border-radius-300); } .Polaris-LegacyCard::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; box-shadow: var(--p-shadow-bevel-100); border-radius: var(--p-border-radius-300); pointer-events: none; mix-blend-mode: luminosity; } .Polaris-LegacyCard .Polaris-LegacyCard__Section:first-child{ border-top-left-radius:var(--p-border-radius-300); border-top-right-radius:var(--p-border-radius-300); } .Polaris-LegacyCard .Polaris-LegacyCard__Section:last-child{ border-bottom-left-radius:var(--p-border-radius-300); border-bottom-right-radius:var(--p-border-radius-300); } } @media print{ .Polaris-LegacyCard{ position: relative; box-shadow: none; border-radius: var(--p-border-radius-0); border: none; } .Polaris-LegacyCard::before { content: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; box-shadow: var(--p-shadow-bevel-100); border-radius: var(--p-border-radius-0); pointer-events: none; mix-blend-mode: luminosity; } } .Polaris-LegacyCard--subdued{ background-color:var(--p-color-bg-surface-secondary); } @media print{ .Polaris-LegacyCard__Section--hideOnPrint, .Polaris-LegacyCard--hideOnPrint{ display:none !important; } } .Polaris-LegacyCard__Header{ padding:var(--p-space-400) var(--p-space-400) 0; } @media (min-width: 30.625em){ .Polaris-LegacyCard__Header{ padding:var(--p-space-200) var(--p-space-400) 0; } } @media print and (min-width: 30.625em){ .Polaris-LegacyCard__Header{ padding:var(--p-space-200) var(--p-space-400) 0; } } .Polaris-LegacyCard__Section{ padding:var(--p-space-200) var(--p-space-400); } @media (min-width: 30.625em){ .Polaris-LegacyCard__Section{ padding:var(--p-space-200) var(--p-space-400); } } .Polaris-LegacyCard__Section + .Polaris-LegacyCard__Section{ border-top:0; } @media print{ .Polaris-LegacyCard__Section + .Polaris-LegacyCard__Section{ border-top:0; } .Polaris-LegacyCard__Section{ padding-top:var(--p-space-100); padding-bottom:var(--p-space-100); } } .Polaris-LegacyCard__Section--fullWidth{ padding:var(--p-space-400) 0; } @media (min-width: 30.625em){ .Polaris-LegacyCard__Section--fullWidth{ padding:var(--p-space-400) 0; } } .Polaris-LegacyCard__Section--flush{ padding:0; } @media (min-width: 30.625em){ .Polaris-LegacyCard__Section--flush{ padding:0; } } .Polaris-LegacyCard__Section--subdued{ background-color:var(--p-color-bg-surface-secondary); padding:var(--p-space-300) var(--p-space-400); } @media (-ms-high-contrast: active){ .Polaris-LegacyCard__Section--subdued{ background-color:transparent; } } .Polaris-LegacyCard__Header + .Polaris-LegacyCard__Section--subdued{ border-top:0; margin-top:0; } .Polaris-LegacyCard__Section--subdued:last-child{ padding:var(--p-space-400); } @media print{ .Polaris-LegacyCard__Section--subdued:last-child{ padding-top:var(--p-space-200); padding-bottom:var(--p-space-200); } } .Polaris-LegacyCard__SectionHeader{ padding-bottom:var(--p-space-200); } .Polaris-LegacyCard__Section--fullWidth .Polaris-LegacyCard__SectionHeader{ padding-left:var(--p-space-400); padding-right:var(--p-space-400); } @media (min-width: 30.625em){ .Polaris-LegacyCard__Section--fullWidth .Polaris-LegacyCard__SectionHeader{ padding-left:var(--p-space-400); padding-right:var(--p-space-400); } } .Polaris-LegacyCard__Subsection + .Polaris-LegacyCard__Subsection{ border-top:0; margin-top:0; padding-top:var(--p-space-200); } @media print{ .Polaris-LegacyCard__Subsection + .Polaris-LegacyCard__Subsection{ border-top:0; } .Polaris-LegacyCard__Subsection{ padding-top:var(--p-space-100); padding-bottom:var(--p-space-100); } } .Polaris-LegacyCard__Footer{ display:flex; justify-content:flex-end; padding:0 var(--p-space-400) var(--p-space-400); } @media (min-width: 30.625em){ .Polaris-LegacyCard__Footer{ padding:0 var(--p-space-400) var(--p-space-400); } } .Polaris-LegacyCard__Footer.Polaris-LegacyCard__LeftJustified{ justify-content:flex-start; } .Polaris-LegacyCard__Section--subdued + .Polaris-LegacyCard__Footer{ padding:var(--p-space-400); border-top:0; } .Polaris-LegacyCard__FirstSectionPadding{ padding-top:var(--p-space-400); } .Polaris-LegacyCard__LastSectionPadding{ padding-bottom:var(--p-space-400); } .Polaris-LegacyStack{ --pc-stack-spacing:var(--p-space-400); display:flex; flex-wrap:wrap; align-items:stretch; margin-top:calc(var(--pc-stack-spacing)*-1); margin-left:calc(var(--pc-stack-spacing)*-1); } .Polaris-LegacyStack > .Polaris-LegacyStack__Item{ margin-top:var(--pc-stack-spacing); margin-left:var(--pc-stack-spacing); max-width:100%; } .Polaris-LegacyStack--noWrap{ flex-wrap:nowrap; } .Polaris-LegacyStack--spacingNone{ --pc-stack-spacing:0; } .Polaris-LegacyStack--spacingExtraTight{ --pc-stack-spacing:var(--p-space-100); } .Polaris-LegacyStack--spacingTight{ --pc-stack-spacing:var(--p-space-200); } .Polaris-LegacyStack--spacingBaseTight{ --pc-stack-spacing:var(--p-space-300); } .Polaris-LegacyStack--spacingLoose{ --pc-stack-spacing:var(--p-space-500); } .Polaris-LegacyStack--spacingExtraLoose{ --pc-stack-spacing:var(--p-space-800); } .Polaris-LegacyStack--distributionLeading{ justify-content:flex-start; } .Polaris-LegacyStack--distributionTrailing{ justify-content:flex-end; } .Polaris-LegacyStack--distributionCenter{ justify-content:center; } .Polaris-LegacyStack--distributionEqualSpacing{ justify-content:space-between; } .Polaris-LegacyStack--distributionFill > .Polaris-LegacyStack__Item{ flex:1 1 auto; } .Polaris-LegacyStack--distributionFillEvenly > .Polaris-LegacyStack__Item{ flex:1 1 auto; } @supports ((min-width: -webkit-fit-content) or (min-width: fit-content)){ .Polaris-LegacyStack--distributionFillEvenly > .Polaris-LegacyStack__Item{ flex:1 0; min-width:-webkit-fit-content; min-width:fit-content; } } .Polaris-LegacyStack--alignmentLeading{ align-items:flex-start; } .Polaris-LegacyStack--alignmentTrailing{ align-items:flex-end; } .Polaris-LegacyStack--alignmentCenter{ align-items:center; } .Polaris-LegacyStack--alignmentFill{ align-items:stretch; } .Polaris-LegacyStack--alignmentBaseline{ align-items:baseline; } .Polaris-LegacyStack--vertical{ flex-direction:column; margin-left:0; } .Polaris-LegacyStack--vertical > .Polaris-LegacyStack__Item{ margin-left:0; } .Polaris-LegacyStack__Item{ flex:0 0 auto; min-width:0; } .Polaris-LegacyStack__Item--fill{ flex:1 1 auto; } .Polaris-CalloutCard{ display:flex; align-items:center; } .Polaris-CalloutCard__Image{ display:none; flex:0 0 auto; width:6.25rem; } @media (min-width: 30.625em){ .Polaris-CalloutCard__Image{ display:block; margin-left:var(--p-space-500); } } .Polaris-CalloutCard__DismissImage{ margin-right:var(--p-space-500); } .Polaris-CalloutCard__Content{ flex:1 1 auto; } .Polaris-CalloutCard__Title{ margin-bottom:var(--p-space-200); } .Polaris-CalloutCard__Buttons{ margin-top:var(--p-space-200); } .Polaris-CalloutCard__Container{ position:relative; } .Polaris-CalloutCard__Dismiss{ right:var(--p-space-300); top:var(--p-space-400); position:absolute; } .Polaris-CalloutCard__Dismiss svg{ fill:var(--p-color-icon-secondary); } .Polaris-CalloutCard--hasDismiss{ padding-right:calc(var(--p-space-800) + var(--p-space-300)); } .Polaris-RadioButton{ position:relative; margin:var(--p-space-025); } .Polaris-RadioButton__Input{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .Polaris-RadioButton__Input:focus-visible + .Polaris-RadioButton__Backdrop{ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-025); } .Polaris-RadioButton__Input:focus-visible + .Polaris-RadioButton__Backdrop::after{ border-radius:var(--p-border-radius-full); } .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__ChoiceLabel:hover .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop{ border-color:var(--p-color-border-emphasis); } .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop::before, .Polaris-RadioButton__ChoiceLabel:hover .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop::before{ background-color:var(--p-color-text-brand-on-bg-fill); transition:opacity var(--p-motion-duration-150) var(--p-motion-ease-out), transform var(--p-motion-duration-150) var(--p-motion-ease-out); opacity:1; transform:translate(-50%, -50%) scale(1); } .Polaris-RadioButton__Input:checked:not([disabled]) + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__ChoiceLabel:hover .Polaris-RadioButton__Input:checked:not([disabled]) + .Polaris-RadioButton__Backdrop{ background-color:var(--p-color-bg-fill-brand-selected); border-color:var(--p-color-bg-fill-brand-selected); } .Polaris-RadioButton__Input.Polaris-RadioButton--toneMagic:checked:not([disabled]) + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__ChoiceLabel:hover .Polaris-RadioButton__Input.Polaris-RadioButton--toneMagic:checked:not([disabled]) + .Polaris-RadioButton__Backdrop{ background-color:var(--p-color-bg-fill-magic); border-color:var(--p-color-bg-fill-magic); } .Polaris-RadioButton__Input.Polaris-RadioButton--toneMagic:checked:not([disabled]) + .Polaris-RadioButton__Backdrop::before, .Polaris-RadioButton__ChoiceLabel:hover .Polaris-RadioButton__Input.Polaris-RadioButton--toneMagic:checked:not([disabled]) + .Polaris-RadioButton__Backdrop::before{ background-color:var(--p-color-text-magic-on-bg-fill); } .Polaris-RadioButton__ChoiceLabel:hover .Polaris-RadioButton__Input + .Polaris-RadioButton__Backdrop{ cursor:pointer; border-color:var(--p-color-input-border-hover); background:var(--p-color-input-bg-surface-hover); } .Polaris-RadioButton__ChoiceLabel:active .Polaris-RadioButton__Input + .Polaris-RadioButton__Backdrop{ border-color:var(--p-color-bg-fill-brand); border-width:var(--p-border-width-050); } .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__ChoiceLabel:hover .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop{ cursor:default; background-color:var(--p-color-radio-button-bg-surface-disabled); border:none; } .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop::before, .Polaris-RadioButton__ChoiceLabel:hover .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop::before{ background-color:var(--p-color-border-disabled); } .Polaris-RadioButton__Input:disabled:checked + .Polaris-RadioButton__Backdrop::before, .Polaris-RadioButton__ChoiceLabel:hover .Polaris-RadioButton__Input:disabled:checked + .Polaris-RadioButton__Backdrop::before{ background-color:var(--p-color-radio-button-icon-disabled); } .Polaris-RadioButton__Backdrop{ --pc-icon-size-small:0.5rem; position:relative; top:0; left:0; display:block; width:100%; height:100%; border:var(--p-border-width-0165) solid var(--p-color-input-border); border-radius:var(--p-border-radius-full); background-color:var(--p-color-input-bg-surface); transition:border-color var(--p-motion-duration-100) var(--p-motion-ease-out); } @media (max-width: 47.9975em){ .Polaris-RadioButton__Backdrop{ --pc-icon-size-small:0.625rem; } } .Polaris-RadioButton__Backdrop::before{ content:''; position:absolute; top:50%; left:50%; opacity:0; transform:translate(-50%, -50%) scale(0.1); transform-origin:50% 50%; height:var(--pc-icon-size-small); width:var(--pc-icon-size-small); background-color:var(--p-color-bg-fill-brand); border-radius:var(--p-border-radius-full); transition:opacity var(--p-motion-duration-100) var(--p-motion-ease-out), transform var(--p-motion-duration-100) var(--p-motion-ease-out); } @media (forced-colors: active){ .Polaris-RadioButton__Backdrop::before{ border:var(--p-border-width-100) solid transparent; } } .Polaris-RadioButton__Backdrop{ position: relative; } .Polaris-RadioButton__Backdrop::after { content: ''; position: absolute; z-index: 1; top: calc(var(--p-border-width-050)*-1 + -0.0625rem); right: calc(var(--p-border-width-050)*-1 + -0.0625rem); bottom: calc(var(--p-border-width-050)*-1 + -0.0625rem); left: calc(var(--p-border-width-050)*-1 + -0.0625rem); display: block; pointer-events: none; box-shadow: 0 0 0 calc(var(--p-border-width-050)*-1 + -0.0625rem) var(--p-color-border-focus); border-radius: var(--p-border-radius-100); border-radius:var(--p-border-radius-full); } .Polaris-ChoiceList__ChoiceChildren{ padding-left:calc(var(--p-space-200) + 1.25rem); } .Polaris-Collapsible{ padding-top:0; padding-bottom:0; max-height:0; overflow:hidden; transition-property:max-height; transition-duration:var(--p-motion-duration-100); transition-timing-function:var(--p-motion-ease-out); } .Polaris-Collapsible--isFullyClosed{ display:none; } @media print{ .Polaris-Collapsible--expandOnPrint{ max-height:none !important; max-width:none !important; overflow:visible; display:block; } } .Polaris-Collapsible--inline{ max-height:none; transition-property:max-width; } .Polaris-Collapsible--inline.Polaris-Collapsible--animateIn{ max-width:0; } .Polaris-ColorPicker{ --pc-color-picker-size:10rem; --pc-color-picker-dragger-size:1.125rem; --pc-color-picker-z-index:10; --pc-color-picker-adjustments:20; --pc-color-picker-dragger:30; --pc-color-picker-inner-shadow:inset 0 0 0.125rem 0 rgba(0, 0, 0, 0.5); --pc-color-picker-dragger-shadow:inset 0 0.0625rem 0.125rem 0 rgba(33, 43, 54, 0.32), 0 0.0625rem 0.125rem 0 rgba(33, 43, 54, 0.32); --pc-color-picker-checkers:repeating-conic-gradient( var(--p-color-bg-surface) 0% 25%, var(--p-color-bg-surface-secondary) 0% 50% ) 50% / var(--p-space-400) var(--p-space-400); -webkit-user-select:none; user-select:none; display:flex; } .Polaris-ColorPicker__MainColor{ background:var(--pc-color-picker-checkers); position:relative; overflow:hidden; height:var(--pc-color-picker-size); width:var(--pc-color-picker-size); border-radius:var(--p-border-radius-100); cursor:pointer; } .Polaris-ColorPicker--fullWidth .Polaris-ColorPicker__MainColor{ width:auto; flex-grow:1; } .Polaris-ColorPicker__MainColor .Polaris-ColorPicker__Dragger{ right:calc(var(--pc-color-picker-dragger-size)*0.5); margin:0; box-shadow:var(--pc-color-picker-dragger-shadow); } .Polaris-ColorPicker__MainColor .Polaris-ColorPicker__ColorLayer{ border-radius:var(--p-border-radius-100); } .Polaris-ColorPicker__MainColor::after, .Polaris-ColorPicker__MainColor::before{ content:''; position:absolute; z-index:var(--pc-color-picker-adjustments); top:0; left:0; display:block; height:100%; width:100%; pointer-events:none; border-radius:var(--p-border-radius-100); } .Polaris-ColorPicker__MainColor::before{ background:linear-gradient(to right, white, transparent); } .Polaris-ColorPicker__MainColor::after{ background-image:linear-gradient(to top, black, transparent); box-shadow:var(--pc-color-picker-inner-shadow); } @media (-ms-high-contrast: active){ .Polaris-ColorPicker__MainColor{ outline:var(--p-border-width-025) solid windowText; } } .Polaris-ColorPicker__Dragger{ position:relative; z-index:var(--pc-color-picker-dragger); bottom:calc(var(--pc-color-picker-dragger-size)*0.5); transform:none; height:var(--pc-color-picker-dragger-size); width:var(--pc-color-picker-dragger-size); margin:0 auto; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; background:transparent; border:var(--p-border-radius-100) solid var(--p-color-bg-surface); border-radius:var(--p-border-radius-full); pointer-events:none; box-shadow:var(--pc-color-picker-dragger-shadow); } .Polaris-ColorPicker__HuePicker, .Polaris-ColorPicker__AlphaPicker{ --pc-color-picker-vertical-border-radius:calc(var(--pc-color-picker-size)*0.5); position:relative; overflow:hidden; height:var(--pc-color-picker-size); width:var(--p-space-600); margin-left:var(--p-space-200); border-width:var(--p-border-radius-100); border-radius:var(--pc-color-picker-vertical-border-radius); } .Polaris-ColorPicker__HuePicker::after, .Polaris-ColorPicker__AlphaPicker::after{ content:''; position:absolute; z-index:var(--pc-color-picker-adjustments); top:0; left:0; display:block; height:100%; width:100%; pointer-events:none; border-radius:var(--pc-color-picker-vertical-border-radius); box-shadow:var(--pc-color-picker-inner-shadow); } @media (-ms-high-contrast: active){ .Polaris-ColorPicker__HuePicker, .Polaris-ColorPicker__AlphaPicker{ outline:var(--p-border-width-025) solid windowText; } } .Polaris-ColorPicker__HuePicker{ background-image:linear-gradient( to bottom, red var(--pc-color-picker-dragger-size), yellow, lime, cyan, blue, magenta, red calc(var(--pc-color-picker-size) - var(--pc-color-picker-dragger-size)) ); } .Polaris-ColorPicker__AlphaPicker{ background:var(--pc-color-picker-checkers); } .Polaris-ColorPicker__ColorLayer{ position:absolute; z-index:var(--pc-color-picker-z-index); top:0; left:0; height:100%; width:100%; pointer-events:none; } .Polaris-ColorPicker__Slidable{ height:100%; width:100%; cursor:pointer; } .Polaris-InlineGrid{ --pc-inline-grid-gap-xs: initial; --pc-inline-grid-gap-sm: initial; --pc-inline-grid-gap-md: initial; --pc-inline-grid-gap-lg: initial; --pc-inline-grid-gap-xl: initial; gap: var(--pc-inline-grid-gap-xs); --pc-inline-grid-grid-template-columns-xs: initial; --pc-inline-grid-grid-template-columns-sm: initial; --pc-inline-grid-grid-template-columns-md: initial; --pc-inline-grid-grid-template-columns-lg: initial; --pc-inline-grid-grid-template-columns-xl: initial; grid-template-columns: var(--pc-inline-grid-grid-template-columns-xs); --pc-inline-grid-align-items:initial; display:grid; align-items:var(--pc-inline-grid-align-items); } @media (min-width: 30.625em) { .Polaris-InlineGrid{ gap: var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ); } } @media (min-width: 48em) { .Polaris-InlineGrid{ gap: var( --pc-inline-grid-gap-md, var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ) ); } } @media (min-width: 65em) { .Polaris-InlineGrid{ gap: var( --pc-inline-grid-gap-lg, var( --pc-inline-grid-gap-md, var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-InlineGrid{ gap: var( --pc-inline-grid-gap-xl, var( --pc-inline-grid-gap-lg, var( --pc-inline-grid-gap-md, var( --pc-inline-grid-gap-sm, var(--pc-inline-grid-gap-xs) ) ) ) ); } } @media (min-width: 30.625em) { .Polaris-InlineGrid{ grid-template-columns: var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ); } } @media (min-width: 48em) { .Polaris-InlineGrid{ grid-template-columns: var( --pc-inline-grid-grid-template-columns-md, var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ) ); } } @media (min-width: 65em) { .Polaris-InlineGrid{ grid-template-columns: var( --pc-inline-grid-grid-template-columns-lg, var( --pc-inline-grid-grid-template-columns-md, var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ) ) ); } } @media (min-width: 90em) { .Polaris-InlineGrid{ grid-template-columns: var( --pc-inline-grid-grid-template-columns-xl, var( --pc-inline-grid-grid-template-columns-lg, var( --pc-inline-grid-grid-template-columns-md, var( --pc-inline-grid-grid-template-columns-sm, var(--pc-inline-grid-grid-template-columns-xs) ) ) ) ); } } .Polaris-Pagination button{ border:none !important; box-shadow:none !important; background-color:var(--p-color-bg-fill-tertiary); } .Polaris-Pagination button:hover{ background-color:var(--p-color-bg-fill-tertiary-hover); } .Polaris-Pagination button:active{ box-shadow:var(--p-shadow-inset-200) !important; } .Polaris-Pagination button:active, .Polaris-Pagination button:focus{ background-color:var(--p-color-bg-fill-tertiary-active); } .Polaris-Pagination.Polaris-Pagination--table{ border-top:0.0625rem solid var(--p-color-border); } .Polaris-Pagination.Polaris-Pagination--table button{ --button-min-height:var(--p-height-700); background-color:var(--p-color-bg-surface-secondary-selected); min-height:var(--button-min-height); min-width:var(--button-min-height); height:var(--button-min-height); width:var(--button-min-height); display:flex; padding:unset; } .Polaris-Pagination.Polaris-Pagination--table button:hover{ background-color:var(--p-color-bg-fill-tertiary-hover); } .Polaris-Pagination.Polaris-Pagination--table button:hover svg{ fill:var(--p-color-icon-hover); } .Polaris-Pagination.Polaris-Pagination--table button:active, .Polaris-Pagination.Polaris-Pagination--table button:focus{ background-color:var(--p-color-bg-fill-tertiary-active); } .Polaris-Pagination.Polaris-Pagination--table button:active svg, .Polaris-Pagination.Polaris-Pagination--table button:focus svg{ fill:var(--p-color-icon-active); } .Polaris-Pagination.Polaris-Pagination--table button:disabled svg{ fill:var(--p-color-icon-disabled); } .Polaris-Pagination__TablePaginationActions{ display:flex; gap:var(--p-space-025); align-items:center; justify-content:center; } .Polaris-DataTable{ --pc-data-table-first-column-width:9.0625rem; position:relative; max-width:100vw; background-color:var(--p-color-bg-surface); border-radius:0; overflow:hidden; } @media (min-width: 30.625em){ .Polaris-DataTable{ border-radius:var(--p-border-radius-300); } } .Polaris-DataTable--condensed .Polaris-DataTable__Navigation{ display:flex; align-items:center; justify-content:center; width:100%; padding:var(--p-space-400) var(--p-space-300); } @media (min-width: 48em){ .Polaris-DataTable--condensed .Polaris-DataTable__Navigation{ justify-content:flex-end; } } .Polaris-DataTable__Navigation{ display:none; } .Polaris-DataTable__Pip{ height:0.375rem; width:0.375rem; background:var(--p-color-icon-secondary); border-radius:var(--p-border-radius-100); } .Polaris-DataTable__Pip:not(:last-of-type){ margin-right:var(--p-space-100); } .Polaris-DataTable__Pip:first-of-type{ margin-left:var(--p-space-100); } .Polaris-DataTable__Pip:last-of-type{ margin-right:var(--p-space-100); } .Polaris-DataTable__Pip--visible{ background:var(--p-color-icon); } .Polaris-DataTable__ScrollContainer{ overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-behavior:smooth; background-color:inherit; } .Polaris-DataTable__Table{ width:100%; border-spacing:0; } .Polaris-DataTable__TableRow + .Polaris-DataTable__TableRow .Polaris-DataTable__Cell{ border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-DataTable__Cell{ font-weight:var(--p-font-weight-regular); color:var(--p-color-text); white-space:nowrap; text-align:left; transition:background-color var(--p-motion-duration-200) var(--p-motion-ease-in-out); padding:var(--p-space-200) var(--p-space-150); } .Polaris-DataTable__Cell:first-child{ padding-left:var(--p-space-300); } .Polaris-DataTable__Cell:last-child{ padding-right:var(--p-space-300); } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Cell{ padding:var(--p-space-150); } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Cell:first-child{ padding-left:var(--p-space-300); } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Cell:last-child{ padding-right:var(--p-space-300); } .Polaris-DataTable__ZebraStripingOnData .Polaris-DataTable__TableRow:nth-child(2n + 1) .Polaris-DataTable__Cell, .Polaris-DataTable__ZebraStripingOnData.Polaris-DataTable__RowCountIsEven .Polaris-DataTable__TableRow:nth-child(2n) .Polaris-DataTable__Cell, .Polaris-DataTable__ZebraStripingOnData.Polaris-DataTable__ShowTotalsInFooter .Polaris-DataTable__TableRow:nth-child(2n) .Polaris-DataTable__Cell, .Polaris-DataTable__ZebraStripingOnData.Polaris-DataTable__ShowTotalsInFooter.Polaris-DataTable__RowCountIsEven .Polaris-DataTable__TableRow:nth-child(2n + 1) .Polaris-DataTable__Cell{ background:none; } .Polaris-DataTable__ZebraStripingOnData .Polaris-DataTable__TableRow:nth-child(2n) .Polaris-DataTable__Cell, .Polaris-DataTable__ZebraStripingOnData.Polaris-DataTable__RowCountIsEven .Polaris-DataTable__TableRow:nth-child(2n + 1) .Polaris-DataTable__Cell, .Polaris-DataTable__ZebraStripingOnData.Polaris-DataTable__ShowTotalsInFooter .Polaris-DataTable__TableRow:nth-child(2n + 1) .Polaris-DataTable__Cell, .Polaris-DataTable__ZebraStripingOnData.Polaris-DataTable__ShowTotalsInFooter.Polaris-DataTable__RowCountIsEven .Polaris-DataTable__TableRow:nth-child(2n) .Polaris-DataTable__Cell{ background:var(--p-color-bg-surface-secondary); } .Polaris-DataTable__Cell--separate::after{ content:''; position:absolute; top:0; right:0; bottom:0; border-right:var(--p-border-width-025) solid var(--p-color-border); } .Polaris-DataTable__Cell--firstColumn{ text-align:left; white-space:normal; } .Polaris-DataTable__Cell--numeric{ text-align:right; } .Polaris-DataTable__Cell--truncated{ white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; max-width:var(--pc-data-table-first-column-width); } .Polaris-DataTable__Cell--header{ font-weight:var(--p-font-weight-regular); color:var(--p-color-text); border-bottom:var(--p-border-width-025) solid var(--p-color-border); border-top:0; padding-top:var(--p-space-300); padding-bottom:var(--p-space-300); } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Cell--header{ font-weight:var(--p-font-weight-regular); } .Polaris-DataTable__Cell--sortable{ padding:0; } .Polaris-DataTable__Cell--sortable:first-child{ padding-left:var(--p-space-200); } .Polaris-DataTable__Cell--sortable:last-child{ padding-right:var(--p-space-200); } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Cell--sortable{ padding:0; } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Cell--sortable:first-child{ padding-left:var(--p-space-200); } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Cell--sortable:last-child{ padding-right:var(--p-space-200); } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Cell--sortable .Polaris-DataTable__Heading--left{ padding-right:0; padding-left:var(--p-space-100); } .Polaris-DataTable__Cell--verticalAlignTop{ vertical-align:top; } .Polaris-DataTable__Cell--verticalAlignBottom{ vertical-align:bottom; } .Polaris-DataTable__Cell--verticalAlignMiddle{ vertical-align:middle; } .Polaris-DataTable__Cell--verticalAlignBaseline{ vertical-align:baseline; } @media (min-width: 48em){ .Polaris-DataTable--hoverable .Polaris-DataTable__Cell--hovered{ background:var(--p-color-bg-surface-hover); } } .Polaris-DataTable__Icon{ display:flex; align-self:flex-end; opacity:0; transition:opacity var(--p-motion-duration-200) var(--p-motion-ease); } .Polaris-DataTable__Heading{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; position:relative; display:inline-flex; justify-content:flex-end; align-items:baseline; color:var(--p-color-text); transition:color var(--p-motion-duration-200) var(--p-motion-ease); cursor:pointer; margin:0.1875rem; padding:0.5625rem 0.1875rem; } .Polaris-DataTable__Heading:focus{ outline:none; } .Polaris-DataTable__Heading::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-DataTable__Heading svg{ fill:var(--p-color-icon-disabled); } .Polaris-DataTable__StickyHeaderEnabled [data-sticky-active] .Polaris-DataTable__Heading{ visibility:hidden; } .Polaris-DataTable__StickyHeaderEnabled [data-sticky-active] .Polaris-DataTable__StickyHeaderWrapper .Polaris-DataTable__Heading{ visibility:visible; } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Heading{ margin:0.1875rem; padding:0.1875rem; } .Polaris-DataTable__Heading:hover .Polaris-DataTable__Icon{ opacity:1; } .Polaris-DataTable__Heading:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-DataTable__Heading:focus-visible:not(:active) .Polaris-DataTable__Icon{ opacity:1; } .Polaris-DataTable__Heading:focus-visible:not(:active) .Polaris-DataTable__Icon svg{ fill:var(--p-color-icon-disabled); } .Polaris-DataTable__Heading--left{ justify-content:flex-start; flex-direction:row-reverse; } .Polaris-DataTable__Cell--sorted .Polaris-DataTable__Icon{ opacity:1; } .Polaris-DataTable__Cell--sorted .Polaris-DataTable__Icon svg{ fill:var(--p-color-icon); } .Polaris-DataTable__Cell--sorted:hover svg{ fill:var(--p-color-icon); } .Polaris-DataTable__Cell--sorted .Polaris-DataTable__Heading:focus:not(:active) svg{ fill:var(--p-color-icon); } .Polaris-DataTable__Cell--total{ font-weight:var(--p-font-weight-semibold); background:var(--p-color-bg-surface-secondary); border-bottom:var(--p-border-width-025) solid var(--p-color-border); } .Polaris-DataTable__ZebraStripingOnData.Polaris-DataTable__ShowTotals .Polaris-DataTable__Cell--total{ background:var(--p-color-bg-surface-secondary); } .Polaris-DataTable__ZebraStripingOnData.Polaris-DataTable__ShowTotals.Polaris-DataTable__RowCountIsEven .Polaris-DataTable__Cell--total, .Polaris-DataTable__ZebraStripingOnData.Polaris-DataTable__ShowTotalsInFooter .Polaris-DataTable__Cell--total{ background:none; } .Polaris-DataTable--cellTotalFooter{ border-top:var(--p-border-width-025) solid var(--p-color-border); border-bottom:none; } .Polaris-DataTable__Footer{ padding:var(--p-space-200) var(--p-space-300); background:var(--p-color-bg-surface-secondary); color:var(--p-color-text-secondary); text-align:center; border-top:var(--p-border-width-025) solid var(--p-color-border); } .Polaris-DataTable__IncreasedTableDensity .Polaris-DataTable__Footer{ padding:var(--p-space-150) var(--p-space-300); } .Polaris-DataTable__ZebraStripingOnData .Polaris-DataTable__Footer{ background:none; } .Polaris-DataTable__StickyHeaderEnabled .Polaris-DataTable__StickyHeaderWrapper{ position:relative; top:0; left:0; right:0; visibility:hidden; z-index:var(--p-z-index-1); } .Polaris-DataTable__StickyHeaderEnabled .Polaris-DataTable__StickyHeaderInner{ position:absolute; display:flex; flex-direction:column; width:100%; overflow:hidden; border-spacing:0; } .Polaris-DataTable__StickyHeaderEnabled .Polaris-DataTable__StickyHeaderInner:not(.Polaris-DataTable__StickyHeaderInner--isSticky){ top:-624.9375rem; left:-624.9375rem; } .Polaris-DataTable__StickyHeaderEnabled .Polaris-DataTable__StickyHeaderTable{ border-collapse:collapse; display:block; overflow-x:auto; width:100%; scrollbar-width:none; } .Polaris-DataTable__StickyHeaderEnabled .Polaris-DataTable__StickyHeaderTable::-webkit-scrollbar{ -webkit-appearance:none; appearance:none; height:0; width:0; } .Polaris-DataTable__StickyHeaderEnabled .Polaris-DataTable__StickyHeaderTable .Polaris-DataTable__FixedFirstColumn{ bottom:0; top:auto; padding-left:var(--p-space-300); } .Polaris-DataTable__StickyHeaderEnabled .Polaris-DataTable__StickyTableHeadingsRow{ background-color:var(--p-color-bg-surface); } .Polaris-DataTable__StickyHeaderEnabled .Polaris-DataTable__StickyHeaderInner--isSticky{ visibility:visible; background-color:var(--p-color-bg-surface); box-shadow:var(--p-shadow-100); } .Polaris-DataTable__FixedFirstColumn{ position:absolute; background:inherit; z-index:3; border-spacing:0; top:0; left:0; } @media (max-width: 47.9975em){ .Polaris-DataTable__FixedFirstColumn{ z-index:1; } } .Polaris-DataTable__TooltipContent{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .Polaris-DatePicker{ --pc-date-picker-range-end-border-radius:var(--p-border-radius-200); position:relative; } .Polaris-DatePicker__MonthLayout{ display:flex; flex-wrap:wrap; margin-top:calc(var(--p-space-400)*-1); margin-left:calc(var(--p-space-400)*-1); } .Polaris-DatePicker__MonthContainer{ flex:1 1 14.375rem; margin-top:var(--p-space-400); margin-left:var(--p-space-400); max-width:calc(100% - var(--p-space-400)); min-width:14.375rem; } .Polaris-DatePicker__Month{ width:100%; table-layout:fixed; border-collapse:collapse; border:none; border-spacing:0; } .Polaris-DatePicker__DayCell{ width:14.28571%; background:transparent; margin:0; padding:0; border-radius:var(--p-border-radius-100); } .Polaris-DatePicker__DayCell--inRange{ border-radius:0; } .Polaris-DatePicker__Day{ display:block; height:100%; width:100%; margin:0; padding:var(--p-space-200); background:transparent; border:none; border-radius:var(--p-border-radius-200); outline:none; color:var(--p-color-text); cursor:pointer; } .Polaris-DatePicker__Day:hover{ background:var(--p-color-bg-fill-brand-hover); color:var(--p-color-text-brand-on-bg-fill); outline:var(--p-border-width-025) solid transparent; } .Polaris-DatePicker__Day{ position: relative; } .Polaris-DatePicker__Day::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-DatePicker__Day:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-DatePicker__Day--inRange{ background:var(--p-color-bg-surface-brand-selected); border-radius:0; } @media (-ms-high-contrast: active){ .Polaris-DatePicker__Day--inRange{ -ms-high-contrast-adjust:none; background-color:Highlight; color:HighlightText; } .Polaris-DatePicker__Day--inRange:hover{ background-color:HighlightText; color:Highlight; outline:var(--p-border-width-050) solid Highlight; } } .Polaris-DatePicker__Day--selected{ background:var(--p-color-bg-fill-brand-selected); color:var(--p-color-text-brand-on-bg-fill); } @media (-ms-high-contrast: active){ .Polaris-DatePicker__Day--selected{ -ms-high-contrast-adjust:none; background-color:Highlight; color:HighlightText; } .Polaris-DatePicker__Day--selected:hover{ background-color:HighlightText; color:Highlight; outline:var(--p-border-width-050) solid Highlight; } } .Polaris-DatePicker__Day--disabled{ background-color:transparent; color:var(--p-color-text-disabled); } .Polaris-DatePicker__Day--disabled:hover{ background-color:transparent; color:var(--p-color-text-disabled); } @media (-ms-high-contrast){ .Polaris-DatePicker__Day--disabled{ -ms-high-contrast-adjust:none; color:grayText; } .Polaris-DatePicker__Day--disabled:hover{ color:grayText; outline:none; } } .Polaris-DatePicker__Day--disabled:focus::after{ content:none; } .Polaris-DatePicker__EmptyDayCell{ width:14.28571%; margin:0; padding:0; } .Polaris-DatePicker__Weekday{ padding:var(--p-space-200); background:transparent; } .Polaris-DatePicker__Header{ position:absolute; top:var(--p-space-400); display:flex; justify-content:space-between; width:100%; } .Polaris-DatePicker__Title{ flex:1 1 auto; padding-bottom:var(--p-space-100); } .Polaris-DatePicker__Day--firstInRange{ border-radius:var(--p-border-radius-200); } .Polaris-DatePicker__Day--firstInRange.Polaris-DatePicker__Day--hasRange, .Polaris-DatePicker__Day--firstInRange.Polaris-DatePicker__Day--hoverRight{ border-radius:var(--pc-date-picker-range-end-border-radius) 0 0 var(--pc-date-picker-range-end-border-radius); } .Polaris-DatePicker__Day--firstInRange.Polaris-DatePicker__Day--hasRange::after, .Polaris-DatePicker__Day--firstInRange.Polaris-DatePicker__Day--hoverRight::after{ border-radius:var(--pc-date-picker-range-end-border-radius) 0 0 var(--pc-date-picker-range-end-border-radius); } .Polaris-DatePicker__Day--lastInRange{ border-radius:0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0; } .Polaris-DatePicker__Day--lastInRange::after{ border-radius:0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0; } .Polaris-DatePicker__Week{ margin-bottom:var(--p-space-050); } .Polaris-DatePicker__Week > .Polaris-DatePicker__Day--inRange:first-child:not(.Polaris-DatePicker__Day--firstInRange):not(.Polaris-DatePicker__Day--lastInRange){ border-radius:var(--p-border-radius-100) 0 0 var(--p-border-radius-100); } .Polaris-DatePicker__Week > .Polaris-DatePicker__Day--inRange:last-child:not(.Polaris-DatePicker__Day--firstInRange):not(.Polaris-DatePicker__Day--lastInRange){ border-radius:0 var(--p-border-radius-100) var(--p-border-radius-100) 0; } .Polaris-DatePicker__Day--inRange::after, .Polaris-DatePicker__Day--inRange:not(:hover) + .Polaris-DatePicker__Day::after{ border-radius:0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0; } .Polaris-DescriptionList{ margin:0; padding:0; word-break:break-word; } @media (min-width: 30.625em){ .Polaris-DescriptionList{ display:flex; flex-wrap:wrap; align-items:flex-start; } } .Polaris-DescriptionList__Term{ font-weight:var(--p-font-weight-semibold); padding:var(--p-space-400) 0 var(--p-space-200); } .Polaris-DescriptionList--spacingTight .Polaris-DescriptionList__Term{ padding:var(--p-space-200) 0 var(--p-space-100); } @media (min-width: 30.625em){ .Polaris-DescriptionList__Term{ flex:0 1 25%; padding:var(--p-space-400) var(--p-space-400) var(--p-space-400) 0; } .Polaris-DescriptionList--spacingTight .Polaris-DescriptionList__Term{ padding:var(--p-space-200) var(--p-space-200) var(--p-space-200) 0; } .Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term + .Polaris-DescriptionList__Description{ border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); } } .Polaris-DescriptionList__Description{ margin-left:0; padding:0 0 var(--p-space-400); } .Polaris-DescriptionList--spacingTight .Polaris-DescriptionList__Description{ padding:0 0 var(--p-space-200); } .Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term{ border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); } @media (min-width: 30.625em){ .Polaris-DescriptionList__Description{ flex:1 1 51%; padding:var(--p-space-400) 0; } .Polaris-DescriptionList--spacingTight .Polaris-DescriptionList__Description{ padding:var(--p-space-200) 0; } .Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term + .Polaris-DescriptionList__Description{ border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); } } .Polaris-Divider{ border:0; margin:0; } .Polaris-DropZone-FileUpload{ padding:var(--p-space-300); text-align:center; display:flex; align-items:center; justify-content:center; height:100%; } .Polaris-DropZone-FileUpload--large{ padding:var(--p-space-800); } .Polaris-DropZone-FileUpload--small{ padding:var(--p-space-200); } .Polaris-DropZone-FileUpload img{ vertical-align:bottom; } .Polaris-DropZone-FileUpload__ActionTitle{ color:var(--p-color-text-emphasis); text-decoration:none; } .Polaris-DropZone-FileUpload__ActionTitle:not(.Polaris-DropZone-FileUpload__ActionTitle--disabled){ cursor:pointer; } .Polaris-DropZone-FileUpload__ActionTitle:not(.Polaris-DropZone-FileUpload__ActionTitle--disabled):hover, .Polaris-DropZone-FileUpload__ActionTitle:not(.Polaris-DropZone-FileUpload__ActionTitle--disabled):active{ color:var(--p-color-text-emphasis-active); text-decoration:underline; } .Polaris-DropZone-FileUpload__ActionTitle--focused{ text-decoration:underline; } .Polaris-DropZone-FileUpload__ActionTitle--disabled{ color:var(--p-color-text-disabled); } .Polaris-DropZone-FileUpload__UploadIcon{ fill:var(--p-color-icon); } .Polaris-DropZone-FileUpload__UploadIcon.Polaris-DropZone-FileUpload--disabled{ fill:var(--p-color-icon-disabled); } .Polaris-DropZone{ --pc-drop-zone-outline:29; --pc-drop-zone-overlay:30; --pc-drop-zone-border-style:dashed; position:relative; display:flex; justify-content:center; background-color:var(--p-color-input-bg-surface); border-radius:var(--p-border-radius-200); } .Polaris-DropZone::after{ content:''; position:absolute; z-index:var(--pc-drop-zone-outline); top:0; right:0; bottom:0; left:0; border:var(--p-border-width-0165) var(--pc-drop-zone-border-style) transparent; border-radius:var(--p-border-radius-200); pointer-events:none; } .Polaris-DropZone:not(.Polaris-DropZone--focused)::after{ top:0; left:0; right:0; bottom:0; opacity:1; transform:scale(1); border:var(--p-border-width-025) var(--pc-drop-zone-border-style) transparent; } .Polaris-DropZone:hover{ outline:var(--p-border-width-025) solid transparent; } .Polaris-DropZone.Polaris-DropZone--noOutline{ background-color:transparent; } .Polaris-DropZone--hasOutline{ padding:var(--p-space-025); } .Polaris-DropZone--hasOutline:not(.Polaris-DropZone--isDisabled)::after{ border-width:var(--p-border-width-0165); border-color:var(--p-color-input-border); } .Polaris-DropZone--hasOutline:not(.Polaris-DropZone--isDisabled):hover{ cursor:pointer; background-color:var(--p-color-input-bg-surface-hover); } .Polaris-DropZone--hasOutline:not(.Polaris-DropZone--isDisabled):hover::after{ border-color:var(--p-color-input-border-hover); } .Polaris-DropZone--isDragging:not(.Polaris-DropZone--isDisabled){ background-color:var(--p-color-bg-surface-hover); } .Polaris-DropZone--isDisabled{ cursor:not-allowed; background-color:var(--p-color-bg-surface-disabled); color:var(--p-color-text-disabled); } .Polaris-DropZone--isDisabled::after{ border-color:var(--p-color-border-disabled); } .Polaris-DropZone--sizeLarge{ min-height:7.5rem; } .Polaris-DropZone--sizeMedium{ min-height:6.25rem; align-items:center; } .Polaris-DropZone--sizeSmall{ padding:0; align-items:center; min-height:2.5rem; } .Polaris-DropZone--sizeSmall::before{ content:''; padding-top:100%; } .Polaris-DropZone--measuring{ visibility:hidden; min-height:0; } .Polaris-DropZone__Container{ position: relative; flex:1 1; } .Polaris-DropZone__Container::after { content: ''; position: absolute; z-index: 1; top: calc(var(--p-border-width-025)*-1 + -0.0625rem); right: calc(var(--p-border-width-025)*-1 + -0.0625rem); bottom: calc(var(--p-border-width-025)*-1 + -0.0625rem); left: calc(var(--p-border-width-025)*-1 + -0.0625rem); display: block; pointer-events: none; box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 + -0.0625rem) var(--p-color-border-focus); border-radius: var(--p-border-radius-200); } .Polaris-DropZone__Overlay{ position:absolute; border-radius:var(--p-border-radius-200); z-index:var(--pc-drop-zone-overlay); top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; padding:var(--p-space-400); border:var(--p-border-width-025) solid var(--p-color-input-border-active); text-align:center; color:var(--p-color-text); background-color:var(--p-color-input-bg-surface-active); pointer-events:none; } .Polaris-DropZone--sizeSmall .Polaris-DropZone__Overlay{ padding:0; } .Polaris-DropZone--hasError > .Polaris-DropZone__Overlay{ border-color:var(--p-color-border-critical-secondary); color:var(--p-color-text-critical); border-style:var(--pc-drop-zone-border-style); border-width:var(--p-border-width-0165); background-color:var(--p-color-bg-surface-critical); } .Polaris-DropZone--focused:not(.Polaris-DropZone--isDisabled) .Polaris-DropZone__Container::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-EmptyState__ImageContainer{ position:relative; display:flex; align-items:center; justify-content:center; } .Polaris-EmptyState__Image{ opacity:0; transition:opacity var(--p-motion-duration-150) var(--p-motion-ease); z-index:var(--p-z-index-1); } .Polaris-EmptyState__Image.Polaris-EmptyState--loaded{ opacity:1; } @media (min-width: 48em){ .Polaris-EmptyState--imageContained{ position:initial; width:100%; } } .Polaris-EmptyState__SkeletonImageContainer{ --pc-empty-state-skeleton-image-container-size:14.125rem; height:var(--pc-empty-state-skeleton-image-container-size); width:var(--pc-empty-state-skeleton-image-container-size); display:flex; align-items:center; justify-content:center; } .Polaris-EmptyState__SkeletonImage{ position:absolute; z-index:var(--p-z-index-0); --pc-empty-state-skeleton-image-size:9.0625rem; height:var(--pc-empty-state-skeleton-image-size); width:var(--pc-empty-state-skeleton-image-size); background-color:var(--p-color-bg-fill-secondary); border-radius:var(--p-border-radius-full); opacity:1; transition:opacity var(--p-motion-duration-500) var(--p-motion-ease); } .Polaris-EmptyState__SkeletonImage.Polaris-EmptyState--loaded{ opacity:0; } @media screen and (-ms-high-contrast: active){ .Polaris-EmptyState__SkeletonImage{ background-color:grayText; } } .Polaris-Truncate{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .Polaris-ExceptionList{ margin:0; padding:0; list-style:none; } .Polaris-ExceptionList__Item{ position:relative; padding-left:var(--p-space-600); color:var(--p-color-text-secondary); } .Polaris-ExceptionList__Item + .Polaris-ExceptionList__Item{ margin-top:var(--p-space-100); } .Polaris-ExceptionList__Icon{ position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; min-width:var(--p-space-500); height:var(--p-space-500); margin-right:var(--p-space-100); } .Polaris-ExceptionList__Icon svg{ fill:var(--p-color-icon-secondary); } .Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Icon svg{ fill:var(--p-color-text-caution); } .Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Icon svg{ fill:var(--p-color-text-critical); } .Polaris-ExceptionList__Bullet{ width:0.375rem; height:0.375rem; border-radius:var(--p-border-radius-full); background-color:var(--p-color-icon-secondary); } .Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Bullet{ background-color:var(--p-color-text-caution); } .Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Bullet{ background-color:var(--p-color-text-critical); } .Polaris-ExceptionList__Title + .Polaris-ExceptionList__Description::before{ content:'–'; margin:0 var(--p-space-100); } .Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Title, .Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Title{ font-weight:var(--p-font-weight-medium); } .Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Title{ color:var(--p-color-text-caution); } .Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Title{ color:var(--p-color-text-critical); } .Polaris-Filters-FilterPill__FilterButton{ background:var(--p-color-bg-surface); border-radius:var(--p-border-radius-200); border:var(--p-color-border) dashed var(--p-border-width-025); cursor:pointer; color:var(--p-color-text); position: relative; } .Polaris-Filters-FilterPill__FilterButton::after { content: ''; position: absolute; z-index: 1; top: calc(var(--p-border-width-025)*-1 + -0.0625rem); right: calc(var(--p-border-width-025)*-1 + -0.0625rem); bottom: calc(var(--p-border-width-025)*-1 + -0.0625rem); left: calc(var(--p-border-width-025)*-1 + -0.0625rem); display: block; pointer-events: none; box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 + -0.0625rem) var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Filters-FilterPill__FilterButton.Polaris-Filters-FilterPill--focusedFilterButton:focus-within:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Filters-FilterPill__FilterButton:hover, .Polaris-Filters-FilterPill__FilterButton:focus, .Polaris-Filters-FilterPill__FilterButton:active{ background:var(--p-color-bg-surface-hover); border-color:var(--p-color-border); } .Polaris-Filters-FilterPill__FilterButton:hover path, .Polaris-Filters-FilterPill__FilterButton:focus path, .Polaris-Filters-FilterPill__FilterButton:active path{ fill:var(--p-color-icon-hover); } .Polaris-Filters-FilterPill__FilterButton:hover, .Polaris-Filters-FilterPill__FilterButton:active{ border-style:solid; } .Polaris-Filters-FilterPill__FilterButton:hover, .Polaris-Filters-FilterPill__FilterButton:focus{ background:transparent; } .Polaris-Filters-FilterPill__FilterButton:active{ background:var(--p-color-bg-surface-secondary); } .Polaris-Filters-FilterPill__FilterButton.Polaris-Filters-FilterPill__ActiveFilterButton{ background:var(--p-color-bg-surface); border-style:solid; } .Polaris-Filters-FilterPill__FilterButton.Polaris-Filters-FilterPill__ActiveFilterButton:active{ background:var(--p-color-bg-surface-secondary); } .Polaris-Filters-FilterPill__FilterButton::after{ border-radius:var(--p-border-radius-200); } .Polaris-Filters-FilterPill__PlainButton{ background:none; color:inherit; border:none; padding:0; font:inherit; cursor:inherit; outline:inherit; } .Polaris-Filters-FilterPill__PlainButton path{ fill:var(--p-color-icon); } .Polaris-Filters-FilterPill__PlainButton[aria-disabled='true'] path{ fill:var(--p-color-icon-disabled); } .Polaris-Filters-FilterPill__ToggleButton{ padding:0 var(--p-space-200) 0 var(--p-space-300); height:1.625rem; } @media (min-width: 48em){ .Polaris-Filters-FilterPill__ToggleButton{ padding:0 var(--p-space-100) 0 var(--p-space-200); height:1.375rem; } } .Polaris-Filters-FilterPill__ActiveFilterButton .Polaris-Filters-FilterPill__ToggleButton{ padding-right:var(--p-space-050); } @media (min-width: 48em){ .Polaris-Filters-FilterPill__ActiveFilterButton .Polaris-Filters-FilterPill__ToggleButton{ padding-right:0; } } .Polaris-Filters-FilterPill--clearButton{ position: relative; margin-right:var(--p-space-200); } .Polaris-Filters-FilterPill--clearButton::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } @media (min-width: 48em){ .Polaris-Filters-FilterPill--clearButton{ margin-right:var(--p-space-100); } } .Polaris-Filters-FilterPill--clearButton:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } @media (min-width: 48em){ .Polaris-Filters-FilterPill__IconWrapper{ scale:0.8; } } .Polaris-Filters-FilterPill__PopoverWrapper{ min-width:11.5625rem; max-width:18.75rem; word-break:break-word; } .Polaris-Filters-FilterPill__ClearButtonWrapper button{ min-height:0; padding:0; margin:0; } .Polaris-Filters__Container{ position:relative; z-index:30; border-bottom:var(--p-border-width-025) solid var(--p-color-border-secondary); border-top-left-radius:var(--p-border-radius-200); border-top-right-radius:var(--p-border-radius-200); background:var(--p-color-bg-surface); } @media (max-width: 30.6225em){ .Polaris-Filters__Container{ border-top-left-radius:0; border-top-right-radius:0; } } .Polaris-Filters__SearchField{ flex:1 1; } .Polaris-Filters__FiltersWrapper{ border-bottom:var(--p-border-width-025) solid var(--p-color-border-secondary); height:3.3125rem; overflow:hidden; } @media (max-width: 30.6225em){ .Polaris-Filters__FiltersWrapper{ background:var(--p-color-bg-surface); } } @media (min-width: 48em){ .Polaris-Filters__FiltersWrapper{ height:auto; overflow:visible; } } .Polaris-Filters--hideQueryField .Polaris-Filters__FiltersWrapper{ display:flex; align-items:center; } .Polaris-Filters__FiltersInner{ overflow:auto; white-space:nowrap; padding:var(--p-space-300) var(--p-space-200) var(--p-space-500); } .Polaris-Filters--hideQueryField .Polaris-Filters__FiltersInner{ flex:1 1; padding:var(--p-space-300); } @media (min-width: 48em){ .Polaris-Filters__FiltersInner{ overflow:visible; flex-wrap:wrap; gap:var(--p-space-200); padding:0.375rem var(--p-space-200); } .Polaris-Filters--hideQueryField .Polaris-Filters__FiltersInner{ flex:1 1; padding:0.375rem var(--p-space-200); } } .Polaris-Filters__AddFilter{ background:var(--p-color-bg-surface); border-radius:var(--p-border-radius-200); border:var(--p-color-border) dashed var(--p-border-width-025); padding:0 var(--p-space-200) 0 var(--p-space-300); height:1.75rem; cursor:pointer; display:flex; align-items:center; justify-content:center; outline:inherit; position: relative; } .Polaris-Filters__AddFilter::after { content: ''; position: absolute; z-index: 1; top: calc(var(--p-border-width-025)*-1 + -0.0625rem); right: calc(var(--p-border-width-025)*-1 + -0.0625rem); bottom: calc(var(--p-border-width-025)*-1 + -0.0625rem); left: calc(var(--p-border-width-025)*-1 + -0.0625rem); display: block; pointer-events: none; box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 + -0.0625rem) var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Filters__AddFilter path{ fill:var(--p-color-icon); } @media (min-width: 48em){ .Polaris-Filters__AddFilter{ height:1.5rem; padding:0 0.375rem 0 var(--p-space-200); } } .Polaris-Filters__AddFilter:hover, .Polaris-Filters__AddFilter:focus{ background:transparent; border-color:var(--p-color-border-hover); } .Polaris-Filters__AddFilter:hover path, .Polaris-Filters__AddFilter:focus path{ fill:var(--p-color-icon-hover); } .Polaris-Filters__AddFilter:hover{ border-style:solid; } .Polaris-Filters__AddFilter:focus{ outline-offset:var(--p-border-width-050); } .Polaris-Filters__AddFilter:active{ background:var(--p-color-bg-surface-tertiary); border-color:var(--p-color-border-hover); } .Polaris-Filters__AddFilter[aria-disabled='true']{ background:var(--p-color-bg-fill-disabled); border-color:transparent; color:var(--p-color-text-disabled); cursor:default; } .Polaris-Filters__AddFilter[aria-disabled='true'] path{ fill:var(--p-color-icon-disabled); } .Polaris-Filters__AddFilter:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Filters__AddFilter::after{ border-radius:var(--p-border-radius-200); } .Polaris-Filters__AddFilter span{ margin-right:var(--p-space-050); } @media (min-width: 48em){ .Polaris-Filters__AddFilter span{ margin-right:var(--p-space-025); } } .Polaris-Filters__AddFilter svg{ width:var(--p-space-500); } @media (min-width: 48em){ .Polaris-Filters__AddFilter svg{ width:var(--p-space-400); } } @media (max-width: 47.9975em){ .Polaris-Filters__FiltersWrapperWithAddButton{ position:relative; } .Polaris-Filters__FiltersWrapperWithAddButton .Polaris-Filters__FiltersInner{ padding:var(--p-space-200); padding-right:0; } .Polaris-Filters__AddFilterActivatorMultiple{ position:sticky; z-index:var(--p-z-index-1); top:0; right:0; display:flex; padding:var(--p-space-100) var(--p-space-400) var(--p-space-100) 0; background:var(--p-color-bg-surface); margin-left:var(--p-space-200); } .Polaris-Filters__AddFilterActivatorMultiple::before{ content:''; position:absolute; top:0; left:-0.75rem; width:0.75rem; height:100%; pointer-events:none; background:linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, var(--p-color-bg-surface) 70%, var(--p-color-bg-surface) 100% ); } .Polaris-Filters__AddFilterActivatorMultiple .Polaris-Filters__AddFilter{ padding:var(--p-space-300) var(--p-space-200); } .Polaris-Filters__AddFilterActivatorMultiple .Polaris-Filters__AddFilter span{ display:none; } } .Polaris-Filters__FiltersStickyArea{ position:relative; display:flex; gap:var(--p-space-100); flex-wrap:nowrap; align-items:center; justify-content:flex-start; } @media (min-width: 48em){ .Polaris-Filters__FiltersStickyArea{ flex-wrap:wrap; } } .Polaris-Filters__ClearAll{ margin-left:var(--p-space-200); } @media (max-width: 47.9975em){ .Polaris-Filters__ClearAll{ margin-left:0; padding-right:var(--p-space-400); } .Polaris-Filters__MultiplePinnedFilterClearAll{ transform:translateX(-0.5rem); position:relative; z-index:var(--p-z-index-1); margin-left:0; padding-right:var(--p-space-400); } } .Polaris-FooterHelp{ display:flex; justify-content:var(--pc-footer-help-align); margin:var(--p-space-500); width:auto; } .Polaris-FormLayout__Item{ --pc-form-layout-item-min-size:13.75rem; flex:1 1; } .Polaris-FormLayout__Item.Polaris-FormLayout--grouped{ min-width:var(--pc-form-layout-item-min-size); } @media (min-width: 0em) and (max-width: 30.6225em){ .Polaris-FormLayout__Item.Polaris-FormLayout--grouped{ min-width:100%; } } .Polaris-FormLayout__Item.Polaris-FormLayout--condensed{ flex-basis:calc(var(--pc-form-layout-item-min-size)*0.5); min-width:calc(var(--pc-form-layout-item-min-size)*0.5); } .Polaris-Frame-Toast{ display:inline-flex; max-width:31.25rem; padding:var(--p-space-200) var(--p-space-300); border-radius:var(--p-border-radius-100); background:var(--p-color-bg-inverse); color:var(--p-color-text-inverse); margin-bottom:var(--p-space-500); box-shadow:var(--p-shadow-500); position: relative; box-shadow: var(--p-shadow-400); border-radius: var(--p-border-radius-200); } .Polaris-Frame-Toast::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; box-shadow: var(--p-shadow-bevel-100); border-radius: var(--p-border-radius-200); pointer-events: none; mix-blend-mode: luminosity; } @media (min-width: 30.625em){ .Polaris-Frame-Toast{ padding:var(--p-space-300); } } @media (forced-colors: active){ .Polaris-Frame-Toast{ border:var(--p-border-width-050) solid transparent; } } .Polaris-Frame-Toast__Action{ margin-left:var(--p-space-400); color:var(--p-color-text-inverse); } .Polaris-Frame-Toast--error{ background:var(--p-color-bg-fill-critical); color:var(--p-color-text-critical-on-bg-fill); } .Polaris-Frame-Toast--error .Polaris-Frame-Toast__CloseButton{ color:var(--p-color-text-critical-on-bg-fill); } .Polaris-Frame-Toast__LeadingIcon{ margin-right:var(--p-space-150); } .Polaris-Frame-Toast__CloseButton{ display:flex; align-self:center; flex-direction:column; justify-content:flex-start; padding:0; border:none; -webkit-appearance:none; appearance:none; background:transparent; color:var(--p-color-icon-inverse); cursor:pointer; margin-left:var(--p-space-200); } .Polaris-Frame-Toast__CloseButton:focus{ outline:none; } .Polaris-Frame-Toast__CloseButton:focus, .Polaris-Frame-Toast__CloseButton:hover{ color:var(--p-color-text-inverse); } .Polaris-Frame-Toast--toneMagic{ background-color:var(--p-color-bg-fill-magic-secondary); color:var(--p-color-text-magic); } .Polaris-Frame-Toast--toneMagic .Polaris-Frame-Toast__CloseButton{ color:var(--p-color-text-magic); } .Polaris-Frame-Toast--toneMagic .Polaris-Frame-Toast__Action{ color:var(--p-color-text-magic); } .Polaris-Frame-Toast__WithActionOnComponent{ border:none; cursor:pointer; padding-right:var(--p-space-500); } .Polaris-Frame-Toast__WithActionOnComponent.Polaris-Frame-Toast--toneMagic:focus, .Polaris-Frame-Toast__WithActionOnComponent.Polaris-Frame-Toast--toneMagic:hover{ background-color:var(--p-color-bg-fill-magic-secondary-hover); } .Polaris-Frame-Toast__WithActionOnComponent.Polaris-Frame-Toast--toneMagic:active{ background-color:var(--p-color-bg-fill-magic-secondary-active); } :root{ --pc-toast-manager-translate-y-out:9.375rem; --pc-toast-manager-translate-y-in:0; --pc-toast-manager-scale-in:1; --pc-toast-manager-scale-out:0.9; --pc-toast-manager-blur-in:0; --pc-toast-manager-transition-delay-in:0s; } .Polaris-Frame-ToastManager{ position:fixed; z-index:var(--p-z-index-12); right:0; left:0; text-align:center; bottom:var(--pc-frame-global-ribbon-height); display:flex; flex-direction:column; align-items:center; } .Polaris-Frame-ToastManager__ToastWrapper{ position:absolute; display:inline-flex; opacity:0; transition:transform var(--p-motion-duration-400) var(--p-motion-ease-out), opacity var(--p-motion-duration-400) var(--p-motion-ease-out); transform:translateY(var(--pc-toast-manager-translate-y-out)); } .Polaris-Frame-ToastManager__ToastWrapper--enter, .Polaris-Frame-ToastManager__ToastWrapper--exit{ transition-timing-function:var(--p-motion-ease-in); transform:translateY(var(--pc-toast-manager-translate-y-out)) scale(var(--pc-toast-manager-scale-out)); opacity:0; } .Polaris-Frame-ToastManager__ToastWrapper--exit{ transition-duration:var(--p-motion-duration-200); } .Polaris-Frame-ToastManager--toastWrapperEnterDone{ transform:translateY(var(--pc-toast-manager-translate-y-in)) scale(var(--pc-toast-manager-scale-in)); filter:blur(var(--pc-toast-manager-blur-in)); opacity:1; transition-delay:var(--pc-toast-manager-transition-delay-in); } .Polaris-Frame-ToastManager--toastWrapperHoverable{ cursor:pointer; } .Polaris-Frame-Loading{ overflow:hidden; height:0.1875rem; background-color:var(--p-color-bg-surface); opacity:1; } .Polaris-Frame-Loading__Level{ width:100%; height:100%; transform-origin:0; background-color:var(--p-color-bg-fill-brand); transition:transform var(--p-motion-duration-500) linear; } @media screen and (-ms-high-contrast: active){ .Polaris-Frame-Loading__Level{ background-color:highlight; } } .Polaris-Modal-Dialog__Container{ position:fixed; z-index:var(--p-z-index-11); top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; justify-content:flex-end; pointer-events:none; } @media (min-width: 48em){ .Polaris-Modal-Dialog__Container{ justify-content:center; } } .Polaris-Modal-Dialog:focus{ outline:0; } .Polaris-Modal-Dialog__Modal{ --pc-modal-dialog-vertical-spacing:3.75rem; pointer-events:initial; position:fixed; right:0; bottom:0; left:0; display:flex; flex-direction:column; width:100%; max-height:calc(100vh - var(--pc-modal-dialog-vertical-spacing)); background:var(--p-color-bg-surface); box-shadow:var(--p-shadow-600); overflow:hidden; } @media (forced-colors: active){ .Polaris-Modal-Dialog__Modal{ border:var(--p-border-width-025) solid transparent; } } @media (max-width: 47.9975em){ .Polaris-Modal-Dialog__Modal{ bottom:0; max-height:100%; } } @media (min-width: 48em){ .Polaris-Modal-Dialog__Modal{ position:relative; max-width:38.75rem; margin:0 auto; border-radius:var(--p-border-radius-400); } } @media (min-width: 48em) and (min-height: 41.25em){ .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--limitHeight{ max-height:37.5rem; } } @media (min-width: 48em){ .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeSmall{ max-width:23.75rem; } .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeLarge{ max-width:calc(100% - var(--p-space-1600)); } } @media (min-width: 65em){ .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeLarge{ max-width:61.25rem; } } .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeFullScreen{ height:100%; } @media (min-width: 48em){ .Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeFullScreen{ height:unset; } } .Polaris-Modal-Dialog--animateFadeUp{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform, opacity; opacity:1; transform:translateY(0); transition:transform var(--p-motion-ease) var(--p-motion-duration-200), opacity var(--p-motion-ease) var(--p-motion-duration-200); } .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--entering, .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--exiting, .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--exited{ opacity:0; transform:translateY(12.5rem); } .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--entered{ opacity:1; transform:translateY(0); } .Polaris-Modal-Section{ flex:0 0 auto; } .Polaris-Modal-Section:not(:last-of-type){ border-bottom:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-Modal-Section--titleHidden{ padding-right:calc(var(--p-space-1200) + var(--p-space-100) + var(--p-space-100)); } .Polaris-Modal__Body, .Polaris-Modal__NoScrollBody{ flex-grow:1; } @media (min-width: 48em){ .Polaris-Modal__Body, .Polaris-Modal__NoScrollBody{ flex-grow:unset; } } .Polaris-Modal__IFrame{ --pc-modal-frame-small-width:38.75rem; display:block; width:var(--pc-modal-frame-small-width); max-width:100vw; border:none; } @media (min-width: 48em){ .Polaris-Modal__IFrame{ max-width:var(--pc-modal-frame-small-width); } } .Polaris-Frame-ContextualSaveBar{ --p-color-bg-surface:var(--p-color-bg-inverse); --p-color-text:var(--p-color-text-inverse); --p-color-bg-surface-hover:var(--p-color-bg-fill-inverse-hover); --p-color-bg-surface-secondary-active:var(--p-color-bg-fill-inverse-active); display:flex; height:var(--pg-top-bar-height); background:var(--p-color-bg-inverse); box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.15); } .Polaris-Frame-ContextualSaveBar .Polaris-Frame-ContextualSaveBar__LogoContainer{ border-right:none; } .Polaris-Frame-ContextualSaveBar .Polaris-Frame-ContextualSaveBar__ContextControl{ opacity:0.3; pointer-events:none; } @media (forced-colors: active){ .Polaris-Frame-ContextualSaveBar{ border:var(--p-border-width-025) solid transparent; } } .Polaris-Frame-ContextualSaveBar__LogoContainer{ display:none; } @media (min-width: 48em){ .Polaris-Frame-ContextualSaveBar__LogoContainer{ display:flex; flex:0 0 var(--pg-layout-width-nav-base); align-items:center; height:100%; padding:0 var(--p-space-500); background-color:transparent; } } .Polaris-Frame-ContextualSaveBar__Contents{ display:flex; flex:1 1 auto; align-items:center; justify-content:space-between; min-width:0.0625rem; max-width:calc(var(--pg-layout-width-primary-max) + var(--pg-layout-width-secondary-max) + var(--pg-layout-width-inner-spacing-base)); height:100%; margin:0 auto; padding:0 var(--p-space-400); } @media (min-width: 30.625em){ .Polaris-Frame-ContextualSaveBar__Contents{ padding:0 var(--p-space-500); } } @media (min-width: 48em){ .Polaris-Frame-ContextualSaveBar__Contents{ padding:0 var(--p-space-800); } } .Polaris-Frame-ContextualSaveBar--fullWidth{ max-width:none; padding:0 var(--p-space-400); } .Polaris-Frame-ContextualSaveBar__MessageContainer{ display:flex; flex-direction:row; gap:var(--p-space-200); overflow:hidden; margin-right:var(--p-space-200); } .Polaris-Frame-ContextualSaveBar__MessageContainer [class*='Polaris-Icon__Svg']{ fill:var(--p-color-text-inverse); } .Polaris-Frame-ContextualSaveBar__MessageContainer [class*='Polaris-Icon']{ flex-shrink:0; } .Polaris-Frame-ContextualSaveBar__ActionContainer{ flex-shrink:0; } .Polaris-Frame-ContextualSaveBar__ActionContainer [class*='Polaris-Button--variantPrimary'], .Polaris-Frame-ContextualSaveBar__ActionContainer [class*='Button-variantPrimary']{ --pc-button-color:rgba(48, 48, 48, 1); --pc-button-color_disabled:var(--p-color-text-secondary); --pc-button-bg:rgba(255, 255, 255, 1); --pc-button-bg_hover:rgba(250, 250, 250, 1); --pc-button-bg_active:rgba(247, 247, 247, 1); --pc-button-bg_pressed:rgba(247, 247, 247, 1); --pc-button-bg_disabled:rgba(255, 255, 255, 0.2); --pc-button-box-shadow:0 0.0625rem 0 0 rgba(255, 255, 255, 0.48) inset, -0.0625rem 0 0 0 rgba(255, 255, 255, 0.2) inset, 0.0625rem 0 0 0 rgba(255, 255, 255, 0.2) inset, 0 -0.09375rem 0 0 rgba(0, 0, 0, 0.25) inset; --pc-button-box-shadow_active:0 0.125rem 0.0625rem 0 rgba(26, 26, 26, 0.2) inset, 0.0625rem 0 0.0625rem 0 rgba(26, 26, 26, 0.12) inset, -0.0625rem 0 0.0625rem 0 rgba(26, 26, 26, 0.12) inset; } .Polaris-Frame-ContextualSaveBar__ActionContainer [class*='Polaris-Button--variantTertiary'], .Polaris-Frame-ContextualSaveBar__ActionContainer [class*='Button-variantTertiary']{ --pc-button-bg:var(--p-color-bg-fill-inverse); --pc-button-bg_hover:var(--p-color-bg-fill-inverse-hover); --pc-button-bg_active:var(--p-color-bg-fill-inverse-active); --pc-button-bg_disabled:var(--pc-button-bg); --pc-button-color:var(--p-color-text-inverse); --pc-button-color_disabled:var(--p-color-text-secondary); } .Polaris-Frame-ContextualSaveBar__Action{ margin-left:var(--p-space-200); } .Polaris-Frame-ContextualSaveBar__ContextControl{ display:none; } @media (min-width: 48em){ .Polaris-Frame-ContextualSaveBar__ContextControl{ display:block; width:var(--pg-layout-width-nav-base); } } .Polaris-Frame-CSSAnimation--startFade{ opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; transition:opacity var(--p-motion-duration-300) var(--p-motion-ease-out); pointer-events:none; } .Polaris-Frame-CSSAnimation--endFade{ opacity:1; pointer-events:auto; } .Polaris-Frame{ --pc-frame-button-size:var(--p-space-800); --pc-sidebar-width:calc(22.25rem + var(--p-space-400)); width:100%; min-height:100vh; min-height:100svh; display:flex; background-color:var(--p-color-bg); } @media print{ .Polaris-Frame{ background-color:transparent; } } @media (min-width: 48em){ .Polaris-Frame{ width:calc(100% - var(--pc-frame-offset, 0px)); margin-left:var(--pc-frame-offset); } } .Polaris-Frame__ScrollbarAlwaysVisible{ --pc-scrollbar-spacer:var(--p-space-050); } .Polaris-Frame__Navigation{ position:fixed; z-index:var(--p-z-index-8); top:0; left:0; display:none; flex:0 0 auto; align-items:stretch; height:100%; outline:none; transform:translateX(0%); } @media print{ .Polaris-Frame__Navigation{ display:none !important; } } @media (min-width: 48em){ .Polaris-Frame__Navigation{ z-index:1; left:var(--pc-frame-offset); display:flex; } .Polaris-Frame--hasTopBar .Polaris-Frame__Navigation{ top:var(--pg-top-bar-height); height:calc(100% - var(--pg-top-bar-height)); } } .Polaris-Frame__Navigation:focus{ outline:none; } .Polaris-Frame__Navigation--enter, .Polaris-Frame__Navigation--enterActive, .Polaris-Frame__Navigation--exit, .Polaris-Frame__Navigation--exitActive{ display:flex; } .Polaris-Frame__Navigation--enter{ transform:translateX(-100%); } .Polaris-Frame__Navigation--enterActive{ transform:translateX(0%); transition:transform var(--p-motion-duration-300) var(--p-motion-ease-out); } .Polaris-Frame__Navigation--exit{ transform:translateX(0%); } .Polaris-Frame__Navigation--exitActive{ transform:translateX(-100%); transition:transform var(--p-motion-duration-300) var(--p-motion-ease-out); } .Polaris-Frame__NavigationDismiss{ position: relative; position:absolute; top:0; left:100%; width:var(--pc-frame-button-size); height:var(--pc-frame-button-size); margin:var(--p-space-400); padding:0; border:none; border-radius:var(--p-border-radius-full); background:none; opacity:0; pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; cursor:pointer; transition:opacity var(--p-motion-duration-100) var(--p-motion-ease); } .Polaris-Frame__NavigationDismiss::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Frame__NavigationDismiss svg{ fill:var(--p-color-bg-surface); } @media print{ .Polaris-Frame__NavigationDismiss{ display:none !important; } } .Polaris-Frame__Navigation--visible .Polaris-Frame__NavigationDismiss{ pointer-events:all; opacity:1; } .Polaris-Frame__NavigationDismiss:focus{ position:absolute; border-radius:var(--p-border-radius-100); outline:none; } .Polaris-Frame__NavigationDismiss:focus::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } @media (min-width: 48em){ .Polaris-Frame__NavigationDismiss{ display:none; } } .Polaris-Frame__NavigationDismiss:hover{ background-color:rgba(255, 255, 255, 0.5); } .Polaris-Frame__NavigationDismiss:active{ background-color:rgba(255, 255, 255, 0.5); } .Polaris-Frame__TopBar{ position:fixed; z-index:var(--p-z-index-4); top:0; left:0; width:100%; height:var(--pg-top-bar-height); } @media print{ .Polaris-Frame__TopBar{ display:none !important; } } @media (min-width: 48em){ .Polaris-Frame__TopBar{ left:var(--pc-frame-offset); width:calc(100% - var(--pc-frame-offset, 0px)); } } .Polaris-Frame__ContextualSaveBar{ position:fixed; z-index:var(--p-z-index-5); top:0; left:0; width:100%; } @media (min-width: 48em){ .Polaris-Frame__ContextualSaveBar{ left:var(--pc-frame-offset); width:calc(100% - var(--pc-frame-offset, 0px)); } } .Polaris-Frame__Main{ flex:1 1; display:flex; align-items:stretch; border-inline-end:var(--p-border-width-025) solid var(--p-color-border); min-width:0; } @media (min-width: 30.625em){ .Polaris-Frame__Main{ max-width:calc(100vw - var(--pc-app-provider-scrollbar-width)); } } .Polaris-Frame__Main{ padding-right: 0; padding-right: calc(constant(safe-area-inset-right)); padding-right: calc(env(safe-area-inset-right)); padding-left: 0; padding-left: calc(constant(safe-area-inset-left)); padding-left: calc(env(safe-area-inset-left)); padding-bottom: 0; padding-bottom: calc(constant(safe-area-inset-bottom)); padding-bottom: calc(env(safe-area-inset-bottom)); } @media (min-width: 48em){ .Polaris-Frame--hasNav .Polaris-Frame__Main{ padding-left: var(--pg-layout-width-nav-base); padding-left: calc(var(--pg-layout-width-nav-base) + constant(safe-area-inset-left)); padding-left: calc(var(--pg-layout-width-nav-base) + env(safe-area-inset-left)); } } .Polaris-Frame--hasTopBar .Polaris-Frame__Main{ padding-top:var(--pg-top-bar-height); } @media print{ .Polaris-Frame--hasTopBar .Polaris-Frame__Main{ padding-top:0; } .Polaris-Frame--hasNav .Polaris-Frame__Main{ padding-left:0; } } .Polaris-Frame__Content{ position:relative; padding-bottom:var(--pc-frame-global-ribbon-height, 0); flex:1 1; min-width:0; max-width:100%; } @media screen and (min-width: 1200px){ .Polaris-Frame--hasSidebar .Polaris-Frame__Content{ margin-right:var(--pc-sidebar-width); } } .Polaris-Frame__GlobalRibbonContainer{ position:fixed; z-index:var(--p-z-index-3); bottom:0; width:100%; } @media (min-width: 48em){ .Polaris-Frame__GlobalRibbonContainer{ left:var(--pc-frame-offset); } .Polaris-Frame--hasNav .Polaris-Frame__GlobalRibbonContainer{ left: calc(var(--pg-layout-width-nav-base) + var(--pc-frame-offset)); left: calc(var(--pg-layout-width-nav-base) + var(--pc-frame-offset) + constant(safe-area-inset-left)); left: calc(var(--pg-layout-width-nav-base) + var(--pc-frame-offset) + env(safe-area-inset-left)); width:calc(100% - var(--pg-layout-width-nav-base) - var(--pc-frame-offset, 0px)); } } .Polaris-Frame__LoadingBar{ position:fixed; z-index:var(--p-z-index-6); top:0; right:0; left:0; } @media print{ .Polaris-Frame__LoadingBar{ display:none !important; } } @media (min-width: 48em){ .Polaris-Frame--hasNav .Polaris-Frame__LoadingBar{ left:var(--pc-frame-offset); } .Polaris-Frame--hasTopBar .Polaris-Frame__LoadingBar{ z-index:var(--p-z-index-6); } } .Polaris-Frame__Skip{ --pc-frame-skip-vertical-offset:0.625rem; position:fixed; z-index:var(--p-z-index-9); top:var(--pc-frame-skip-vertical-offset); left:calc(var(--p-space-200) + var(--pc-frame-offset)); opacity:0; pointer-events:none; } .Polaris-Frame__Skip.Polaris-Frame--focused{ pointer-events:all; opacity:1; } .Polaris-Frame__Skip.Polaris-Frame--focused > a::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Frame__Skip > a{ display:inline-flex; align-items:center; justify-content:center; min-height:1.75rem; min-width:1.75rem; margin:0; padding:var(--p-space-150) var(--p-space-300); background:var(--p-color-bg-fill); box-shadow:var(--p-shadow-200); border-radius:var(--p-border-radius-200); border:none; line-height:1; text-align:center; cursor:pointer; -webkit-user-select:none; user-select:none; text-decoration:none; -webkit-tap-highlight-color:transparent; position: relative; color:var(--p-color-text); } .Polaris-Frame__Skip > a::after { content: ''; position: absolute; z-index: 1; top: calc(var(--p-border-width-025)*-1 + -0.0625rem); right: calc(var(--p-border-width-025)*-1 + -0.0625rem); bottom: calc(var(--p-border-width-025)*-1 + -0.0625rem); left: calc(var(--p-border-width-025)*-1 + -0.0625rem); display: block; pointer-events: none; box-shadow: 0 0 0 calc(var(--p-border-width-025)*-1 + -0.0625rem) var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Frame__Skip > a svg{ fill:var(--p-color-icon); } .Polaris-Frame__Skip > a:hover{ background:var(--p-color-bg-fill-hover); outline:var(--p-border-width-025) solid transparent; } .Polaris-Frame__Skip > a:focus-visible{ box-shadow:var(--p-shadow-200); outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-025); } .Polaris-Frame__Skip > a:focus-visible::after{ content:none; } .Polaris-Frame__Skip > a:active::after{ border:none; box-shadow:none; } .Polaris-Frame__Skip > a.Polaris-Frame--pressed{ background:var(--p-color-bg-fill-selected); box-shadow:var(--p-shadow-inset-200); color:var(--p-color-text); border-color:var(--p-color-border-inverse); } .Polaris-Frame__Skip > a.Polaris-Frame--pressed svg{ fill:currentColor; } .Polaris-Frame__Skip > a.Polaris-Frame--pressed:hover{ background:var(--p-color-bg-fill-tertiary-hover); box-shadow:var(--p-shadow-inset-200); } .Polaris-Frame__Skip > a.Polaris-Frame--pressed:active{ background:var(--p-color-bg-fill-tertiary-active); box-shadow:var(--p-shadow-inset-200); } @media (-ms-high-contrast: active){ .Polaris-Frame__Skip > a{ border:var(--p-border-width-025) solid windowText; } } .Polaris-Frame__Skip > a::after { content: ''; position: absolute; z-index: 1; top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.125rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Frame__Skip > a:focus{ border-color:none; box-shadow:none; } .Polaris-FullscreenBar{ position:relative; display:flex; height:var(--pg-top-bar-height); box-shadow:var(--p-shadow-100); background-color:var(--p-color-bg-surface); } .Polaris-FullscreenBar__BackAction{ display:flex; flex:0 1 auto; align-items:center; padding-left:var(--p-space-400); padding-right:var(--p-space-400); border-width:0; border-right:var(--p-border-width-025) solid var(--p-color-border-secondary); background-color:var(--p-color-bg-surface); font-weight:var(--p-font-weight-medium); cursor:pointer; } .Polaris-FullscreenBar__BackAction :first-child{ margin-right:var(--p-space-150); } .Polaris-Grid-Cell{ --pc-row-xs:initial; --pc-row-sm:var(--pc-row-xs); --pc-row-md:var(--pc-row-sm); --pc-row-lg:var(--pc-row-md); --pc-row-xl:var(--pc-row-lg); --pc-column-xs:initial; --pc-column-sm:var(--pc-column-xs); --pc-column-md:var(--pc-column-sm); --pc-column-lg:var(--pc-column-md); --pc-column-xl:var(--pc-column-lg); min-width:0; grid-row:var(--pc-row-xs); grid-column:var(--pc-column-xs); } @media (min-width: 30.625em){ .Polaris-Grid-Cell{ grid-row:var(--pc-row-sm); grid-column:var(--pc-column-sm); } } @media (min-width: 48em){ .Polaris-Grid-Cell{ grid-row:var(--pc-row-md); grid-column:var(--pc-column-md); } } @media (min-width: 65em){ .Polaris-Grid-Cell{ grid-row:var(--pc-row-lg); grid-column:var(--pc-column-lg); } } @media (min-width: 90em){ .Polaris-Grid-Cell{ grid-row:var(--pc-row-xl); grid-column:var(--pc-column-xl); } } .Polaris-Grid-Cell--cell_1ColumnXs { grid-column-end: span 1; } .Polaris-Grid-Cell--cell_2ColumnXs { grid-column-end: span 2; } .Polaris-Grid-Cell--cell_3ColumnXs { grid-column-end: span 3; } .Polaris-Grid-Cell--cell_4ColumnXs { grid-column-end: span 4; } .Polaris-Grid-Cell--cell_5ColumnXs { grid-column-end: span 5; } .Polaris-Grid-Cell--cell_6ColumnXs { grid-column-end: span 6; } @media (min-width: 30.625em) { .Polaris-Grid-Cell--cell_1ColumnSm { grid-column-end: span 1; } .Polaris-Grid-Cell--cell_2ColumnSm { grid-column-end: span 2; } .Polaris-Grid-Cell--cell_3ColumnSm { grid-column-end: span 3; } .Polaris-Grid-Cell--cell_4ColumnSm { grid-column-end: span 4; } .Polaris-Grid-Cell--cell_5ColumnSm { grid-column-end: span 5; } .Polaris-Grid-Cell--cell_6ColumnSm { grid-column-end: span 6; } } @media (min-width: 48em) { .Polaris-Grid-Cell--cell_1ColumnMd { grid-column-end: span 1; } .Polaris-Grid-Cell--cell_2ColumnMd { grid-column-end: span 2; } .Polaris-Grid-Cell--cell_3ColumnMd { grid-column-end: span 3; } .Polaris-Grid-Cell--cell_4ColumnMd { grid-column-end: span 4; } .Polaris-Grid-Cell--cell_5ColumnMd { grid-column-end: span 5; } .Polaris-Grid-Cell--cell_6ColumnMd { grid-column-end: span 6; } } @media (min-width: 65em) { .Polaris-Grid-Cell--cell_1ColumnLg { grid-column-end: span 1; } .Polaris-Grid-Cell--cell_2ColumnLg { grid-column-end: span 2; } .Polaris-Grid-Cell--cell_3ColumnLg { grid-column-end: span 3; } .Polaris-Grid-Cell--cell_4ColumnLg { grid-column-end: span 4; } .Polaris-Grid-Cell--cell_5ColumnLg { grid-column-end: span 5; } .Polaris-Grid-Cell--cell_6ColumnLg { grid-column-end: span 6; } .Polaris-Grid-Cell--cell_7ColumnLg { grid-column-end: span 7; } .Polaris-Grid-Cell--cell_8ColumnLg { grid-column-end: span 8; } .Polaris-Grid-Cell--cell_9ColumnLg { grid-column-end: span 9; } .Polaris-Grid-Cell--cell_10ColumnLg { grid-column-end: span 10; } .Polaris-Grid-Cell--cell_11ColumnLg { grid-column-end: span 11; } .Polaris-Grid-Cell--cell_12ColumnLg { grid-column-end: span 12; } } @media (min-width: 90em) { .Polaris-Grid-Cell--cell_1ColumnXl { grid-column-end: span 1; } .Polaris-Grid-Cell--cell_2ColumnXl { grid-column-end: span 2; } .Polaris-Grid-Cell--cell_3ColumnXl { grid-column-end: span 3; } .Polaris-Grid-Cell--cell_4ColumnXl { grid-column-end: span 4; } .Polaris-Grid-Cell--cell_5ColumnXl { grid-column-end: span 5; } .Polaris-Grid-Cell--cell_6ColumnXl { grid-column-end: span 6; } .Polaris-Grid-Cell--cell_7ColumnXl { grid-column-end: span 7; } .Polaris-Grid-Cell--cell_8ColumnXl { grid-column-end: span 8; } .Polaris-Grid-Cell--cell_9ColumnXl { grid-column-end: span 9; } .Polaris-Grid-Cell--cell_10ColumnXl { grid-column-end: span 10; } .Polaris-Grid-Cell--cell_11ColumnXl { grid-column-end: span 11; } .Polaris-Grid-Cell--cell_12ColumnXl { grid-column-end: span 12; } } .Polaris-Grid{ --pc-grid-areas-xs:initial; --pc-grid-areas-sm:var(--pc-grid-areas-xs); --pc-grid-areas-md:var(--pc-grid-areas-sm); --pc-grid-areas-lg:var(--pc-grid-areas-md); --pc-grid-areas-xl:var(--pc-grid-areas-lg); --pc-grid-columns-xs:6; --pc-grid-columns-sm:var(--pc-grid-columns-xs); --pc-grid-columns-md:var(--pc-grid-columns-sm); --pc-grid-columns-lg:12; --pc-grid-columns-xl:var(--pc-grid-columns-lg); display:grid; gap:var(--pc-grid-gap-xs, var(--p-space-400)); grid-template-areas:var(--pc-grid-areas-xs); grid-template-columns:repeat(var(--pc-grid-columns-xs), minmax(0, 1fr)); } @media (min-width: 30.625em){ .Polaris-Grid{ gap:var(--pc-grid-gap-sm, var(--p-space-400)); grid-template-areas:var(--pc-grid-areas-sm); grid-template-columns:repeat(var(--pc-grid-columns-sm), minmax(0, 1fr)); } } @media (min-width: 48em){ .Polaris-Grid{ gap:var(--pc-grid-gap-md, var(--p-space-400)); grid-template-areas:var(--pc-grid-areas-md); grid-template-columns:repeat(var(--pc-grid-columns-md), minmax(0, 1fr)); } } @media (min-width: 65em){ .Polaris-Grid{ gap:var(--pc-grid-gap-lg, var(--p-space-400)); grid-template-areas:var(--pc-grid-areas-lg); grid-template-columns:repeat(var(--pc-grid-columns-lg), minmax(0, 1fr)); } } @media (min-width: 90em){ .Polaris-Grid{ gap:var(--pc-grid-gap-xl, var(--p-space-400)); grid-template-areas:var(--pc-grid-areas-xl); grid-template-columns:repeat(var(--pc-grid-columns-xl), minmax(0, 1fr)); } } :root{ --item-min-height:var(--p-space-400); --item-min-width:3.125rem; --item-vertical-padding:var(--p-space-200); } @media (max-width: 47.9975em){ .Polaris-Tabs__Outer{ max-width:100%; overflow:hidden; height:unset; padding:0; } .Polaris-Tabs__Wrapper{ overflow:auto; -webkit-overflow-scrolling:touch; padding:var(--p-space-200); } } @media (min-width: 48em){ .Polaris-Tabs__WrapperWithNewButton{ position:relative; display:inline-flex; padding-right:var(--p-space-800); } } @media (max-width: 47.9975em){ .Polaris-Tabs__ButtonWrapper{ display:flex; align-items:center; justify-content:flex-start; } } .Polaris-Tabs{ display:flex; align-items:center; justify-content:flex-start; margin:0; padding:0; list-style:none; gap:var(--p-space-100); } @media (min-width: 48em){ .Polaris-Tabs{ padding:0 var(--p-space-100); flex-wrap:wrap; align-items:stretch; } } .Polaris-Tabs__Tab{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); position:relative; display:inline-flex; justify-content:center; align-items:center; padding:var(--p-space-100) var(--p-space-300); border:0; border-radius:var(--p-border-radius-200); background-color:transparent; color:var(--p-color-text-brand); cursor:pointer; text-decoration:none; width:100%; height:var(--p-height-700); min-width:100%; margin-top:var(--p-space-025); margin-bottom:calc(var(--p-space-025)*-1); outline:none; text-align:center; white-space:nowrap; } .Polaris-Tabs__Tab::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-200); } .Polaris-Tabs__Tab[aria-disabled='true']{ cursor:default; color:var(--p-color-text-disabled); } .Polaris-Tabs__Tab[aria-disabled='true'] path{ fill:var(--p-color-icon-disabled); } .Polaris-Tabs__Tab:not([aria-disabled='true']):hover{ background-color:var(--p-color-bg-fill-transparent-hover); color:var(--p-color-text-brand); } .Polaris-Tabs__Tab:not([aria-disabled='true']):focus{ background-color:var(--p-color-bg-surface-hover); color:var(--p-color-text); } .Polaris-Tabs__Tab:not([aria-disabled='true']):focus-visible{ background-color:transparent; color:var(--p-color-text-brand); } .Polaris-Tabs__Tab:not([aria-disabled='true']):focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Tabs__Tab:not([aria-disabled='true']):focus-visible:not(:active){ outline:0; } .Polaris-Tabs__Tab:not([aria-disabled='true']):focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Tabs__Tab:not([aria-disabled='true']):active{ background-color:var(--p-color-bg-surface-tertiary); color:var(--p-color-text-brand); z-index:var(--p-z-index-1); } .Polaris-Tabs__Tab path{ fill:currentColor; } .Polaris-Tabs__Tab--active{ background:var(--p-color-bg-fill-transparent-selected); border-radius:var(--p-border-radius-200); color:var(--p-color-text); } .Polaris-Tabs__Tab--active[aria-disabled='true']{ background:var(--p-color-bg-surface-disabled); color:var(--p-color-text-disabled); } .Polaris-Tabs__Tab--active:not([aria-disabled='true']):hover, .Polaris-Tabs__Tab--active:not([aria-disabled='true']):focus{ background-color:var(--p-color-bg-fill-transparent-hover); color:var(--p-color-text-brand); } .Polaris-Tabs__Tab--active:not([aria-disabled='true']):active{ background-color:var(--p-color-bg-fill-transparent-selected); color:var(--p-color-text-brand); } .Polaris-Tabs__Tab--hasActions{ padding-right:var(--p-space-200); } .Polaris-Tabs__Tab--iconOnly{ padding-left:var(--p-space-100); padding-right:var(--p-space-100); width:var(--p-space-800); } .Polaris-Tabs--fillSpace .Polaris-Tabs__TabContainer{ flex:1 1 auto; } .Polaris-Tabs--fitted{ flex-wrap:nowrap; } .Polaris-Tabs--fitted .Polaris-Tabs__TabContainer{ flex:1 1 100%; } .Polaris-Tabs__TabContainer{ display:flex; margin:0; padding:0; } .Polaris-Tabs--titleWithIcon{ display:flex; } .Polaris-Tabs__List{ list-style:none; margin:0; padding:var(--p-space-200); } .Polaris-Tabs__Item{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; position: relative; display:block; width:100%; min-height:var(--item-min-height); padding:var(--item-vertical-padding) var(--p-space-400); text-align:left; text-decoration:none; cursor:pointer; border-radius:var(--p-border-radius-100); color:inherit; } .Polaris-Tabs__Item:focus{ outline:none; } .Polaris-Tabs__Item::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Tabs__Item::-moz-focus-inner{ border:none; } .Polaris-Tabs__Item:hover{ background-color:var(--p-color-bg-surface-hover); color:var(--p-color-text); } .Polaris-Tabs__Item:active{ background-color:var(--p-color-bg-surface-active); color:var(--p-color-text); } .Polaris-Tabs__Item:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Tabs__Item:visited{ color:inherit; } .Polaris-Tabs__DisclosureTab{ display:none; } .Polaris-Tabs__DisclosureTab--visible{ display:flex; } .Polaris-Tabs__DisclosureActivator{ position: relative; -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; font-size:inherit; line-height:inherit; color:inherit; height:100%; background-color:transparent; color:var(--p-color-text-brand); display:flex; align-items:center; justify-content:center; cursor:pointer; border-radius:var(--p-border-radius-200); padding:0 var(--p-space-200) 0 var(--p-space-300); margin-top:var(--p-space-025); border:none; outline:none; } .Polaris-Tabs__DisclosureActivator::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Tabs__DisclosureActivator:focus{ outline:none; } .Polaris-Tabs__DisclosureActivator svg{ fill:var(--p-color-icon); } .Polaris-Tabs__DisclosureActivator:hover svg, .Polaris-Tabs__DisclosureActivator:focus svg{ fill:var(--p-color-icon); } .Polaris-Tabs__DisclosureActivator:not([aria-disabled='true']):hover{ background-color:var(--p-color-bg-fill-transparent-hover); color:var(--p-color-text-brand); } .Polaris-Tabs__DisclosureActivator:not([aria-disabled='true']):focus{ background-color:transparent; color:var(--p-color-text-brand); } .Polaris-Tabs__DisclosureActivator:not([aria-disabled='true']):focus-visible{ outline:0; } .Polaris-Tabs__DisclosureActivator:not([aria-disabled='true']):focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Tabs__DisclosureActivator:not([aria-disabled='true']):active{ background-color:var(--p-color-bg-surface-tertiary); z-index:var(--p-z-index-1); } .Polaris-Tabs__DisclosureActivator[aria-disabled='true']{ cursor:default; color:var(--p-color-text-disabled); background:var(--p-color-bg-surface-disabled); } .Polaris-Tabs__DisclosureActivator[aria-disabled='true'] path{ fill:var(--p-color-icon-disabled); } .Polaris-Tabs__TabsMeasurer{ display:flex; gap:0; padding:0; visibility:hidden; height:0; } .Polaris-Tabs__NewTab{ padding:0 var(--p-space-200) 0 var(--p-space-100); } @media (min-width: 48em){ .Polaris-Tabs__NewTab{ position:absolute; right:0; top:0; padding:0; } } .Polaris-Tabs__ActionListWrap{ display:block; } .Polaris-Tabs__Panel{ display:block; } .Polaris-Tabs__Panel:focus{ outline:none; } .Polaris-Tabs__Panel--hidden{ display:none; } .Polaris-IndexFilters-Container{ border-bottom:var(--p-border-width-025) solid var(--p-color-border); border-top-left-radius:var(--p-border-radius-200); border-top-right-radius:var(--p-border-radius-200); background:var(--p-color-bg-surface); } @media (max-width: 30.6225em){ .Polaris-IndexFilters-Container{ border-top-left-radius:0; border-top-right-radius:0; height:unset; } } .Polaris-SortButton-DirectionButton{ position: relative; border-radius:var(--p-border-radius-200); padding:var(--p-space-100) var(--p-space-300) var(--p-space-100) var(--p-space-200); display:grid; align-items:center; grid-template-columns:auto 1fr; gap:var(--p-space-050); cursor:pointer; width:100%; border:none; background:none; text-align:left; } .Polaris-SortButton-DirectionButton::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-200); } .Polaris-SortButton-DirectionButton:hover{ background-color:var(--p-color-bg-fill-transparent-hover); } .Polaris-SortButton-DirectionButton + .Polaris-SortButton-DirectionButton{ margin-top:var(--p-space-100); } .Polaris-SortButton-DirectionButton:focus-visible{ outline:0; } .Polaris-SortButton-DirectionButton:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-SortButton-DirectionButton__DirectionButton--active{ color:var(--p-color-text); background:var(--p-color-bg-fill-transparent-active); } .Polaris-IndexFilters__IndexFiltersWrapper{ width:100%; } @media (min-width: 30.625em){ .Polaris-IndexFilters__IndexFiltersWrapper{ height:auto !important; } } @media (max-width: 30.6225em){ .Polaris-IndexFilters.Polaris-IndexFilters__IndexFiltersSticky{ position:fixed; z-index:var(--p-z-index-1); top:3.5rem; width:100vw; box-shadow:var(--p-shadow-200); } .Polaris-IndexFilters.Polaris-IndexFilters__IndexFiltersStickyFlush{ top:0; } } .Polaris-IndexFilters__TabsWrapper{ flex:1 1; height:2.75rem; } @media (max-width: 47.9975em){ .Polaris-IndexFilters__TabsWrapper{ height:var(--p-space-1200); } } .Polaris-IndexFilters__SmallScreenTabsWrapper{ overflow:hidden; padding:var(--p-space-100) var(--p-space-0) var(--p-space-200) var(--p-space-300); padding:0; } .Polaris-IndexFilters__SmallScreenTabsWrapper.Polaris-IndexFilters__TabsWrapperLoading{ position:relative; } .Polaris-IndexFilters__DesktopLoading{ position:absolute; right:100%; top:50%; height:1.25rem; width:1.25rem; transform:translateY(-50%); } .Polaris-IndexFilters__TabsLoading svg{ display:block; } .Polaris-IndexFilters__TabsWrapperLoading .Polaris-IndexFilters__TabsLoading{ position:absolute; right:0; top:0; height:3.4375rem; width:3.5rem; display:flex; align-items:center; justify-content:center; background:var(--p-color-bg-surface); } .Polaris-IndexFilters__TabsWrapperLoading .Polaris-IndexFilters__TabsLoading::before{ content:''; position:absolute; top:0; left:-1rem; width:var(--p-space-400); height:100%; pointer-events:none; background:linear-gradient( to right, rgba(255, 255, 255, 0), var(--p-color-bg-surface) ); } .Polaris-IndexFilters__ActionWrap{ position:relative; display:flex; gap:var(--p-space-200); align-items:center; justify-content:flex-start; padding:var(--p-space-150) var(--p-space-200); } @media (max-width: 47.9975em){ .Polaris-IndexFilters__ActionWrap{ padding:var(--p-space-200); height:3rem; border-left:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-IndexFilters__ActionWrap::before{ content:''; position:absolute; top:0; left:-1.0625rem; width:var(--p-space-400); height:100%; pointer-events:none; background:linear-gradient( to right, rgba(255, 255, 255, 0), var(--p-color-bg-surface) ); } } .Polaris-IndexFilters__ActionWrap svg{ display:block; } .Polaris-IndexFilters__Spinner{ width:1.25rem; transform:translateX(var(--p-space-100)); } .Polaris-IndexFilters__Spinner svg{ display:block; } .Polaris-IndexFilters__ButtonWrap button, .Polaris-IndexFilters__ActionWrap button{ display:flex; } .Polaris-IndexTable{ --pc-index-table-translate-offset:2.1875rem; --pc-index-table-table-header-offset:var(--pg-control-height); --pc-index-table-cell:1; --pc-index-table-sticky-cell:29; --pc-index-table-bulk-actions:31; --pc-index-table-loading-panel:31; --pc-index-table-checkbox-offset-left:var(--p-space-300); --pc-index-table-checkbox-offset-right:var(--p-space-200); position:relative; border-radius:0; scrollbar-color:auto; } @media (min-width: 30.625em){ .Polaris-IndexTable{ border-radius:inherit; border-start-start-radius:0; border-start-end-radius:0; } } .Polaris-IndexTable__IndexTableWrapper{ border-radius:0; } .Polaris-IndexTable__IndexTableWrapper .Polaris-IndexTable__IndexTableWrapper--scrollBarHidden{ border-radius:inherit; } .Polaris-IndexTable__IndexTableWrapperWithSelectAllActions{ --pc-index-table-bulk-actions-offset:2.5625rem; padding-bottom:var(--pc-index-table-bulk-actions-offset); border-radius:0; } .Polaris-IndexTable__LoadingPanel{ position:absolute; z-index:var(--p-z-index-2); top:0; left:0; display:flex; width:100%; justify-content:center; align-items:center; background:var(--p-color-bg-surface); padding:var(--p-space-200) var(--p-space-400); box-shadow:var(--p-shadow-300); opacity:0; transform:translateY(-100%); transition:opacity var(--p-motion-duration-100) var(--p-motion-ease-in), transform var(--p-motion-duration-100) var(--p-motion-ease-in), visibility var(--p-motion-duration-0) linear var(--p-motion-duration-100); visibility:hidden; } .Polaris-IndexTable__LoadingPanel.Polaris-IndexTable__LoadingPanelEntered{ visibility:visible; opacity:1; transform:translateY(0); transition:opacity var(--p-motion-duration-100) var(--p-motion-ease-out), transform var(--p-motion-duration-100) var(--p-motion-ease-out); } .Polaris-IndexTable__LoadingPanel .Polaris-IndexTable__LoadingPanelRow{ display:flex; flex-wrap:nowrap; width:100%; background:var(--p-color-bg-surface-info); padding:var(--p-space-200); padding-bottom:var(--p-space-100); border-radius:var(--p-border-radius-100); } .Polaris-IndexTable__LoadingPanelText{ margin-left:var(--p-space-300); color:var(--p-color-text); } .Polaris-IndexTable__Table{ width:100%; min-width:100%; border-collapse:collapse; } .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__StickyTable--scrolling .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__StickyTable--scrolling .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first, .Polaris-IndexTable__StickyTable--scrolling .Polaris-IndexTable__TableHeading--first, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__StickyTable--scrolling .Polaris-IndexTable__TableHeading--second{ visibility:visible; background-color:var(--p-color-bg-surface); } .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first, .Polaris-IndexTable__StickyTable--scrolling .Polaris-IndexTable__TableHeading--first, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__StickyTable--scrolling .Polaris-IndexTable__TableHeading--second{ visibility:visible; background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__StickyTable--scrolling .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableHeading--first, .Polaris-IndexTable__StickyTable--scrolling .Polaris-IndexTable__TableHeading--first{ filter:drop-shadow(0.0625rem 0 0 var(--p-color-border-secondary)); } @media (min-width: 30.625em){ .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableHeading--second{ filter:drop-shadow(0.0625rem 0 0 var(--p-color-border-secondary)); } } .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__Table--sticky.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__StickyTable.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__StickyTable.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--sticky.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__Table--sticky.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__StickyTable.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__StickyTable.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child{ filter:drop-shadow(0.0625rem 0 0 var(--p-color-border-secondary)); } .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__Table--scrolling.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__StickyTable--scrolling.Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableCell:first-child{ visibility:visible; } .Polaris-IndexTable__TableRow{ background-color:var(--p-color-bg-surface); cursor:pointer; border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-IndexTable__TableRow:first-child{ border-top:var(--p-border-width-025) solid var(--p-color-border); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--unclickable{ cursor:auto; } .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneSuccess, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-success); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSuccess::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-success); } .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneWarning, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-warning); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneWarning::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-warning); } .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneCritical, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-critical); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneCritical::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-critical); } .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneSubdued, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-secondary); color:var(--p-color-text-secondary); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSubdued::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--subheader{ cursor:default; } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--subheader, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell:last-child{ color:var(--p-color-text-secondary); font-weight:var(--p-font-weight-medium); font-size:var(--p-font-size-300); background-color:var(--p-color-bg-surface-secondary); border-top:var(--p-border-width-025) solid var(--p-color-border); border-bottom:var(--p-border-width-025) solid var(--p-color-border); border-color:var(--p-color-border); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child{ --pc-index-table-checkbox-width:var(--p-space-500); --pc-index-table-checkbox-width-sm:calc(var(--pc-index-table-checkbox-width) + var(--p-width-050)); --pc-index-table-checkbox-padding-left:var(--p-space-300); --pc-index-table-checkbox-padding-right:var(--p-width-150); --pc-index-table-checkbox-child-offset:calc(var(--pc-index-table-checkbox-width) + var(--pc-index-table-checkbox-padding-left)); --pc-index-table-checkbox-child-offset-sm:calc(var(--pc-index-table-checkbox-width-sm) + var(--pc-index-table-checkbox-padding-left)); --pc-table-shifted-checkbox-z-index:30; } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell--first{ left:var(--pc-index-table-checkbox-child-offset); z-index:var(--pc-table-shifted-checkbox-z-index); } @media (max-width: 30.6225em){ .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell--first{ left:var(--pc-index-table-checkbox-child-offset-sm); } } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell--first::before{ content:''; position:absolute; display:block; width:calc(var(--pc-index-table-checkbox-child-offset) + var(--pc-index-table-checkbox-padding-right)); height:100%; top:0; right:var(--pc-index-table-checkbox-child-offset); background-color:var(--p-color-bg-surface); } @media (max-width: 30.6225em){ .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell--first::before{ width:calc(var(--pc-index-table-checkbox-child-offset-sm) + var(--pc-index-table-checkbox-padding-right)); right:var(--pc-index-table-checkbox-child-offset-sm); } } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ --pc-index-table-cell-padding:var(--p-space-150); padding-left:calc(var(--pc-index-table-checkbox-child-offset) + var(--pc-index-table-cell-padding)); } @media (max-width: 30.6225em){ .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ padding-left:calc(var(--pc-index-table-checkbox-child-offset-sm) + var(--pc-index-table-cell-padding)); } } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected{ border-color:var(--p-color-border); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableHeading--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableHeading--second, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-selected); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-selected); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-success-active); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSuccess::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-success-active); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-warning-active); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneWarning::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-warning-active); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-critical-active); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneCritical::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-critical-active); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-secondary-active); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSubdued::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-secondary-active); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child:not(.Polaris-IndexTable__TableRow--disabled)::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-success-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled)::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-success-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-critical-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled)::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-critical-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-warning-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled)::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-warning-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-secondary-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled)::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-secondary-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-brand-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected .Polaris-IndexTable__TableCell:last-child::before{ background-color:var(--p-color-bg-surface-brand-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-brand-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-success-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSuccess::before, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--child.Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-success-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-warning-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-critical-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-secondary-hover); } .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected.Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__TableRow--disabled{ cursor:default; color:var(--p-color-text-secondary); } .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n + 1), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n + 1), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n + 1) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n + 1) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n + 1) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n + 1) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface); } .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow:nth-child(2n) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow:nth-child(2n) .Polaris-IndexTable__TableCell:last-child{ background:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--child:nth-child(2n)::before, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--child:nth-child(2n) .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n + 1) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled):nth-child(2n) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-hover); } .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-brand-selected); } .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--child.Polaris-IndexTable__TableRow--selected:nth-child(2n)::before, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--child.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1)::before, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--child.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first::before, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--child.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-brand-selected); } .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n), .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__Table--scrolling .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-brand-hover); } .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n)::before, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1)::before, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n) .Polaris-IndexTable__TableCell--first::before, .Polaris-IndexTable__ZebraStriping .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--selected:nth-child(2n + 1) .Polaris-IndexTable__TableCell--first::before{ background-color:var(--p-color-bg-surface-brand-hover); } .Polaris-IndexTable__TableHeading{ --pc-index-table-heading-padding-x:var(--p-space-150); --pc-index-table-heading-padding-y:var(--p-space-200); background:var(--p-color-bg-surface-secondary); padding:var(--pc-index-table-heading-padding-y) var(--pc-index-table-heading-padding-x); text-align:left; font-weight:var(--p-font-weight-medium); color:var(--p-color-text-secondary); font-size:var(--p-font-size-300); white-space:nowrap; border:0; } .Polaris-IndexTable__TableHeading:first-child:not(.Polaris-IndexTable__TableHeading--flush){ padding-left:var(--p-space-300); } .Polaris-IndexTable__TableHeading:last-child:not(.Polaris-IndexTable__TableHeading--flush){ padding-right:var(--p-space-300); overflow-x:hidden; } .Polaris-IndexTable--tableHeadingAlignCenter{ text-align:center; } .Polaris-IndexTable--tableHeadingAlignCenter [class*='TooltipContainer']{ justify-content:center; } .Polaris-IndexTable--tableHeadingAlignEnd{ text-align:right; } .Polaris-IndexTable--tableHeadingAlignEnd [class*='TooltipContainer'], .Polaris-IndexTable--tableHeadingAlignEnd [class*='SortableTableHeadingWithCustomMarkup']{ justify-content:end; } .Polaris-IndexTable--tableHeadingExtraPaddingRight{ --pc-index-table-heading-extra-padding-right:0rem; padding-right:var(--pc-index-table-heading-extra-padding-right); } .Polaris-IndexTable__TableHeading--sortable{ background:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__TableHeading--flush{ --pc-index-table-heading-padding-x:0rem; padding:var(--pc-index-table-heading-padding-y) var(--pc-index-table-heading-padding-x); } .Polaris-IndexTable__TableHeading--first{ position:sticky; left:0; padding-left:var(--pc-index-table-checkbox-offset-left); padding-right:var(--pc-index-table-checkbox-offset-right); width:var(--p-space-500); z-index:var(--pc-index-table-sticky-cell); } .Polaris-IndexTable__TableHeadingSortButton{ position:relative; background:none; padding:0; border:0; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-weight:var(--p-font-weight-medium); color:var(--p-color-text-secondary); font-size:var(--p-font-size-300); line-height:var(--p-font-line-height-500); } .Polaris-IndexTable__TableHeadingSortButton:hover .Polaris-IndexTable__TableHeadingSortIcon, .Polaris-IndexTable__TableHeadingSortButton:focus .Polaris-IndexTable__TableHeadingSortIcon{ opacity:1; } .Polaris-IndexTable--tableHeadingSortButtonHeadingAlignEnd{ transform:translateX(var(--p-space-500)); transition-delay:var(--p-motion-duration-50); } .Polaris-IndexTable--tableHeadingSortButtonHeadingAlignEnd:hover, .Polaris-IndexTable--tableHeadingSortButtonHeadingAlignEnd:focus{ transition-delay:none; transform:translateX(var(--p-space-100)); } .Polaris-IndexTable--tableHeadingSortButtonHeadingAlignEnd:hover::before{ content:''; position:absolute; top:0; left:calc(100% - var(--p-space-200)); height:100%; width:var(--p-space-600); display:block; animation:none; transition:none; } .Polaris-IndexTable--tableHeadingSortButtonHeadingAlignEndCurrentlySorted{ transform:translateX(var(--p-space-100)); } .Polaris-IndexTable--tableHeadingSortButtonHeadingAlignEndCurrentlySorted .Polaris-IndexTable--tableHeadingSortIconHeadingAlignEnd{ animation:none; } .Polaris-IndexTable--tableHeadingSortButtonHeadingAlignEndPreviouslySorted{ animation:Polaris-IndexTable--rightAlignedSortButtonSlideOut var(--p-motion-duration-50) var(--p-motion-ease); } .Polaris-IndexTable__TableHeadingSortIcon{ order:1; opacity:0; height:var(--p-space-500); width:var(--p-space-500); } .Polaris-IndexTable__TableHeadingSortIcon:not(.Polaris-IndexTable--tableHeadingSortIconHeadingAlignEnd:hover), .Polaris-IndexTable__TableHeadingSortIcon:not(.Polaris-IndexTable--tableHeadingSortButtonHeadingAlignEndPreviouslySorted){ transition:opacity var(--p-motion-duration-50) var(--p-motion-ease); } .Polaris-IndexTable__TableHeadingSortButton:hover .Polaris-IndexTable--tableHeadingSortIconHeadingAlignEnd{ animation:Polaris-IndexTable--revealRightAlignedSortButtonIcon var(--p-motion-duration-200) var(--p-motion-ease); } .Polaris-IndexTable--tableHeadingSortButtonHeadingAlignEndCurrentlySorted:hover .Polaris-IndexTable--tableHeadingSortIconHeadingAlignEnd{ animation:none; } .Polaris-IndexTable__TableHeadingUnderline::after{ content:''; position:absolute; left:0; bottom:calc(var(--p-border-width-050)*-1); width:100%; height:var(--p-border-width-050); border-bottom:var(--p-border-width-050) dotted var(--p-color-border-tertiary); } .Polaris-IndexTable__TableHeadingTooltipUnderlinePlaceholder{ border-bottom:var(--p-border-width-050) dotted transparent; } .Polaris-IndexTable__TableHeadingSortIcon--visible{ opacity:1; } .Polaris-IndexTable__TableHeadingSortSvg{ display:block; width:100%; max-width:100%; max-height:100%; } .Polaris-IndexTable__SortableTableHeadingWithCustomMarkup{ display:flex; flex-wrap:nowrap; } .Polaris-IndexTable__SortableTableHeaderWrapper{ cursor:pointer; } .Polaris-IndexTable__ColumnHeaderCheckboxWrapper{ display:flex; } .Polaris-IndexTable__FirstStickyHeaderElement{ padding-right:0; } .Polaris-IndexTable__TableHeading--second:not(.Polaris-IndexTable__TableHeading--unselectable){ padding-left:0; } .Polaris-IndexTable__TableHeading--second:not(.Polaris-IndexTable__TableHeading--unselectable):not(.Polaris-IndexTable__TableHeading--flush){ padding-left:var(--pc-index-table-heading-padding-x); } .Polaris-IndexTable__TableCell{ z-index:var(--pc-index-table-cell); text-align:left; padding:var(--p-space-200) var(--p-space-400); white-space:nowrap; } .Polaris-IndexTable__TableCell:not(.Polaris-IndexTable__TableCell--flush){ padding:var(--p-space-150); } .Polaris-IndexTable__TableCell:not(.Polaris-IndexTable__TableCell--flush):first-child{ padding-left:var(--p-space-300); } .Polaris-IndexTable__Table:not(.Polaris-IndexTable__Table--unselectable) .Polaris-IndexTable__TableCell:not(.Polaris-IndexTable__TableCell--flush):first-child{ padding-right:var(--pc-index-table-checkbox-offset-right); } .Polaris-IndexTable__TableCell:not(.Polaris-IndexTable__TableCell--flush):last-child{ padding-right:var(--p-space-300); } .Polaris-IndexTable__TableCell--flush{ padding:0; } .Polaris-IndexTable__TableCell--flush:first-child{ padding:0; } .Polaris-IndexTable__TableCell--first{ position:sticky; left:0; z-index:var(--pc-index-table-sticky-cell); padding:var(--p-space-150) 0; vertical-align:middle; } .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ left:var(--pc-checkbox-offset); } @media (min-width: 30.625em){ .Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell{ position:sticky; z-index:var(--pc-index-table-sticky-cell); } .Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second:not(.Polaris-IndexTable__TableHeading--unselectable), .Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableHeading--second:not(.Polaris-IndexTable__TableHeading--unselectable){ position:sticky; left:0; z-index:var(--pc-index-table-sticky-cell); } } .Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableHeading--second.Polaris-IndexTable__TableHeading--unselectable, .Polaris-IndexTable__StickyTable .Polaris-IndexTable__TableHeading--second.Polaris-IndexTable__TableHeading--unselectable{ position:sticky; left:0; z-index:var(--pc-index-table-sticky-cell); } .Polaris-IndexTable__Table--unselectable{ --pc-index-table-checkbox-width:var(--p-space-500); --pc-index-table-checkbox-width-sm:calc(var(--pc-index-table-checkbox-width) + var(--p-width-050)); --pc-index-table-checkbox-padding-left:var(--p-space-300); --pc-index-table-checkbox-child-offset:calc(var(--pc-index-table-checkbox-width) + var(--pc-index-table-checkbox-padding-left)); --pc-index-table-checkbox-child-offset-sm:calc(var(--pc-index-table-checkbox-width-sm) + var(--pc-index-table-checkbox-padding-left)); } .Polaris-IndexTable__Table--unselectable.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableCell:first-child{ left:0; background-color:var(--p-color-bg-surface); z-index:var(--pc-index-table-sticky-cell); position:sticky; } .Polaris-IndexTable__Table--unselectable.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableRow--subheader .Polaris-IndexTable__TableCell:first-child{ background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__Table--unselectable.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell:first-child{ padding-left:var(--pc-index-table-checkbox-child-offset); } @media (max-width: 30.6225em){ .Polaris-IndexTable__Table--unselectable.Polaris-IndexTable__Table--sticky .Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell:first-child{ padding-left:var(--pc-index-table-checkbox-child-offset-sm); } } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--child .Polaris-IndexTable__TableCell:not(.Polaris-IndexTable__TableCell--flush):first-child{ padding-left:var(--pc-index-table-checkbox-child-offset); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-hover); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSuccess:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-success-hover); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneWarning:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-warning-hover); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneCritical:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-critical-hover); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable--toneSubdued:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-secondary-hover); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled), .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:first-child, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell, .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable__TableRow--hovered.Polaris-IndexTable__TableRow--subheader:not(.Polaris-IndexTable__TableRow--disabled) .Polaris-IndexTable__TableCell:last-child{ background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable--toneSuccess .Polaris-IndexTable__TableCell:first-child{ background-color:var(--p-color-bg-surface-success); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable--toneWarning .Polaris-IndexTable__TableCell:first-child{ background-color:var(--p-color-bg-surface-warning); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable--toneCritical .Polaris-IndexTable__TableCell:first-child{ background-color:var(--p-color-bg-surface-critical); } .Polaris-IndexTable__Table--unselectable .Polaris-IndexTable--toneSubdued .Polaris-IndexTable__TableCell:first-child{ background-color:var(--p-color-bg-surface-secondary); color:var(--p-color-text-secondary); } @media (min-width: 30.625em){ .Polaris-IndexTable--tableStickyScrolling .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable--stickyTableHeaderStickyScrolling .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable--tableStickyScrolling .Polaris-IndexTable__TableHeading--last, .Polaris-IndexTable--stickyTableHeaderStickyScrolling .Polaris-IndexTable__TableHeading--last{ filter:drop-shadow(-0.0625rem 0 0 var(--p-color-border)); } .Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableCell:last-child, .Polaris-IndexTable--stickyTableHeaderStickyLast .Polaris-IndexTable__TableCell:last-child{ position:sticky; right:0; background-color:var(--p-color-bg-surface); z-index:var(--pc-index-table-sticky-cell); } .Polaris-IndexTable--tableStickyLast .Polaris-IndexTable__TableHeading--last, .Polaris-IndexTable--stickyTableHeaderStickyLast .Polaris-IndexTable__TableHeading--last{ position:sticky; right:0; background-color:var(--p-color-bg-surface-secondary); z-index:auto; } } .Polaris-IndexTable__Table--sortable .Polaris-IndexTable__TableHeading{ background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable__StickyTable{ position:absolute; top:0; left:0; right:0; visibility:hidden; z-index:var(--pc-index-table-loading-panel); } .Polaris-IndexTable__StickyTableHeader{ position:absolute; display:flex; width:100%; } .Polaris-IndexTable__StickyTableHeader:not(.Polaris-IndexTable__StickyTableHeader--isSticky){ top:-62.5rem; left:-62.5rem; } .Polaris-IndexTable__StickyTableHeadings{ overflow:hidden; flex:1 1 auto; display:flex; } .Polaris-IndexTable__StickyTableHeading--second{ padding-left:0; } @media (min-width: 30.625em){ .Polaris-IndexTable__StickyTableHeading--second{ display:none; } } .Polaris-IndexTable__StickyTableHeading--second.Polaris-IndexTable--unselectable{ display:none; } .Polaris-IndexTable--stickyTableHeadingSecondScrolling{ padding:0 var(--p-space-025) 0 calc(var(--pc-index-table-checkbox-offset-right) + var(--pc-index-table-heading-padding-x)); display:none; } @media (min-width: 30.625em){ .Polaris-IndexTable--stickyTableHeadingSecondScrolling{ display:block; } } .Polaris-IndexTable__StickyTableHeader--isSticky{ visibility:visible; box-shadow:var(--p-shadow-100); background-color:var(--p-color-bg-surface-secondary); } .Polaris-IndexTable:hover .Polaris-IndexTable__ScrollLeft{ display:block; } .Polaris-IndexTable:hover .Polaris-IndexTable__ScrollRight{ display:block; } .Polaris-IndexTable .Polaris-IndexTable__ScrollRight--onboarding{ display:block; } .Polaris-IndexTable__SelectAllActionsWrapper{ visibility:visible; position:absolute; z-index:var(--pc-index-table-bulk-actions); left:0; width:100%; display:flex; align-items:center; justify-content:flex-start; } .Polaris-IndexTable__SelectAllActionsWrapperWithPagination{ width:100%; } @media (min-width: 48em){ .Polaris-IndexTable__SelectAllActionsWrapperWithPagination{ width:calc(100% - 3.5rem - var(--p-space-200)); } } .Polaris-IndexTable__SelectAllActionsWrapperSticky{ position:fixed; top:auto; bottom:0; } .Polaris-IndexTable__SelectAllActionsWrapperAtEnd{ opacity:0; transition:opacity var(--p-motion-duration-100) var(--p-motion-ease); } .Polaris-IndexTable__SelectAllActionsWrapperAtEndAppear{ opacity:1; } .Polaris-IndexTable__BulkActionsWrapper{ visibility:hidden; opacity:0; position:relative; z-index:var(--pc-index-table-bulk-actions); padding:var(--p-space-150) var(--p-space-200) var(--p-space-150) var(--p-space-300); line-height:var(--p-font-line-height-500); background-color:var(--p-color-bg-surface); transition:opacity var(--p-motion-duration-100) var(--p-motion-ease), visibility var(--p-motion-duration-100) var(--p-motion-ease); } .Polaris-IndexTable__BulkActionsWrapper.Polaris-IndexTable__BulkActionsWrapperVisible{ visibility:visible; opacity:1; } .Polaris-IndexTable__PaginationWrapper{ --pc-pagination-index:30; z-index:var(--pc-pagination-index); } @media (min-width: 48em){ .Polaris-IndexTable__PaginationWrapper{ position:sticky; bottom:0; } .Polaris-IndexTable__PaginationWrapperScrolledPastTop{ position:absolute; bottom:auto; top:var(--pc-index-table-pagination-top-offset); width:100%; } } .Polaris-IndexTable__ScrollBarContainer{ --pc-index-table-scroll-bar:30; --pc-index-table-scroll-bar-height-offset:2.5625rem; position:sticky; z-index:var(--pc-index-table-scroll-bar); bottom:0; padding:var(--p-space-050); background-color:var(--p-color-bg-surface); transition:bottom var(--p-motion-duration-100) var(--p-motion-ease); } @media (min-width: 30.625em){ .Polaris-IndexTable__ScrollBarContainer{ border-bottom-right-radius:var(--p-border-radius-200); border-bottom-left-radius:var(--p-border-radius-200); padding:var(--p-space-050) var(--p-space-200); } } @media (min-width: 48em){ .Polaris-IndexTable__ScrollBarContainerWithPagination{ bottom:var(--pc-index-table-scroll-bar-height-offset); } .Polaris-IndexTable__ScrollBarContainerWithPagination.Polaris-IndexTable__ScrollBarContainerScrolledPastTop{ position:absolute; top:var(--pc-index-table-scroll-bar-top-offset); bottom:auto; width:100%; } } @media (min-width: 30.625em){ .Polaris-IndexTable__ScrollBarContainerWithPagination{ border-bottom-right-radius:0; border-bottom-left-radius:0; } } .Polaris-IndexTable__ScrollBarContainerWithPagination.Polaris-IndexTable__ScrollBarContainerWithSelectAllActions{ bottom:var(--pc-index-table-scroll-bar-height-offset); } .Polaris-IndexTable__ScrollBarContainerWithSelectAllActions.Polaris-IndexTable__ScrollBarContainerScrolledPastTop{ position:absolute; top:var(--pc-index-table-scroll-bar-top-offset); bottom:auto; width:100%; } @media (min-width: 30.625em){ .Polaris-IndexTable__ScrollBarContainerWithSelectAllActions{ border-bottom-right-radius:0; border-bottom-left-radius:0; } } .Polaris-IndexTable__ScrollBarContainerSelectAllActionsSticky{ bottom:var(--pc-index-table-scroll-bar-height-offset); } .Polaris-IndexTable--scrollBarContainerCondensed{ visibility:hidden; pointer-events:none; } .Polaris-IndexTable--scrollBarContainerHidden{ height:0; padding:0; } .Polaris-IndexTable__ScrollBar{ overflow-x:scroll; width:100%; margin:0; padding:0; } .Polaris-IndexTable__ScrollBar::-webkit-scrollbar-track{ border-radius:var(--p-border-radius-100); background-color:transparent; } .Polaris-IndexTable__ScrollBar::-webkit-scrollbar{ -webkit-appearance:none; appearance:none; height:var(--p-space-200); width:var(--p-space-200); background-color:transparent; } .Polaris-IndexTable__ScrollBar::-webkit-scrollbar-thumb{ border-radius:var(--p-border-radius-100); background-color:var(--p-color-border-tertiary); -webkit-transition:background-color var(--p-motion-duration-100) var(--p-motion-ease-out); transition:background-color var(--p-motion-duration-100) var(--p-motion-ease-out); } .Polaris-IndexTable__ScrollBar:hover::-webkit-scrollbar-thumb{ background-color:var(--p-color-border-inverse); } .Polaris-IndexTable--disableTextSelection{ -webkit-user-select:none; user-select:none; } .Polaris-IndexTable__EmptySearchResultWrapper{ padding:var(--p-space-400); } .Polaris-IndexTable--condensedRow{ width:calc(100% + var(--pc-index-table-translate-offset)); transform:translateX(calc(var(--pc-index-table-translate-offset)*-1)); transition:transform var(--p-motion-ease) var(--p-motion-duration-200); display:flex; border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); filter:none; align-items:center; } [data-selectmode='true'] .Polaris-IndexTable--condensedRow{ transform:none; } .Polaris-IndexTable__CondensedList{ list-style-type:none; margin:0; padding:0; overflow:hidden; border-top:0; } .Polaris-IndexTable__CondensedList .Polaris-IndexTable__TableRow:first-child{ border-top:0; } .Polaris-IndexTable__HeaderWrapper{ position:relative; display:flex; align-items:center; width:100%; min-height:3.5rem; padding:var(--p-space-200) var(--p-space-400); background-color:var(--p-color-bg-surface); } .Polaris-IndexTable__HeaderWrapper.Polaris-IndexTable--unselectable{ min-height:auto; padding:0; } .Polaris-IndexTable__StickyTable--condensed{ visibility:visible; } .Polaris-IndexTable__StickyTableHeader--condensed{ padding:var(--p-space-400) var(--p-space-400) var(--p-space-200); } .Polaris-IndexTable__ScrollBarContent{ height:0.0625rem; width:var(--pc-index-table-scroll-bar-content-width); } @keyframes Polaris-IndexTable--rightAlignedSortButtonSlideOut{ 0%{ transform:translateX(var(--p-space-100)); } 80%{ transform:translateX(var(--p-space-100)); } 100%{ transform:translateX(var(--p-space-500)); } } @keyframes Polaris-IndexTable--revealRightAlignedSortButtonIcon{ 0%{ transform:translateX(calc(var(--p-space-500)*-1)); opacity:0; } 40%{ opacity:0; } 50%{ transform:translateX(0); } 100%{ opacity:1; } } .Polaris-IndexTable-Checkbox__Wrapper{ display:flex; justify-content:center; align-items:center; } .Polaris-IndexTable-ScrollContainer{ overflow-x:auto; overscroll-behavior-x:contain; -ms-overflow-style:none; scrollbar-width:none; border-radius:inherit; } .Polaris-IndexTable-ScrollContainer::-webkit-scrollbar{ display:none; } .Polaris-InlineCode__Code{ background-color:var(--p-color-bg-fill-tertiary); border-radius:var(--p-border-radius-050); font-family:var(--p-font-family-mono); font-size:0.85em; font-weight:var(--p-font-weight-medium); padding:var(--p-space-025) var(--p-space-100); } .Polaris-KeyboardKey{ --pc-keyboard-key-base-dimension:1.75rem; height:var(--pc-keyboard-key-base-dimension); display:inline-flex; justify-content:center; margin:0 var(--p-space-050) var(--p-space-050); margin-bottom:0; padding:0 var(--p-space-200); background:var(--p-color-bg-surface-tertiary); border-radius:var(--p-border-radius-100); color:var(--p-color-text-secondary); font-size:var(--p-font-size-350); font-weight:var(--p-font-weight-medium); font-family:var(--p-font-family-sans); line-height:var(--pc-keyboard-key-base-dimension); text-align:center; min-width:var(--pc-keyboard-key-base-dimension); -webkit-user-select:none; user-select:none; } .Polaris-KeyboardKey--small{ box-shadow:none; line-height:var(--p-font-size-400); padding:var(--p-space-050) var(--p-space-100); font-size:var(--p-font-size-300); height:var(--p-space-500); min-width:var(--p-space-500); } .Polaris-TextContainer{ --pc-text-container-spacing:var(--p-space-400); } .Polaris-TextContainer > *:not(:first-child){ margin-top:var(--pc-text-container-spacing); } .Polaris-TextContainer--spacingTight{ --pc-text-container-spacing:var(--p-space-200); } .Polaris-TextContainer--spacingLoose{ --pc-text-container-spacing:var(--p-space-500); } .Polaris-Layout{ display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin-top:calc(var(--p-space-400)*-1); margin-left:calc(var(--p-space-400)*-1); } @media print{ body .Polaris-Layout{ font-size:var(--p-font-size-300); line-height:var(--p-font-line-height-400); } .Polaris-Layout a, .Polaris-Layout button{ color:var(--p-color-text); } } .Polaris-Layout__Section{ flex:var(--pg-layout-relative-size) var(--pg-layout-relative-size) var(--pg-layout-width-primary-min); min-width:51%; } @media print{ .Polaris-Layout__Section{ flex:2 2 22.5rem; } } .Polaris-Layout__Section--fullWidth{ flex:1 1 100%; } .Polaris-Layout__Section--oneHalf{ flex:1 1 var(--pg-layout-width-one-half-width-base); min-width:0; } .Polaris-Layout__Section--oneThird{ flex:1 1 var(--pg-layout-width-one-third-width-base); min-width:0; } .Polaris-Layout__AnnotatedSection{ min-width:0; flex:1 1 100%; } .Polaris-Layout__Section, .Polaris-Layout__AnnotatedSection{ max-width:calc(100% - var(--p-space-400)); margin-top:var(--p-space-400); margin-left:var(--p-space-400); } .Polaris-Layout__Section + .Polaris-Layout__AnnotatedSection, .Polaris-Layout__AnnotatedSection + .Polaris-Layout__AnnotatedSection{ border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); padding-top:var(--p-space-400); } .Polaris-Layout__AnnotationWrapper{ display:flex; flex-wrap:wrap; margin-top:calc(var(--p-space-400)*-1); margin-left:calc(var(--p-space-400)*-1); } .Polaris-Layout__AnnotationContent{ flex:var(--pg-layout-relative-size) var(--pg-layout-relative-size) var(--pg-layout-width-primary-min); } .Polaris-Layout__Annotation{ flex:1 1 var(--pg-layout-width-secondary-min); padding:var(--p-space-400) var(--p-space-400) 0 0; } @media (min-width: 48em){ .Polaris-Layout__Annotation{ padding-bottom:var(--p-space-400); } } .Polaris-Layout__Annotation, .Polaris-Layout__AnnotationContent{ min-width:0; max-width:calc(100% - var(--p-space-400)); margin-top:var(--p-space-400); margin-left:var(--p-space-400); } .Polaris-Tag{ position:relative; display:inline-flex; max-width:100%; align-items:center; padding-inline:calc(var(--p-space-100) + var(--p-space-050)); background-color:var(--p-color-bg-fill-tertiary); border-radius:var(--p-border-radius-200); color:var(--p-color-text); } .Polaris-Tag.Polaris-Tag--disabled{ transition:none; background:var(--p-color-bg-fill-disabled); color:var(--p-color-text-disabled); } .Polaris-Tag.Polaris-Tag--disabled svg{ fill:var(--p-color-icon-disabled); } .Polaris-Tag.Polaris-Tag--clickable{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; padding:0 calc(var(--p-space-100) + var(--p-space-050)); background-color:var(--p-color-bg-fill-tertiary); outline:var(--p-border-width-025) solid transparent; } .Polaris-Tag.Polaris-Tag--clickable:focus{ outline:none; } .Polaris-Tag.Polaris-Tag--clickable:hover{ background:var(--p-color-bg-fill-tertiary-hover); } .Polaris-Tag.Polaris-Tag--clickable{ position: relative; } .Polaris-Tag.Polaris-Tag--clickable::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-200); } .Polaris-Tag.Polaris-Tag--clickable:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Tag.Polaris-Tag--clickable:active{ background:var(--p-color-bg-fill-tertiary-active); } .Polaris-Tag.Polaris-Tag--clickable:disabled{ background:var(--p-color-bg-fill-disabled); cursor:default; pointer-events:none; color:var(--p-color-text-disabled); } .Polaris-Tag.Polaris-Tag--linkable:hover{ background:var(--p-color-bg-fill-tertiary-hover); } .Polaris-Tag.Polaris-Tag--linkable:active{ background:var(--p-color-bg-fill-tertiary-active); } .Polaris-Tag.Polaris-Tag--removable{ padding-right:0; padding-inline-end:0; } .Polaris-Tag__Button{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; display:block; flex-shrink:0; height:1.125rem; width:1.125rem; margin:var(--p-space-025); margin-left:var(--p-space-050); border-radius:0.4375rem; color:var(--p-color-icon-secondary); } .Polaris-Tag__Button:focus{ outline:none; } .Polaris-Tag__Button svg{ fill:currentColor; } .Polaris-Tag__Button:hover{ background:var(--p-color-bg-fill-tertiary-hover); color:var(--p-color-icon-hover); outline:var(--p-border-width-025) solid transparent; } .Polaris-Tag__Button{ position: relative; } .Polaris-Tag__Button::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-200); } .Polaris-Tag__Button:focus-visible{ background:var(--p-color-bg-fill-tertiary-hover); color:var(--p-color-icon-hover); } .Polaris-Tag__Button:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Tag__Button:active{ background:var(--p-color-bg-fill-tertiary-active); } .Polaris-Tag__Button:disabled{ cursor:default; pointer-events:none; } .Polaris-Tag__Button:disabled svg{ fill:var(--p-color-icon-disabled); } .Polaris-Tag__Link{ display:inline-grid; color:var(--p-color-text); outline:none; border-radius:var(--p-border-radius-200); text-decoration:none; position: relative; } .Polaris-Tag__Link::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-200); } .Polaris-Tag__Link:focus-visible:not(:active){ text-decoration:underline; } .Polaris-Tag__Link:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Tag__Link:hover{ background:var(--p-color-bg-fill-tertiary-hover); text-decoration:underline; } .Polaris-Tag__Link.Polaris-Tag--segmented:hover{ background:none; } .Polaris-Tag__Link.Polaris-Tag--segmented::after{ margin-right:var(--p-space-100); } .Polaris-Tag__Link:active{ background:var(--p-color-bg-fill-tertiary-active); } .Polaris-Tag__Text{ line-height:var(--p-font-line-height-500); } .Polaris-Tag--linkable.Polaris-Tag--removable:hover{ background:var(--p-color-bg-fill-tertiary-hover); } .Polaris-Tag--linkable.Polaris-Tag--removable:hover .Polaris-Tag__Button{ background:var(--p-color-bg-fill-tertiary-active); } .Polaris-Tag--sizeLarge, .Polaris-Tag--sizeLarge:is(.Polaris-Tag--removable, .Polaris-Tag--linkable){ min-height:1.5rem; padding:0 var(--p-space-200); } @media (hover: none){ .Polaris-Tag--sizeLarge, .Polaris-Tag--sizeLarge:is(.Polaris-Tag--removable, .Polaris-Tag--linkable){ padding-right:0; } } .Polaris-Tag--sizeLarge .Polaris-Tag__Link.Polaris-Tag--segmented::after{ margin-right:0; } .Polaris-Tag--sizeLarge .Polaris-Tag__Button{ opacity:0; position:absolute; right:var(--p-space-050); left:auto; width:1.25rem; height:1.25rem; margin:0; background-color:var(--p-color-bg-fill-tertiary); } @media (hover: none){ .Polaris-Tag--sizeLarge .Polaris-Tag__Button{ opacity:1; position:unset; } } .Polaris-Tag--sizeLarge .Polaris-Tag__Button:hover{ color:var(--p-color-icon-secondary-hover); } .Polaris-Tag--sizeLarge .Polaris-Tag__Button:active, .Polaris-Tag--sizeLarge .Polaris-Tag__Button:focus{ color:var(--p-color-icon-secondary-active); } .Polaris-Tag--sizeLarge:hover .Polaris-Tag__Button, .Polaris-Tag--sizeLarge .Polaris-Tag__Button:focus-visible{ opacity:1; } .Polaris-Tag--sizeLarge:hover .Polaris-Tag--overlay{ position:absolute; top:0; right:1.25rem; bottom:0; width:0.75rem; pointer-events:none; background:linear-gradient( to left, var(--p-color-bg-fill-tertiary) 0%, transparent 100% ); } .Polaris-Tag--sizeLarge.Polaris-Tag--removable.Polaris-Tag--linkable .Polaris-Tag__Button{ background-color:var(--p-color-bg-fill-tertiary-hover); } @media (hover: none){ .Polaris-Tag--sizeLarge.Polaris-Tag--removable.Polaris-Tag--linkable .Polaris-Tag__Button{ background-color:var(--p-color-bg-fill-tertiary); } } .Polaris-Tag--sizeLarge.Polaris-Tag--removable.Polaris-Tag--linkable:hover .Polaris-Tag--overlay{ background:linear-gradient( to left, var(--p-color-bg-fill-tertiary-hover) 0%, transparent 100% ); } .Polaris-Sheet{ position:fixed; bottom:0; width:100%; height:100%; background-color:var(--p-color-bg-surface); box-shadow:var(--p-shadow-600); } @media screen and (-ms-high-contrast: active){ .Polaris-Sheet{ border-left:var(--p-border-width-025) solid var(--p-color-border-secondary); } } @media (min-width: 48em){ .Polaris-Sheet{ right:0; width:var(--pc-sheet-desktop-width); } } .Polaris-Sheet:focus{ outline:0; } .Polaris-Sheet__Container{ --pc-sheet-desktop-width:23.75rem; position:fixed; z-index:var(--p-z-index-11); top:0; right:0; bottom:0; left:0; } @media (min-width: 48em){ .Polaris-Sheet__Container{ left:auto; width:var(--pc-sheet-desktop-width); } } .Polaris-Sheet__Bottom{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; transition:transform var(--p-motion-duration-300) var(--p-motion-ease); transform-origin:bottom; } .Polaris-Sheet--enterBottom{ transform:translateY(100%); } .Polaris-Sheet--enterBottomActive{ transform:translateY(0%); } .Polaris-Sheet--exitBottom{ transform:translateY(0%); } .Polaris-Sheet--exitBottomActive{ transform:translateY(100%); } .Polaris-Sheet__Right{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; transition:transform var(--p-motion-duration-300) var(--p-motion-ease); transform-origin:right; } .Polaris-Sheet--enterRight{ transform:translateX(100%); } .Polaris-Sheet--enterRightActive{ transform:translateX(0%); } .Polaris-Sheet--exitRight{ transform:translateX(0%); } .Polaris-Sheet--exitRightActive{ transform:translateX(100%); } .Polaris-LegacyFilters-ConnectedFilterControl{ --pc-connceted-filter-control-item:10; --pc-connceted-filter-control-focused:20; display:flex; flex-grow:1; align-items:center; } .Polaris-LegacyFilters-ConnectedFilterControl .Polaris-LegacyFilters-ConnectedFilterControl__CenterContainer{ flex:1 1 auto; min-width:6.25rem; } .Polaris-LegacyFilters-ConnectedFilterControl.Polaris-LegacyFilters-ConnectedFilterControl--right .Polaris-LegacyFilters-ConnectedFilterControl__CenterContainer *{ border-top-right-radius:var(--p-border-radius-200); border-bottom-right-radius:var(--p-border-radius-200); } .Polaris-LegacyFilters-ConnectedFilterControl__Item{ position:relative; z-index:var(--pc-connceted-filter-control-item); } .Polaris-LegacyFilters-ConnectedFilterControl__Item--focused{ z-index:var(--pc-connceted-filter-control-focused); } .Polaris-LegacyFilters-ConnectedFilterControl__ProxyButtonContainer{ position:absolute; top:-62.5rem; left:-62.5rem; display:flex; width:100%; height:0; visibility:hidden; overflow:hidden; } .Polaris-LegacyFilters-ConnectedFilterControl__ProxyButtonContainer > *{ flex-shrink:0; } .Polaris-LegacyFilters-ConnectedFilterControl__CenterContainer + .Polaris-LegacyFilters-ConnectedFilterControl__RightContainer, .Polaris-LegacyFilters-ConnectedFilterControl__CenterContainer + .Polaris-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer{ margin-left:var(--p-space-200); } .Polaris-LegacyFilters-ConnectedFilterControl__RightContainer{ display:flex; flex-shrink:0; } .Polaris-LegacyFilters-ConnectedFilterControl__RightContainer .Polaris-LegacyFilters-ConnectedFilterControl__Item > div > button{ margin-right:calc(var(--p-space-025)*-1); border-radius:0; } .Polaris-LegacyFilters-ConnectedFilterControl__RightContainer .Polaris-LegacyFilters-ConnectedFilterControl__Item{ flex-shrink:0; } .Polaris-LegacyFilters-ConnectedFilterControl__RightContainer .Polaris-LegacyFilters-ConnectedFilterControl__Item:first-of-type > div > button{ border-top-left-radius:var(--p-border-radius-200); border-bottom-left-radius:var(--p-border-radius-200); } .Polaris-LegacyFilters-ConnectedFilterControl__RightContainer .Polaris-LegacyFilters-ConnectedFilterControl__Item:last-of-type > div > button{ border-top-right-radius:var(--p-border-radius-200); border-bottom-right-radius:var(--p-border-radius-200); } .Polaris-LegacyFilters-ConnectedFilterControl__RightContainer.Polaris-LegacyFilters-ConnectedFilterControl--queryFieldHidden .Polaris-LegacyFilters-ConnectedFilterControl__Item:first-of-type > div > button{ border-top-left-radius:var(--p-border-radius-200); border-bottom-left-radius:var(--p-border-radius-200); } .Polaris-LegacyFilters-ConnectedFilterControl__RightContainerWithoutMoreFilters .Polaris-LegacyFilters-ConnectedFilterControl__Item:last-child > div > button{ border-top-right-radius:var(--p-border-radius-200); border-bottom-right-radius:var(--p-border-radius-200); } .Polaris-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer{ padding-left:var(--p-space-200); } .Polaris-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer .Polaris-LegacyFilters-ConnectedFilterControl__Item > div > button{ white-space:nowrap; border-top-left-radius:var(--p-border-radius-200); border-bottom-left-radius:var(--p-border-radius-200); } .Polaris-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer.Polaris-LegacyFilters-ConnectedFilterControl--onlyButtonVisible{ padding-left:0; } .Polaris-LegacyFilters-ConnectedFilterControl__MoreFiltersButtonContainer.Polaris-LegacyFilters-ConnectedFilterControl--onlyButtonVisible .Polaris-LegacyFilters-ConnectedFilterControl__Item > div > button{ border-radius:var(--p-border-radius-200); } .Polaris-LegacyFilters-ConnectedFilterControl__Wrapper{ display:flex; align-items:center; } .Polaris-LegacyFilters-ConnectedFilterControl__AuxiliaryContainer{ flex-grow:0; margin-left:var(--p-space-200); } @media (min-width: 48em){ .Polaris-LegacyFilters-ConnectedFilterControl__AuxiliaryContainer{ margin-left:0; } } .Polaris-LegacyFilters{ --pc-legacy-filters-header-height:var(--pg-top-bar-height); --pc-legacy-filters-footer-height:4.375rem; position:relative; } .Polaris-LegacyFilters__LegacyFiltersContainer{ position:relative; height:100%; width:100%; display:flex; flex-direction:column; } .Polaris-LegacyFilters__LegacyFiltersContainerHeader{ top:0; width:100%; padding:var(--p-space-400) var(--p-space-500); border-bottom:var(--p-border-width-025) solid var(--p-color-border-secondary); height:var(--pc-legacy-filters-header-height); box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; } .Polaris-LegacyFilters__LegacyFiltersDesktopContainerContent{ width:100%; height:calc(100% - var(--pc-legacy-filters-footer-height) - var(--pc-legacy-filters-header-height)); padding:var(--p-space-200); } .Polaris-LegacyFilters__LegacyFiltersMobileContainerContent{ width:100%; height:calc(100% - var(--pc-legacy-filters-header-height)); padding:var(--p-space-200); } .Polaris-LegacyFilters__LegacyFiltersContainerFooter{ position:absolute; bottom:0; width:100%; padding:var(--p-space-400) var(--p-space-500); border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); height:var(--pc-legacy-filters-footer-height); box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; } .Polaris-LegacyFilters__LegacyFiltersMobileContainerFooter{ width:100%; padding:var(--p-space-400) var(--p-space-400); height:var(--pc-legacy-filters-footer-height); box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; } .Polaris-LegacyFilters__EmptyFooterState{ border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); padding-top:var(--p-space-400); width:100%; display:flex; justify-content:center; } .Polaris-LegacyFilters__FilterTriggerContainer{ position:relative; } .Polaris-LegacyFilters__FilterTrigger{ width:100%; margin:0; padding:var(--p-space-400) var(--p-space-500); color:var(--p-color-text); border-radius:var(--p-border-radius-100); background:none; border:none; outline:none; position: relative; } .Polaris-LegacyFilters__FilterTrigger::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-LegacyFilters__FilterTrigger:focus{ box-shadow:none; } .Polaris-LegacyFilters__FilterTrigger:hover{ cursor:pointer; background-color:var(--p-color-bg-surface-hover); outline:var(--p-border-width-025) solid transparent; } .Polaris-LegacyFilters__FilterTrigger:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-LegacyFilters__FilterTriggerTitle{ font-size:0.9375rem; font-weight:var(--p-font-weight-semibold); } .Polaris-LegacyFilters__AppliedFilterBadgeContainer{ padding-top:var(--p-space-100); display:flex; } .Polaris-LegacyFilters--open .Polaris-LegacyFilters__AppliedFilterBadgeContainer{ display:none; } .Polaris-LegacyFilters__FilterTriggerLabelContainer{ display:flex; align-items:center; justify-content:space-between; } .Polaris-LegacyFilters--open::before, .Polaris-LegacyFilters--open::after{ content:''; position:relative; left:var(--p-space-400); width:calc(100% - var(--p-space-800)); height:var(--p-space-025); background-color:var(--p-color-bg-surface-tertiary); display:block; } .Polaris-LegacyFilters--open::before{ top:0; } .Polaris-LegacyFilters--open::after{ bottom:0; } .Polaris-LegacyFilters--open.Polaris-LegacyFilters--first::after{ content:''; bottom:0; position:relative; left:var(--p-space-400); width:calc(100% - var(--p-space-800)); height:var(--p-space-025); background-color:var(--p-color-bg-surface-tertiary); display:block; } .Polaris-LegacyFilters--open.Polaris-LegacyFilters--first::before{ display:none; } .Polaris-LegacyFilters--open ~ .Polaris-LegacyFilters--open::before{ display:none; } .Polaris-LegacyFilters--open.Polaris-LegacyFilters--last::before{ content:''; top:0; position:relative; left:var(--p-space-400); width:calc(100% - var(--p-space-800)); height:var(--p-space-025); background-color:var(--p-color-bg-surface-tertiary); display:block; } .Polaris-LegacyFilters--open.Polaris-LegacyFilters--last::after{ display:none; } .Polaris-LegacyFilters--open + .Polaris-LegacyFilters--last::before{ display:none; } .Polaris-LegacyFilters__FilterNodeContainer{ padding:var(--p-space-200) var(--p-space-500) var(--p-space-500) var(--p-space-500); } .Polaris-LegacyFilters__SearchIcon{ fill:currentColor; } .Polaris-LegacyFilters__Backdrop{ position:fixed; z-index:var(--p-z-index-10); top:0; right:0; bottom:0; left:0; display:block; opacity:0; } .Polaris-LegacyFilters__HelpText{ margin-top:var(--p-space-200); } .Polaris-LegacyFilters__TagsContainer{ display:flex; padding-top:var(--p-space-200); flex-wrap:wrap; } .Polaris-LegacyFilters__TagsContainer > *{ margin-right:var(--p-space-200); margin-bottom:var(--p-space-200); } .Polaris-LegacyTabs{ display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; } .Polaris-LegacyTabs--fitted{ flex-wrap:nowrap; } .Polaris-LegacyTabs--fitted .Polaris-LegacyTabs__TabContainer{ flex:1 1 100%; } .Polaris-LegacyTabs--fitted .Polaris-LegacyTabs__Title{ width:100%; padding:var(--p-space-150) var(--p-space-300); } .Polaris-LegacyTabs--fillSpace .Polaris-LegacyTabs__TabContainer{ flex:1 1 auto; } .Polaris-LegacyTabs__TabContainer{ display:flex; margin:0; padding:0; } .Polaris-LegacyTabs__Tab{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; color:var(--p-color-text); position:relative; justify-content:center; width:100%; min-width:100%; margin-top:var(--p-space-025); margin-bottom:calc(var(--p-space-025)*-1); padding:var(--p-space-200) var(--p-space-100); outline:none; text-align:center; white-space:nowrap; text-decoration:none; cursor:pointer; } .Polaris-LegacyTabs__Tab:focus{ outline:none; } .Polaris-LegacyTabs__Tab:hover{ text-decoration:none; } .Polaris-LegacyTabs__Tab:hover .Polaris-LegacyTabs__Title{ color:var(--p-color-text-brand); background-color:transparent; } .Polaris-LegacyTabs__Tab:hover .Polaris-LegacyTabs__Title::before{ background-color:var(--p-color-bg-fill-tertiary-hover); } .Polaris-LegacyTabs__Tab:active .Polaris-LegacyTabs__Title{ background-color:transparent; } .Polaris-LegacyTabs__Tab:active .Polaris-LegacyTabs__Title::before{ background:var(--p-color-bg-fill-tertiary-active); } .Polaris-LegacyTabs__Tab:focus-visible .Polaris-LegacyTabs__Title{ color:var(--p-color-text-brand); } .Polaris-LegacyTabs__Tab:focus-visible:not(:active) .Polaris-LegacyTabs__Title::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-LegacyTabs__Tab:visited{ color:inherit; } .Polaris-LegacyTabs__Tab--selected{ color:var(--p-color-text-brand); } .Polaris-LegacyTabs__Tab--selected:focus .Polaris-LegacyTabs__Title{ outline:var(--p-border-width-050) solid transparent; } .Polaris-LegacyTabs__Tab--selected:focus .Polaris-LegacyTabs__Title::before{ background:var(--p-color-bg-fill-brand); } .Polaris-LegacyTabs__Tab--selected .Polaris-LegacyTabs__Title{ outline:var(--p-border-width-050) solid transparent; color:var(--p-color-text-brand); } .Polaris-LegacyTabs__Tab--selected .Polaris-LegacyTabs__Title::before{ background:var(--p-color-bg-fill-brand); } .Polaris-LegacyTabs__Title{ position: relative; border-radius:var(--p-border-radius-100); display:block; padding:var(--p-space-150) var(--p-space-300); min-width:3.125rem; color:var(--p-color-text-brand); } .Polaris-LegacyTabs__Title::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-LegacyTabs__Title::before{ content:''; position:absolute; bottom:calc(var(--p-space-200)*-1); left:0; right:0; height:var(--p-border-width-050); border-top-left-radius:var(--p-border-radius-100); border-top-right-radius:var(--p-border-radius-100); } .Polaris-LegacyTabs--titleWithIcon{ display:flex; } .Polaris-LegacyTabs__Panel{ display:block; } .Polaris-LegacyTabs__Panel:focus{ outline:none; } .Polaris-LegacyTabs__Panel--hidden{ display:none; } .Polaris-LegacyTabs__Item{ --pc-legacy-tabs-item-min-height:1rem; --pc-legacy-tabs-item-vertical-padding:calc(var(--pc-legacy-tabs-item-min-height)*0.5); -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; position: relative; display:block; width:100%; min-height:var(--pc-legacy-tabs-item-min-height); padding:var(--pc-legacy-tabs-item-vertical-padding) var(--p-space-400); text-align:left; text-decoration:none; cursor:pointer; border-radius:var(--p-border-radius-100); color:inherit; } .Polaris-LegacyTabs__Item:focus{ outline:none; } .Polaris-LegacyTabs__Item::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-LegacyTabs__Item::-moz-focus-inner{ border:none; } .Polaris-LegacyTabs__Item:hover{ background-color:var(--p-color-bg-surface-hover); } .Polaris-LegacyTabs__Item:active{ background-color:var(--p-color-bg-surface-brand-active); } .Polaris-LegacyTabs__Item:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-LegacyTabs__Item:visited{ color:inherit; } .Polaris-LegacyTabs__DisclosureTab{ display:none; } .Polaris-LegacyTabs__DisclosureTab--visible{ display:flex; } .Polaris-LegacyTabs__DisclosureActivator{ position: relative; height:100%; background-color:transparent; cursor:pointer; border:none; outline:none; margin:var(--p-space-025) var(--p-space-025) calc(var(--p-space-025)*-1) 0; } .Polaris-LegacyTabs__DisclosureActivator::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-LegacyTabs__DisclosureActivator:hover svg, .Polaris-LegacyTabs__DisclosureActivator:focus svg{ fill:var(--p-color-icon); } .Polaris-LegacyTabs__DisclosureActivator:focus-visible .Polaris-LegacyTabs__Title::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-LegacyTabs__DisclosureActivator:hover .Polaris-LegacyTabs__Title::before{ background-color:var(--p-color-border-hover); } .Polaris-LegacyTabs__TabMeasurer{ display:flex; visibility:hidden; height:0; } .Polaris-Link{ -webkit-appearance:none; appearance:none; display:inline; text-align:inherit; padding:0; background:none; border:0; font-size:inherit; font-weight:inherit; color:var(--p-color-text-link); text-decoration:underline; cursor:pointer; touch-action:manipulation; } .Polaris-Link:hover{ color:var(--p-color-text-link-hover); text-decoration:underline; } .Polaris-Link:focus, .Polaris-Link:focus-visible{ outline:var(--p-color-border-focus) auto var(--p-border-width-050); outline-offset:var(--p-space-050); border-radius:var(--p-border-radius-150); } .Polaris-Link:active{ position:relative; color:var(--p-color-text-link-active); } @media print{ .Polaris-Link{ text-decoration-color:var(--p-color-border-tertiary); } } .Polaris-Link--monochrome{ color:inherit; } .Polaris-Link--monochrome:hover, .Polaris-Link--monochrome:focus, .Polaris-Link--monochrome:active{ color:inherit; } .Polaris-Link--removeUnderline{ text-decoration:none; } .Polaris-Link--removeUnderline:hover{ text-decoration:underline; } .Polaris-List{ padding-left:var(--p-space-500); margin-top:0; margin-bottom:0; list-style:disc outside none; } .Polaris-List + .Polaris-List{ margin-top:var(--p-space-400); } .Polaris-List--typeNumber{ padding-left:var(--p-space-800); list-style:decimal outside none; } .Polaris-List__Item .Polaris-List:first-child{ margin-top:var(--p-space-200); } .Polaris-List--spacingLoose .Polaris-List__Item{ margin-bottom:var(--p-space-100); } .Polaris-MediaCard{ height:100%; width:100%; display:flex; flex-flow:row wrap; } .Polaris-MediaCard.Polaris-MediaCard--portrait{ flex-flow:column nowrap; } @media (max-width: 47.9975em){ .Polaris-MediaCard{ flex-flow:column nowrap; } } .Polaris-MediaCard__MediaContainer{ overflow:hidden; } .Polaris-MediaCard__MediaContainer:not(.Polaris-MediaCard--portrait){ flex-basis:40%; } @media (min-width: 48em){ .Polaris-MediaCard__MediaContainer:not(.Polaris-MediaCard--portrait){ border-top-right-radius:0; border-top-left-radius:var(--p-border-radius-200); border-bottom-left-radius:var(--p-border-radius-200); } } .Polaris-MediaCard__MediaContainer.Polaris-MediaCard--sizeSmall:not(.Polaris-MediaCard--portrait){ flex-basis:33%; } @media (min-width: 30.625em){ .Polaris-MediaCard__MediaContainer{ border-top-left-radius:var(--p-border-radius-200); border-top-right-radius:var(--p-border-radius-200); } } .Polaris-MediaCard__InfoContainer{ position:relative; } .Polaris-MediaCard__InfoContainer:not(.Polaris-MediaCard--portrait){ flex-basis:60%; } .Polaris-MediaCard__InfoContainer.Polaris-MediaCard--sizeSmall:not(.Polaris-MediaCard--portrait){ flex-basis:67%; } .Polaris-MediaCard__ActionContainer{ padding-top:var(--p-space-200); } .Polaris-MediaCard__ActionContainer.Polaris-MediaCard--portrait{ padding-top:var(--p-space-200); } @media (max-width: 47.9975em){ .Polaris-MediaCard__ActionContainer{ padding-top:var(--p-space-200); } } .Polaris-Navigation{ --pc-navigation-mobile-height:2.5rem; --pc-navigation-desktop-height:1.75rem; --pc-navigation-icon-size:1.25rem; --pc-navigation-item-line-height:2.5rem; --pc-navigation-letter-spacing-medium:-0.005rem; display:flex; flex-direction:column; align-items:stretch; width:var(--pg-mobile-nav-width); min-width:var(--pg-layout-width-nav-base); max-width:22.5rem; height:100%; min-height:100%; background-color:var(--p-color-nav-bg); -webkit-overflow-scrolling:touch; border-right:0; padding-bottom: 0; padding-bottom: calc(constant(safe-area-inset-bottom)); padding-bottom: calc(env(safe-area-inset-bottom)); } .Polaris-Navigation:focus{ outline:none; } @media (min-width: 48em){ .Polaris-Navigation{ max-width: var(--pg-layout-width-nav-base); max-width: calc(var(--pg-layout-width-nav-base) + constant(safe-area-inset-left)); max-width: calc(var(--pg-layout-width-nav-base) + env(safe-area-inset-left)); } } .Polaris-Navigation__UserMenu{ flex:0 0 auto; } .Polaris-Navigation__ContextControl{ background-color:var(--p-color-bg-inverse); margin-bottom:var(--p-space-400); min-height:var(--pg-top-bar-height); } @media (min-width: 48em){ .Polaris-Navigation__ContextControl{ display:none; } } .Polaris-Navigation__PrimaryNavigation{ display:flex; overflow:auto; flex:1 1 auto; flex-direction:column; align-items:stretch; max-width:100%; padding-top:var(--p-space-100); scrollbar-width:thin; scrollbar-gutter:stable; scrollbar-color:var(--p-color-nav-bg) transparent; transition:scrollbar-color var(--p-motion-duration-100) var(--p-motion-ease-in); } @media (min-width: 48em){ .Polaris-Navigation__PrimaryNavigation{ padding-top:var(--p-space-400); } } .Polaris-Navigation__PrimaryNavigation:focus{ outline:none; } .Polaris-Navigation__PrimaryNavigation::-webkit-scrollbar{ width:0.6875rem; opacity:0; } .Polaris-Navigation__PrimaryNavigation::-webkit-scrollbar-thumb{ background-color:var(--p-color-scrollbar-thumb-bg-hover); border:var(--p-border-width-050) solid transparent; border-radius:var(--p-border-radius-300); background-clip:content-box; } .Polaris-Navigation__PrimaryNavigation:hover{ scrollbar-color:var(--p-color-scrollbar-thumb-bg-hover) transparent; background-color:var(--p-color-nav-bg); } .Polaris-Navigation__PrimaryNavigation:hover::-webkit-scrollbar{ opacity:1; } .Polaris-Navigation__LogoContainer{ display:none; } @media (max-width: 47.9975em){ .Polaris-Navigation__LogoContainer{ display:flex; flex:0 0 var(--pg-top-bar-height); align-items:center; height:var(--pg-top-bar-height); padding:0 var(--p-space-200) 0 var(--p-space-400); background-color:var(--p-color-bg-inverse); box-shadow:var(--p-shadow-200); margin-bottom:var(--p-space-400); flex-basis: var(--pg-top-bar-height); flex-basis: calc(var(--pg-top-bar-height) + constant(safe-area-inset-left)); flex-basis: calc(var(--pg-top-bar-height) + env(safe-area-inset-left)); padding-left: var(--p-space-400); padding-left: calc(var(--p-space-400) + constant(safe-area-inset-left)); padding-left: calc(var(--p-space-400) + env(safe-area-inset-left)); } } .Polaris-Navigation__LogoContainer.Polaris-Navigation--hasLogoSuffix{ gap:var(--p-space-200); } .Polaris-Navigation__Logo, .Polaris-Navigation__LogoLink{ display:block; } .Polaris-Navigation__Item{ -webkit-appearance:none; appearance:none; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; display:flex; flex-grow:1; align-items:flex-start; max-width:100%; padding:0 var(--p-space-100) 0 var(--p-space-200); margin:0; color:var(--p-color-text); text-decoration:none; text-align:left; position:relative; } .Polaris-Navigation__Item:focus{ outline:none; } .Polaris-Navigation__Item::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Navigation__Item:focus-visible{ background:var(--p-color-bg-surface-hover); color:var(--p-color-text); text-decoration:none; } .Polaris-Navigation__Item:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Navigation__Item:focus-visible:not(:active){ z-index:var(--p-z-index-1); outline:var(--p-border-width-050) solid var(--p-color-border-focus); } .Polaris-Navigation__Item:focus-visible:not(:active)::after{ content:none; } .Polaris-Navigation__Item:active, .Polaris-Navigation__Item:active:hover{ color:var(--p-color-text); background-color:var(--p-color-nav-bg-surface-selected); } .Polaris-Navigation__Item:active::after, .Polaris-Navigation__Item:active:hover::after{ content:none; } .Polaris-Navigation__Item::-moz-focus-inner{ border:0; } .Polaris-Navigation__Item svg, .Polaris-Navigation__Item img{ display:block; height:var(--p-space-500); width:var(--p-space-500); } .Polaris-Navigation__Item .Polaris-Navigation__Icon--resized svg, .Polaris-Navigation__Item .Polaris-Navigation__Icon--resized img{ margin:var(--p-space-050); height:var(--p-space-400); width:var(--p-space-400); } .Polaris-Navigation__Item .Polaris-Navigation__Icon--resized img{ border-radius:var(--p-border-radius-100); } .Polaris-Navigation__Item:is(:hover, :focus-visible){ background-color:transparent; color:var(--p-color-text); text-decoration:none; } .Polaris-Navigation__Item .Polaris-Navigation__Badge{ margin-right:0; } .Polaris-Navigation__Item::before{ opacity:0; } .Polaris-Navigation__Item, .Polaris-Navigation__ItemInnerWrapper{ border-radius:var(--p-border-radius-200); transition:background-color var(--p-motion-duration-150) var(--p-motion-ease-out); } .Polaris-Navigation__ItemWrapper{ --secondary-actions-on-hover-background-color:var( --p-color-nav-bg-surface-hover ); width:100%; padding:0 var(--p-space-300); } @supports (scrollbar-gutter: stable){ .Polaris-Navigation__ItemWrapper{ padding:0 calc(var(--p-space-300) - var(--pc-app-provider-scrollbar-width)) 0 var(--p-space-300); } } .Polaris-Navigation__ItemInnerWrapper{ position:relative; display:flex; flex-wrap:nowrap; width:100%; transition:background-color var(--p-motion-duration-150) var(--p-motion-ease-out); } .Polaris-Navigation__ItemInnerWrapper.Polaris-Navigation__ItemInnerDisabled{ pointer-events:none; } .Polaris-Navigation__ItemInnerWrapper:is(:hover, :focus-visible){ background:var(--p-color-nav-bg-surface-hover); } @media (min-width: 48em){ .Polaris-Navigation__ItemInnerWrapper.Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:hover, :focus-visible) .Polaris-Navigation__SecondaryActions{ background:var(--secondary-actions-on-hover-background-color); } .Polaris-Navigation__ItemInnerWrapper.Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:hover, :focus-visible) .Polaris-Navigation__SecondaryActions::before{ background:linear-gradient( to right, rgba(0, 0, 0, 0), var(--p-color-nav-bg-surface-hover) var(--p-space-800) ); } .Polaris-Navigation__ItemInnerWrapper.Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:active) .Polaris-Navigation__SecondaryActions{ background:var(--p-color-nav-bg-surface-active); } } .Polaris-Navigation__ItemInnerWrapper:active{ background-color:var(--p-color-nav-bg-surface-active); } @media (min-width: 48em){ .Polaris-Navigation__ItemInnerWrapper.Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover:active .Polaris-Navigation__SecondaryActions::before{ background:linear-gradient( to right, rgba(0, 0, 0, 0), var(--p-color-nav-bg-surface-active) var(--p-space-800) ); } } .Polaris-Navigation__ItemInnerWrapper--selected{ background-color:var(--p-color-nav-bg-surface-selected); } .Polaris-Navigation__ItemInnerWrapper--selected .Polaris-Navigation__Text{ color:var(--p-color-text); } .Polaris-Navigation__ItemInnerWrapper--selected:is(:hover, :focus-visible, :focus-within){ background:var(--p-color-nav-bg-surface-selected); } @media (min-width: 48em){ .Polaris-Navigation__ItemInnerWrapper--selected.Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:hover, :focus-visible, :focus-within) .Polaris-Navigation__SecondaryActions{ background:var(--p-color-nav-bg-surface-selected); } .Polaris-Navigation__ItemInnerWrapper--selected.Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover:is(:hover, :focus-visible, :focus-within) .Polaris-Navigation__SecondaryActions::before{ background:linear-gradient( to right, rgba(0, 0, 0, 0), var(--p-color-nav-bg-surface-selected) var(--p-space-800) ); } } .Polaris-Navigation__ItemInnerWrapper--selected:active{ background:var(--p-color-nav-bg-surface-active); } .Polaris-Navigation__ItemInnerWrapper--selected .Polaris-Navigation__SecondaryActions{ background:var(--p-color-nav-bg-surface-selected); border-top-right-radius:var(--p-border-radius-200); border-bottom-right-radius:var(--p-border-radius-200); } .Polaris-Navigation__ItemInnerWrapper--selected .Polaris-Navigation__SecondaryActions::before{ background:linear-gradient( to right, rgba(0, 0, 0, 0), var(--p-color-nav-bg-surface-selected) var(--p-space-800) ); } .Polaris-Navigation__ItemInnerWrapper--open{ background-color:transparent; } .Polaris-Navigation__ItemInnerWrapper--open:active{ background:var(--p-color-nav-bg-surface-active); } @media (min-width: 48em){ .Polaris-Navigation__ItemInnerWrapper--open.Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover .Polaris-Navigation__SecondaryActions{ background:var(--secondary-actions-on-hover-background-color); } .Polaris-Navigation__ItemInnerWrapper--open.Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover .Polaris-Navigation__SecondaryActions::before{ background:linear-gradient( to right, rgba(0, 0, 0, 0), var(--secondary-actions-on-hover-background-color) var(--p-space-800) ); } } .Polaris-Navigation__Item--selected{ color:var(--p-color-text); outline:var(--p-border-width-025) solid transparent; } .Polaris-Navigation__Item--selected::before{ content:''; position:absolute; top:0.0625rem; bottom:0.0625rem; left:calc(var(--p-space-200)*-1); width:0.1875rem; background-color:transparent; border-top-right-radius:var(--p-border-radius-100); border-bottom-right-radius:var(--p-border-radius-100); } .Polaris-Navigation__Item--selected{ position: relative; } .Polaris-Navigation__Item--selected::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Navigation__Item--selected:hover, .Polaris-Navigation__Item--selected:focus-visible{ color:var(--p-color-text-brand-hover); } .Polaris-Navigation__Item--selected :focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Navigation__Item--selected:active, .Polaris-Navigation__Item--selected:active:hover{ color:var(--p-color-text-brand); background-color:var(--p-color-nav-bg-surface-active); } .Polaris-Navigation__Item--selected:active::after, .Polaris-Navigation__Item--selected:active:hover::after{ content:none; } .Polaris-Navigation--itemChildActive::before{ content:url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%2024.75C9%2024.3358%209.33579%2024%209.75%2024V24C10.1642%2024%2010.5%2024.3358%2010.5%2024.75V28H9V24.75Z%22%20fill%3D%22%23B5B5B5%22%2F%3E%0A%3C%2Fsvg%3E'); position:absolute; top:var(--p-space-200); left:var(--p-space-200); width:1.3125rem; height:2rem; border-radius:0; opacity:1; transition:opacity var(--p-motion-duration-150) var(--p-motion-ease-out); } @media (min-width: 48em){ .Polaris-Navigation--itemChildActive::before{ top:0; height:1.75rem; } } .Polaris-Navigation__Item--disabled{ color:var(--p-color-text-disabled); } .Polaris-Navigation__Item--disabled .Polaris-Navigation__Text{ opacity:0.6; } .Polaris-Navigation__Item--disabled .Polaris-Navigation__Icon{ opacity:0.4; } .Polaris-Navigation__Badge{ margin-left:var(--p-space-200); display:inline-flex; height:var(--p-font-line-height-500); margin-top:var(--p-space-200); margin-right:var(--p-space-100); } @media (min-width: 48em){ .Polaris-Navigation__Badge{ margin:var(--p-space-100); margin-right:var(--p-space-100); margin-top:var(--p-space-100); } } .Polaris-Navigation__ListItem--hasAction .Polaris-Navigation__Badge{ margin-right:var(--p-space-100); } .Polaris-Navigation__Icon{ --pc-navigation-filter-icon:brightness(0) saturate(100%) invert(36%) sepia(13%) saturate(137%) hue-rotate(169deg) brightness(95%) contrast(87%); --pc-navigation-filter-icon-action-primary:invert(10%) sepia(11%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(102%); --pc-navigation-filter-icon-on-interactive:brightness(0) saturate(100%) invert(100%); flex-shrink:0; align-self:flex-start; width:1.25rem; height:1.25rem; margin-top:var(--p-space-200); margin-right:var(--p-space-200); margin-bottom:var(--p-space-200); } @media (min-width: 48em){ .Polaris-Navigation__Icon{ margin-top:var(--p-space-100); margin-right:var(--p-space-200); margin-bottom:var(--p-space-100); } } .Polaris-Navigation__Icon svg{ fill:var(--p-color-icon); } .Polaris-Navigation__Icon img{ filter:var(--pc-navigation-filter-icon); } .Polaris-Navigation__Item:hover .Polaris-Navigation__Icon svg, .Polaris-Navigation__Item:focus-visible .Polaris-Navigation__Icon svg{ fill:var(--p-color-icon); } .Polaris-Navigation__Item:hover .Polaris-Navigation__Icon img, .Polaris-Navigation__Item:focus-visible .Polaris-Navigation__Icon img{ filter:var(--pc-navigation-filter-icon); } .Polaris-Navigation__Item--selected .Polaris-Navigation__Icon svg, .Polaris-Navigation__Item--selected:hover .Polaris-Navigation__Icon svg, .Polaris-Navigation--subNavigationActive .Polaris-Navigation__Icon svg, .Polaris-Navigation--subNavigationActive:hover .Polaris-Navigation__Icon svg, .Polaris-Navigation--itemChildActive .Polaris-Navigation__Icon svg, .Polaris-Navigation--itemChildActive:hover .Polaris-Navigation__Icon svg, .Polaris-Navigation__Item--selected:focus-visible .Polaris-Navigation__Icon svg{ fill:var(--p-color-icon-brand); } .Polaris-Navigation__Item--selected .Polaris-Navigation__Icon img, .Polaris-Navigation__Item--selected:hover .Polaris-Navigation__Icon img, .Polaris-Navigation--subNavigationActive .Polaris-Navigation__Icon img, .Polaris-Navigation--subNavigationActive:hover .Polaris-Navigation__Icon img, .Polaris-Navigation--itemChildActive .Polaris-Navigation__Icon img, .Polaris-Navigation--itemChildActive:hover .Polaris-Navigation__Icon img, .Polaris-Navigation__Item--selected:focus-visible .Polaris-Navigation__Icon img{ filter:var(--pc-navigation-filter-icon-action-primary); } .Polaris-Navigation__Icon svg{ display:block; } .Polaris-Navigation__ListItem{ position:relative; display:flex; flex-wrap:wrap; } .Polaris-Navigation__RollupSection .Polaris-Navigation__ListItem, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__ListItem{ opacity:1; } .Polaris-Navigation__ListItem:nth-child(1) { animation-delay: 0ms; } .Polaris-Navigation__ListItem:nth-child(2) { animation-delay: 50ms; } .Polaris-Navigation__ListItem:nth-child(3) { animation-delay: 100ms; } .Polaris-Navigation__ListItem:nth-child(4) { animation-delay: 150ms; } .Polaris-Navigation__ListItem:nth-child(5) { animation-delay: 200ms; } .Polaris-Navigation__ListItem:nth-child(6) { animation-delay: 250ms; } .Polaris-Navigation__ListItem:nth-child(7) { animation-delay: 300ms; } .Polaris-Navigation__ListItem:nth-child(8) { animation-delay: 350ms; } .Polaris-Navigation__ListItem:nth-child(9) { animation-delay: 400ms; } .Polaris-Navigation__ListItem:nth-child(10) { animation-delay: 450ms; } .Polaris-Navigation__ListItem:nth-child(11) { animation-delay: 500ms; } .Polaris-Navigation__ListItem:nth-child(12) { animation-delay: 550ms; } .Polaris-Navigation__ListItem:not(:first-child) .Polaris-Navigation__ItemInnerWrapper{ border-top:0; } .Polaris-Navigation__ListItem--hasAction .Polaris-Navigation__Item{ max-width:calc(100% - var(--pc-navigation-icon-size) + var(--p-space-400)*2 + var(--p-space-100)); } .Polaris-Navigation__Text{ flex:1 1 auto; margin-top:var(--p-space-150); margin-bottom:var(--p-space-150); } @media (min-width: 48em){ .Polaris-Navigation__Text{ margin-top:var(--p-space-100); margin-bottom:var(--p-space-100); } } .Polaris-Navigation__Text--truncated{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; } .Polaris-Navigation__SecondaryActions{ display:flex; align-items:center; height:calc(var(--pc-navigation-mobile-height) - var(--p-space-100)); } .Polaris-Navigation__SecondaryActions:last-child{ margin-right:var(--p-space-050); } @media (min-width: 48em){ .Polaris-Navigation__SecondaryActions{ height:var(--pc-navigation-desktop-height); } } .Polaris-Navigation__ItemWithFloatingActions{ position:relative; display:flex; flex-wrap:nowrap; width:100%; } @media (min-width: 48em){ .Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover .Polaris-Navigation__SecondaryActions{ position:absolute; top:0; right:0; z-index:var(--p-z-index-2); background:var(--p-color-nav-bg-surface-hover); visibility:hidden; opacity:0; transition:none; border-top-right-radius:var(--p-border-radius-200); border-bottom-right-radius:var(--p-border-radius-200); margin-right:0; padding:0 var(--p-space-050); } .Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover .Polaris-Navigation__SecondaryActions::before{ content:''; pointer-events:none; position:absolute; right:100%; display:block; height:100%; width:var(--p-space-800); background:linear-gradient( to right, rgba(0, 0, 0, 0), var(--p-color-nav-bg-surface-hover) var(--p-space-800) ); } .Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover:focus-within .Polaris-Navigation__SecondaryActions, .Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover:hover .Polaris-Navigation__SecondaryActions{ visibility:visible; opacity:1; } .Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover:active .Polaris-Navigation__SecondaryActions{ background-color:var(--p-color-nav-bg-surface-active); } } .Polaris-Navigation__SecondaryAction[type='button']{ cursor:pointer; background:none; } .Polaris-Navigation__SecondaryAction{ display:flex; align-items:center; height:calc(100% - var(--p-space-100)); padding:calc(var(--p-space-200) - var(--p-space-050)) var(--p-space-200); border-radius:var(--p-border-radius-200); border:none; } .Polaris-Navigation__SecondaryAction:focus-visible:not(:active){ outline:var(--p-border-width-050) solid var(--p-color-border-focus); } .Polaris-Navigation__SecondaryAction:focus-visible:not(:active)::after{ content:none; } .Polaris-Navigation__SecondaryAction svg{ fill:var(--p-color-icon); } @media (min-width: 48em){ .Polaris-Navigation__SecondaryAction{ height:calc(100% - var(--p-space-100)); padding:calc(var(--p-space-100) - var(--p-space-050)); } } .Polaris-Navigation__SecondaryAction:hover, .Polaris-Navigation__SecondaryAction:focus, .Polaris-Navigation__SecondaryAction:active{ background-color:var(--p-color-bg-fill-transparent-hover); } .Polaris-Navigation__SecondaryAction:hover svg, .Polaris-Navigation__SecondaryAction:focus svg, .Polaris-Navigation__SecondaryAction:active svg{ fill:var(--p-color-icon-hover); } @media (-ms-high-contrast: active){ .Polaris-Navigation__SecondaryAction:hover svg, .Polaris-Navigation__SecondaryAction:focus svg, .Polaris-Navigation__SecondaryAction:active svg{ fill:#ffffff; } } .Polaris-Navigation__SecondaryAction{ position: relative; } .Polaris-Navigation__SecondaryAction::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Navigation__SecondaryAction:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Navigation__SecondaryAction:active::after{ content:none; } .Polaris-Navigation__SecondaryAction:active svg{ fill:var(--p-color-icon-active); } .Polaris-Navigation__SecondaryAction:focus, .Polaris-Navigation__SecondaryAction:active{ outline:none; } .Polaris-Navigation__SecondaryNavigation{ flex-basis:100%; margin-left:0; overflow-x:visible; } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__List{ margin:0; padding:0; list-style:none; margin-bottom:var(--p-space-200); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item{ position:relative; padding-left:calc(var(--p-space-800) + var(--p-space-100)); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item::before, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item::after{ content:''; position:absolute; top:0; left:var(--p-space-200); width:1.3125rem; height:2rem; border-radius:0; opacity:0; transition:opacity var(--p-motion-duration-150) var(--p-motion-ease-out); } @media (min-width: 48em){ .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item::before, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item::after{ height:1.75rem; } } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:is(:hover, :focus-visible, :focus-within){ background:var(--p-color-nav-bg); color:var(--p-color-text-brand); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:hover{ color:var(--p-color-text); background:var(--p-color-nav-bg-surface-hover); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:active, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:active:hover{ background-color:var(--p-color-nav-bg-surface-active); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:active::after, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:active:hover::after{ content:none; } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item:active{ color:var(--p-color-text-brand); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Text{ margin-top:var(--p-space-100); margin-bottom:var(--p-space-100); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected{ border-radius:var(--p-border-radius-200); color:var(--p-color-text); position: relative; } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:is(:hover, :focus-visible, :focus-within){ background:var(--p-color-nav-bg-surface-selected); color:var(--p-color-text-brand); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:active, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:active:hover{ background:var(--p-color-nav-bg-surface-active); color:var(--p-color-text-brand); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:active::after, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:active:hover::after{ content:none; } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:hover{ color:var(--p-color-text-brand-hover); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:focus-visible{ color:var(--p-color-text-brand); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:active{ color:var(--p-color-text-brand); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--selected:active::after{ content:none; } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--disabled{ color:var(--p-color-text-disabled); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--line::before, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--line.Polaris-Navigation--itemHoverLine::before{ opacity:1; background:url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%229%22%20width%3D%221.5%22%20height%3D%2228%22%20fill%3D%22%23B5B5B5%22%2F%3E%3C%2Fsvg%3E'); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation--itemLinePointer::before, .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation--itemLinePointer.Polaris-Navigation--itemHoverPointer::before{ opacity:1; content:url("data:image/svg+xml,%3Csvg%20width%3D'21'%20height%3D'28'%20viewBox%3D'0%200%2021%2028'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%2014.25H19.75V15.75H19V14.25ZM10.077%2013.362L10.7452%2013.0215V13.0215L10.077%2013.362ZM11.388%2014.673L11.7285%2014.0048H11.7285L11.388%2014.673ZM10.5%200V10.2H9V0H10.5ZM14.55%2014.25H19V15.75H14.55V14.25ZM10.5%2010.2C10.5%2011.0525%2010.5006%2011.6467%2010.5384%2012.1093C10.5755%2012.5632%2010.6446%2012.824%2010.7452%2013.0215L9.40873%2013.7025C9.18239%2013.2582%209.08803%2012.7781%209.04336%2012.2315C8.99942%2011.6936%209%2011.0277%209%2010.2H10.5ZM14.55%2015.75C13.7223%2015.75%2013.0564%2015.7506%2012.5185%2015.7066C11.9719%2015.662%2011.4918%2015.5676%2011.0475%2015.3413L11.7285%2014.0048C11.926%2014.1054%2012.1868%2014.1745%2012.6407%2014.2116C13.1033%2014.2494%2013.6975%2014.25%2014.55%2014.25V15.75ZM10.7452%2013.0215C10.9609%2013.4448%2011.3052%2013.7891%2011.7285%2014.0048L11.0475%2015.3413C10.3419%2014.9817%209.76825%2014.4081%209.40873%2013.7025L10.7452%2013.0215Z'%20fill%3D'%23B5B5B5'/%3E%3Cpath%20d%3D'M17%2012L20%2015L17%2018'%20stroke%3D'%23B5B5B5'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E%0A"); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation--itemHoverLine::before{ opacity:1; content:url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%200H10.5V28H9V0Z%22%20fill%3D%22%23B5B5B5%22%2F%3E%0A%3C%2Fsvg%3E'); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation--itemHoverPointer::before{ opacity:1; content:url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%207.75C9%207.33579%209.33579%207%209.75%207V7C10.1642%207%2010.5%207.33579%2010.5%207.75V9.95C10.5%2010.8025%2010.5006%2011.3967%2010.5384%2011.8593C10.5755%2012.3132%2010.6446%2012.574%2010.7452%2012.7715C10.961%2013.1948%2011.3052%2013.539%2011.7285%2013.7548C11.926%2013.8554%2012.1868%2013.9245%2012.6407%2013.9616C13.1033%2013.9994%2013.6975%2014%2014.55%2014H17.9393L16.2197%2012.2803C15.9268%2011.9874%2015.9268%2011.5126%2016.2197%2011.2197C16.5126%2010.9268%2016.9874%2010.9268%2017.2803%2011.2197L20.2803%2014.2197C20.5732%2014.5126%2020.5732%2014.9874%2020.2803%2015.2803L17.2803%2018.2803C16.9874%2018.5732%2016.5126%2018.5732%2016.2197%2018.2803C15.9268%2017.9874%2015.9268%2017.5126%2016.2197%2017.2197L17.9393%2015.5H14.5179C13.705%2015.5%2013.0494%2015.5%2012.5185%2015.4566C11.9719%2015.412%2011.4918%2015.3176%2011.0475%2015.0913C10.3419%2014.7317%209.76825%2014.1581%209.40873%2013.4525C9.18239%2013.0082%209.08803%2012.5281%209.04336%2011.9815C8.99999%2011.4506%208.99999%2010.795%209%209.98212V7.75Z%22%20fill%3D%22%23CCCCCC%22%2F%3E%0A%3C%2Fsvg%3E'); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--line.Polaris-Navigation--itemHoverPointer::before{ opacity:1; content:url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%200H10.5V28H9V0Z%22%20fill%3D%22%23B5B5B5%22%2F%3E%0A%3C%2Fsvg%3E'); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item--line.Polaris-Navigation--itemHoverPointer::after{ opacity:1; content:url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.5%2015.2751C11.8158%2015.3745%2012.1522%2015.4267%2012.5185%2015.4566C13.0494%2015.5%2013.705%2015.5%2014.5179%2015.5H17.9393L16.2197%2017.2197C15.9268%2017.5126%2015.9268%2017.9874%2016.2197%2018.2803C16.5126%2018.5732%2016.9874%2018.5732%2017.2803%2018.2803L20.2803%2015.2803C20.5732%2014.9874%2020.5732%2014.5126%2020.2803%2014.2197L17.2803%2011.2197C16.9874%2010.9268%2016.5126%2010.9268%2016.2197%2011.2197C15.9268%2011.5126%2015.9268%2011.9874%2016.2197%2012.2803L17.9393%2014H14.55C13.6975%2014%2013.1033%2013.9994%2012.6407%2013.9616C12.1868%2013.9245%2011.926%2013.8554%2011.7285%2013.7548C11.6495%2013.7145%2011.5732%2013.6697%2011.5%2013.6208V15.2751Z%22%20fill%3D%22%23CCCCCC%22%2F%3E%0A%3C%2Fsvg%3E'); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation--itemLinePointer.Polaris-Navigation--itemHoverLine::before{ opacity:1; content:url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2228%22%20viewBox%3D%220%200%2021%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%200.75V0H10.5V0.75V9.95C10.5%2010.8025%2010.5006%2011.3967%2010.5384%2011.8593C10.5755%2012.3132%2010.6446%2012.574%2010.7452%2012.7715C10.961%2013.1948%2011.3052%2013.539%2011.7285%2013.7548C11.926%2013.8554%2012.1868%2013.9245%2012.6407%2013.9616C13.1033%2013.9994%2013.6975%2014%2014.55%2014H17.9393L16.2197%2012.2803C15.9268%2011.9874%2015.9268%2011.5126%2016.2197%2011.2197C16.5126%2010.9268%2016.9874%2010.9268%2017.2803%2011.2197L20.2803%2014.2197C20.5732%2014.5126%2020.5732%2014.9874%2020.2803%2015.2803L17.2803%2018.2803C16.9874%2018.5732%2016.5126%2018.5732%2016.2197%2018.2803C15.9268%2017.9874%2015.9268%2017.5126%2016.2197%2017.2197L17.9393%2015.5H14.55H14.5179C13.705%2015.5%2013.0494%2015.5%2012.5185%2015.4566C11.9719%2015.412%2011.4918%2015.3176%2011.0475%2015.0913C10.3419%2014.7317%209.76825%2014.1581%209.40873%2013.4525C9.18239%2013.0082%209.08803%2012.5281%209.04336%2011.9815C8.99999%2011.4506%208.99999%2010.795%209%209.98212V9.95V0.75Z%22%20fill%3D%22%23B5B5B5%22%2F%3E%0A%3C%2Fsvg%3E'); } .Polaris-Navigation__SecondaryNavigation .Polaris-Navigation--itemLinePointer.Polaris-Navigation--itemHoverLine::after{ opacity:1; } .Polaris-Navigation__SecondaryNavigation--noIcon .Polaris-Navigation__Item{ padding-left:var(--p-space-600); } .Polaris-Navigation__Section{ flex:0 0 auto; margin:0; padding:var(--p-space-400) 0; padding-top:0; padding-left: 0; padding-left: calc(constant(safe-area-inset-left)); padding-left: calc(env(safe-area-inset-left)); list-style:none; } .Polaris-Navigation__Section + .Polaris-Navigation__Section{ padding-top:var(--p-space-200); padding-bottom:var(--p-space-400); } .Polaris-Navigation__Section--fill{ flex:1 0 auto; } .Polaris-Navigation__Section--withSeparator{ border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-Navigation__SectionHeading{ display:flex; align-items:center; padding-left:var(--p-space-500); padding-right:var(--p-space-100); } @supports not (scrollbar-gutter: stable){ .Polaris-Navigation__SectionHeading{ padding-right:var(--p-space-200); } } @supports (scrollbar-gutter: stable){ .Polaris-Navigation__SectionHeading{ padding-right:calc(var(--p-space-100) - var(--pc-app-provider-scrollbar-width)); } } .Polaris-Navigation__SectionHeading > :first-child{ flex:1 1 auto; margin-top:calc(var(--p-space-200) + var(--p-space-050)); margin-bottom:calc(var(--p-space-200) + var(--p-space-050)); } @media (min-width: 48em){ .Polaris-Navigation__SectionHeading > :first-child{ margin-top:var(--p-space-100); margin-bottom:var(--p-space-100); } } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; display:flex; align-items:center; height:calc(100% - var(--p-space-100)); padding:var(--p-space-050) var(--p-space-200); border-radius:var(--p-border-radius-200); } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus{ outline:none; } @supports (scrollbar-gutter: stable){ .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action{ padding-inline:var(--p-space-150); } } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus-visible:not(:active){ outline:var(--p-border-width-050) solid var(--p-color-border-focus); } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus-visible:not(:active)::after{ content:none; } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action svg{ fill:var(--p-color-icon); } @media (min-width: 48em){ .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action svg, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action img{ height:var(--p-space-400); width:var(--p-space-400); margin:var(--p-space-050); } } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action{ position: relative; } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus{ background:var(--p-color-bg-fill-transparent-hover); } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover svg, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus svg{ fill:var(--p-color-icon-hover); } @media (-ms-high-contrast: active){ .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover svg, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus svg{ fill:#ffffff; } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover img, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus img{ filter:var(--p-color-icon-brand); } } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:hover svg{ fill:var(--p-filter-icon); } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus:hover svg{ fill:var(--p-color-icon-hover); } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active:hover{ background:var(--p-color-bg-surface-active); } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active::after, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active:hover::after{ content:none; } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active svg, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active:hover svg{ fill:var(--p-color-icon-active); } .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus, .Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:active{ outline:none; } .Polaris-Navigation__RollupToggle{ color:var(--p-color-text); color:var(--p-color-text-secondary); } .Polaris-Navigation__RollupToggle:hover{ color:var(--p-color-text-brand); } .Polaris-Navigation__RollupToggle:hover svg{ fill:var(--p-color-icon-brand); } .Polaris-Navigation__RollupToggle:hover img{ filter:var(--p-color-icon-brand); } .Polaris-Navigation__RollupToggle:focus-visible{ outline:none; } .Polaris-Navigation__RollupToggle:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-Navigation__RollupToggle:active{ background-color:var(--p-color-bg-surface-active); } .Polaris-Navigation__List{ margin:0; padding:0; list-style:none; } .Polaris-Navigation__Indicator{ position:relative; display:inline-block; height:0.625rem; width:0.625rem; } .Polaris-Navigation__SecondaryNavigationOpen{ animation:var(--p-motion-ease-out) var(--p-motion-duration-150) Polaris-Navigation__snappy--grow; } @keyframes Polaris-Navigation__snappy--grow{ from{ margin-bottom:-10%; opacity:0; } to{ margin-bottom:0%; opacity:1; } } .Polaris-OptionList-Option{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; cursor:pointer; width:100%; min-height:var(--pg-control-height); text-align:left; text-decoration:none; border-radius:var(--p-border-radius-100); margin-top:var(--p-space-100); color:inherit; } .Polaris-OptionList-Option:focus{ outline:none; } .Polaris-OptionList-Option:visited{ color:inherit; } .Polaris-OptionList-Option:first-child{ margin-top:0; } .Polaris-OptionList-Option__SingleSelectOption{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; text-align:left; display:flex; flex-wrap:nowrap; justify-content:space-between; } .Polaris-OptionList-Option__SingleSelectOption:focus{ outline:none; } .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--focused:focus-visible:not(:active){ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-025); background-color:var(--p-color-bg-surface-secondary-hover); } .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--active{ background:var(--p-color-bg-surface-secondary-selected); } .Polaris-OptionList-Option__SingleSelectOption:not(.Polaris-OptionList-Option--disabled){ color:inherit; } .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--select, .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--select:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--active{ font-weight:var(--p-font-weight-semibold); background:var(--p-color-bg-surface-secondary-active); } .Polaris-OptionList-Option__SingleSelectOption .Polaris-OptionList-Option__Media{ padding:0 var(--p-space-200) 0 0; } .Polaris-OptionList-Option__Label, .Polaris-OptionList-Option__SingleSelectOption, .Polaris-OptionList-Option__MultiSelectOption{ display:flex; align-items:flex-start; width:100%; cursor:pointer; border-radius:var(--p-border-radius-200); padding:var(--p-space-150); word-wrap:break-word; word-break:break-word; overflow-wrap:break-word; } .Polaris-OptionList-Option__Label:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__SingleSelectOption:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__MultiSelectOption:hover:not(.Polaris-OptionList-Option--disabled){ background-color:var(--p-color-bg-surface-secondary-hover); } .Polaris-OptionList-Option__Label:active:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__SingleSelectOption:active:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__MultiSelectOption:active:not(.Polaris-OptionList-Option--disabled){ background:var(--p-color-bg-surface-secondary-active); } .Polaris-OptionList-Option__Label:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__SingleSelectOption:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__MultiSelectOption:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__Label:active:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__SingleSelectOption:active:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__MultiSelectOption:active:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__Label.Polaris-OptionList-Option--select, .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--select, .Polaris-OptionList-Option__MultiSelectOption.Polaris-OptionList-Option--select, .Polaris-OptionList-Option__Label.Polaris-OptionList-Option--select:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--select:hover:not(.Polaris-OptionList-Option--disabled), .Polaris-OptionList-Option__MultiSelectOption.Polaris-OptionList-Option--select:hover:not(.Polaris-OptionList-Option--disabled){ outline:var(--p-border-width-025) solid transparent; } .Polaris-OptionList-Option__Label .Polaris-OptionList-Option__Media, .Polaris-OptionList-Option__SingleSelectOption .Polaris-OptionList-Option__Media, .Polaris-OptionList-Option__MultiSelectOption .Polaris-OptionList-Option__Media{ padding:0 var(--p-space-200) 0 0; } .Polaris-OptionList-Option__Label.Polaris-OptionList-Option--disabled, .Polaris-OptionList-Option__SingleSelectOption.Polaris-OptionList-Option--disabled, .Polaris-OptionList-Option__MultiSelectOption.Polaris-OptionList-Option--disabled{ background:transparent; cursor:default; color:var(--p-color-text-disabled); } .Polaris-OptionList-Option__MultiSelectOption.Polaris-OptionList-Option--select.Polaris-OptionList-Option__CheckboxLabel{ background-color:transparent; } .Polaris-OptionList-Option__MultiSelectOption.Polaris-OptionList-Option--select svg{ fill:var(--p-color-icon-active); } .Polaris-OptionList-Option__MultiSelectOption.Polaris-OptionList-Option--select:hover:not(.Polaris-OptionList-Option--disabled){ background-color:var(--p-color-bg-surface-secondary-hover); } .Polaris-OptionList-Option--disabled .Polaris-OptionList-Option__Media svg{ fill:var(--p-color-icon-disabled); } .Polaris-OptionList-Option__Media svg{ fill:var(--p-color-icon); } .Polaris-OptionList-Option--verticalAlignTop{ align-items:flex-start; } .Polaris-OptionList-Option--verticalAlignCenter{ align-items:center; } .Polaris-OptionList-Option--verticalAlignBottom{ align-items:flex-end; } .Polaris-OptionList-Option__Icon{ margin-left:var(--p-space-200); } .Polaris-OptionList-Option__Icon svg{ fill:var(--p-color-icon-brand); } .Polaris-OptionList-Option__Checkbox{ box-sizing:border-box; display:flex; flex-shrink:0; width:1.25rem; height:1.25rem; margin-right:var(--p-space-200); align-items:center; } .Polaris-Header-Title.Polaris-Header-Title__TitleWithSubtitle{ margin-top:0; } .Polaris-Header-Title__TitleWrapper{ display:flex; flex-wrap:wrap; align-items:center; row-gap:var(--p-space-200); padding-block:var(--p-space-050); } .Polaris-Header-Title__TitleWrapper .Polaris-Header-Title{ display:inline; margin-right:var(--p-space-200); } .Polaris-Header-Title__TitleWrapper .Polaris-Header-Title > *{ display:inline; } .Polaris-Header-Title__SubTitle{ margin-top:var(--p-space-050); } .Polaris-Header-Title__SubTitle.Polaris-Header-Title__SubtitleCompact{ margin-top:var(--p-space-050); } .Polaris-Header-Title__SubTitle.Polaris-Header-Title__SubtitleMaxWidth{ max-width:45ch; } .Polaris-Page-Header__TitleWrapper{ grid-area:title; margin-top:var(--p-space-100); align-self:center; } @media (min-width: 30.625em){ .Polaris-Page-Header__TitleWrapper{ margin-top:0; } } .Polaris-Page-Header__TitleWrapper.Polaris-Page-Header__TitleWrapperExpand{ flex:1 1 auto; } .Polaris-Page-Header__BreadcrumbWrapper{ grid-area:breadcrumbs; } .Polaris-Page-Header__BreadcrumbWrapper a, .Polaris-Page-Header__BreadcrumbWrapper button{ background:transparent; border-radius:var(--p-border-radius-200); box-shadow:none; } .Polaris-Page-Header__BreadcrumbWrapper a:is(:hover, :focus, :focus-visible), .Polaris-Page-Header__BreadcrumbWrapper button:is(:hover, :focus, :focus-visible){ box-shadow:none !important; } .Polaris-Page-Header__BreadcrumbWrapper a:is(:hover, :focus-visible), .Polaris-Page-Header__BreadcrumbWrapper button:is(:hover, :focus-visible){ background:var(--p-color-bg-fill-tertiary-hover); } .Polaris-Page-Header__BreadcrumbWrapper a:focus, .Polaris-Page-Header__BreadcrumbWrapper button:focus{ background:var(--p-color-bg-fill-tertiary-active); box-shadow:var(--p-shadow-inset-200) !important; } .Polaris-Page-Header__PaginationWrapper{ margin-left:var(--p-space-200); line-height:1; } .Polaris-Page-Header__PrimaryActionWrapper{ margin-top:0; margin-left:var(--p-space-100); } @media (min-width: 48em){ .Polaris-Page-Header__PrimaryActionWrapper{ margin-left:var(--p-space-200); } } .Polaris-Page-Header__Row{ display:flex; justify-content:space-between; line-height:normal; } .Polaris-Page-Header__Row:first-child{ min-height:1.75rem; } .Polaris-Page-Header__Row + .Polaris-Page-Header__Row{ margin-top:var(--p-space-050); } .Polaris-Page-Header--mobileView .Polaris-Page-Header__Row + .Polaris-Page-Header__Row{ margin-top:var(--p-space-100); } .Polaris-Page-Header__Row + .Polaris-Page-Header__Row .Polaris-Page-Header__RightAlign{ margin-left:0; } .Polaris-Page-Header__RightAlign{ grid-area:actions; display:flex; align-content:flex-end; flex:1 1 auto; align-items:center; align-self:flex-start; justify-content:flex-end; margin-left:var(--p-space-400); white-space:nowrap; } @media (max-width: 30.6225em){ .Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__RightAlign{ margin-left:0; } } @media (min-width: 30.625em){ .Polaris-Page-Header__AdditionalMetaData{ margin-left:calc(var(--p-space-500) + var(--p-space-200) + var(--p-space-100)); } } .Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__AdditionalMetaData{ margin-left:0; } .Polaris-Page-Header__Actions{ width:100%; display:flex; align-items:center; justify-content:flex-end; text-align:right; } @media (max-width: 64.9975em){ .Polaris-Page-Header--longTitle .Polaris-Page-Header__AdditionalMetaData{ margin-left:0; } .Polaris-Page-Header--longTitle .Polaris-Page-Header__Row{ display:grid; gap:var(--p-space-200) var(--p-space-400); grid-template-columns:auto 1fr; grid-template-areas:'breadcrumbs actions' 'title title'; } .Polaris-Page-Header--longTitle .Polaris-Page-Header__Row + .Polaris-Page-Header__Row{ gap:0; } } @media (max-width: 47.9975em){ .Polaris-Page-Header--mediumTitle:not(.Polaris-Page-Header--noBreadcrumbs) .Polaris-Page-Header__AdditionalMetaData{ margin-left:0; } .Polaris-Page-Header--mediumTitle:not(.Polaris-Page-Header--noBreadcrumbs) .Polaris-Page-Header__Row{ display:grid; gap:var(--p-space-200) var(--p-space-400); grid-template-columns:auto 1fr; grid-template-areas:'breadcrumbs actions' 'title title'; } .Polaris-Page-Header--mediumTitle:not(.Polaris-Page-Header--noBreadcrumbs) .Polaris-Page-Header__Row + .Polaris-Page-Header__Row{ gap:0; } } .Polaris-Page-Header--mediumTitle.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__TitleWrapper{ margin-top:0; } .Polaris-Page-Header--mediumTitle.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__RightAlign{ margin-bottom:var(--p-space-100); } @media (min-width: 48em){ .Polaris-Page-Header--mediumTitle.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__RightAlign{ margin-bottom:0; } } .Polaris-Page-Header--mediumTitle.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__Row{ flex-wrap:wrap-reverse; } @media (min-width: 48em){ .Polaris-Page-Header--mediumTitle.Polaris-Page-Header--noBreadcrumbs .Polaris-Page-Header__Row{ flex-wrap:nowrap; } } .Polaris-Page-Header--isSingleRow .Polaris-Page-Header__Row{ gap:0; } html, body{ min-height:100%; height:100%; } .Polaris-Page{ margin:0 auto; padding:0; max-width:calc(var(--pg-layout-width-primary-max) + var(--pg-layout-width-secondary-max) + var(--pg-layout-width-inner-spacing-base)); } @media (min-width: 30.625em){ .Polaris-Page{ padding:0 var(--p-space-600); } } .Polaris-Page::after{ content:''; display:table; } .Polaris-Page--fullWidth{ max-width:none; } .Polaris-Page--narrowWidth{ max-width:var(--pg-layout-width-primary-max); } .Polaris-Page__Content{ padding:var(--p-space-200) 0; } @media (min-width: 48em){ .Polaris-Page__Content{ padding-top:var(--p-space-500); } } .Polaris-PageActions{ margin:0 auto; border-top:0; padding:var(--p-space-400); } @media (min-width: 30.625em){ .Polaris-PageActions{ padding:var(--p-space-400) 0; } } .Polaris-Picker-SearchField{ flex-grow:1; padding:var(--p-space-100) 0; outline:none; border:none; font-size:var(--p-font-size-400); line-height:var(--p-font-line-height-600); } @media (min-width: 48em){ .Polaris-Picker-SearchField{ font-size:var(--p-font-size-325); line-height:var(--p-font-line-height-500); } } .Polaris-Picker-Activator{ background:none; outline:none; padding:var(--p-space-200) var(--p-space-300); border-radius:var(--p-border-radius-200); border:var(--p-border-width-025) solid var(--p-color-border); width:100%; display:flex; align-items:center; justify-content:space-between; cursor:pointer; } .Polaris-Picker-Activator:hover{ background-color:var(--p-color-bg-surface-hover); } .Polaris-Picker-Activator:active{ background-color:var(--p-color-bg-surface-active); } .Polaris-Picker-Activator:focus:not(:active){ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-025); } .Polaris-Picker-Activator--disabled{ pointer-events:none; background-color:var(--p-color-bg-surface-disabled); border-color:var(--p-color-border-disabled); } .Polaris-ProgressBar{ --pc-progress-bar-height-base:1rem; --pc-progress-bar-height-small:calc(var(--pc-progress-bar-height-base)*0.5); --pc-progress-bar-height-large:calc(var(--pc-progress-bar-height-base)*2); --pc-progress-bar-duration: initial; --pc-progress-bar-percent: initial; overflow:hidden; width:100%; background-color:var(--pc-progress-bar-background); border-radius:var(--p-border-radius-100); } @media (forced-colors: active){ .Polaris-ProgressBar{ border:var(--p-border-width-025) solid transparent; } } .Polaris-ProgressBar--sizeSmall{ height:var(--pc-progress-bar-height-small); } .Polaris-ProgressBar--sizeMedium{ height:var(--pc-progress-bar-height-base); } .Polaris-ProgressBar--sizeLarge{ height:var(--pc-progress-bar-height-large); } .Polaris-ProgressBar--toneHighlight{ --pc-progress-bar-background:var(--p-color-bg-fill-tertiary); --pc-progress-bar-indicator:var(--p-color-bg-fill-info); } .Polaris-ProgressBar--tonePrimary{ --pc-progress-bar-background:var(--p-color-bg-fill-tertiary); --pc-progress-bar-indicator:var(--p-color-bg-fill-brand); } .Polaris-ProgressBar--toneSuccess{ --pc-progress-bar-background:var(--p-color-bg-fill-tertiary); --pc-progress-bar-indicator:var(--p-color-bg-fill-success); } .Polaris-ProgressBar--toneCritical{ --pc-progress-bar-background:var(--p-color-bg-fill-tertiary); --pc-progress-bar-indicator:var(--p-color-bg-fill-critical); } .Polaris-ProgressBar__Indicator{ height:inherit; background-color:var(--pc-progress-bar-indicator); transition:transform var(--pc-progress-bar-duration) var(--p-motion-ease); transform:scaleX(0); transform-origin:0 50%; } @media screen and (-ms-high-contrast: active){ .Polaris-ProgressBar__Indicator{ border:var(--pc-progress-bar-height-base) solid highlight; } } .Polaris-ProgressBar__IndicatorAppearActive, .Polaris-ProgressBar__IndicatorAppearDone{ transform:scaleX(var(--pc-progress-bar-percent)); } .Polaris-ProgressBar__Progress, .Polaris-ProgressBar__Label{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .Polaris-RangeSlider{ --pc-range-slider-input:10; --pc-range-slider-output:20; --pc-range-slider-track-height:0.25rem; --pc-range-slider-thumb-size:1rem; --pc-track-dashed-border-radius:var(--p-border-radius-100); } .Polaris-RangeSlider--trackDashedAfter::after{ content:''; } .Polaris-RangeSlider--trackDashed, .Polaris-RangeSlider--trackDashedAfter::after{ --pc-track-dashed-color:var(--p-color-border); position:absolute; height:var(--pc-range-slider-track-height); width:100%; background-image:linear-gradient( to right, var(--pc-track-dashed-color), var(--pc-track-dashed-color) 50%, transparent 50%, transparent 100% ); background-size:var(--pc-range-slider-track-height) var(--pc-range-slider-track-height); border-radius:var(--pc-track-dashed-border-radius); border-right:var(--pc-track-dashed-border-radius) var(--pc-track-dashed-color) solid; } .Polaris-RangeSlider-DualThumb{ position:relative; width:100%; display:flex; align-items:center; } .Polaris-RangeSlider-DualThumb__TrackWrapper{ position:relative; display:flex; align-items:center; width:100%; min-height:1.75rem; cursor:pointer; } .Polaris-RangeSlider-DualThumb__TrackWrapper.Polaris-RangeSlider-DualThumb--disabled{ opacity:0.8; cursor:not-allowed; } .Polaris-RangeSlider-DualThumb__Track{ --pc-range-slider-progress-upper: initial; --pc-range-slider-progress-lower: initial; --pc-dual-thumb-unselected-range:transparent; --pc-dual-thumb-selected-range:var(--p-color-bg-fill-brand); --pc-dual-thumb-gradient-colors:var(--pc-dual-thumb-unselected-range) 0%, var(--pc-dual-thumb-unselected-range) var(--pc-range-slider-progress-lower), var(--pc-dual-thumb-selected-range) var(--pc-range-slider-progress-lower), var(--pc-dual-thumb-selected-range) var(--pc-range-slider-progress-upper), var(--pc-dual-thumb-unselected-range) var(--pc-range-slider-progress-upper), var(--pc-dual-thumb-unselected-range) 100%; position:absolute; z-index:1; width:100%; height:var(--pc-range-slider-track-height); border-radius:var(--pc-range-slider-thumb-size); background-image:linear-gradient( to right, var(--pc-dual-thumb-gradient-colors) ); } .Polaris-RangeSlider-DualThumb--error .Polaris-RangeSlider-DualThumb__Track{ --pc-dual-thumb-selected-range:var(--p-color-bg-fill-critical); --pc-dual-thumb-gradient-colors:var(--pc-dual-thumb-unselected-range) 0%, var(--pc-dual-thumb-unselected-range) var(--pc-range-slider-progress-lower), var(--pc-dual-thumb-selected-range) var(--pc-range-slider-progress-lower), var(--pc-dual-thumb-selected-range) var(--pc-range-slider-progress-upper), var(--pc-dual-thumb-unselected-range) var(--pc-range-slider-progress-upper), var(--pc-dual-thumb-unselected-range) 100%; background-image:linear-gradient( to right, var(--pc-dual-thumb-gradient-colors) ); } .Polaris-RangeSlider-DualThumb--disabled .Polaris-RangeSlider-DualThumb__Track{ background:var(--p-color-border-disabled) none; } .Polaris-RangeSlider-DualThumb__Thumbs{ position: relative; position:absolute; z-index:var(--pc-range-slider-input); padding:0; width:var(--pc-range-slider-thumb-size); height:var(--pc-range-slider-thumb-size); border-radius:var(--p-border-radius-full); border:var(--p-border-width-025) solid var(--p-color-border-emphasis); background:linear-gradient( var(--p-color-bg-fill-brand), var(--p-color-bg-fill-brand) ); -webkit-tap-highlight-color:transparent; cursor:-webkit-grab; transition:transform var(--p-motion-duration-150) var(--p-motion-ease); } .Polaris-RangeSlider-DualThumb__Thumbs::after { content: ''; position: absolute; z-index: 1; top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.125rem var(--p-color-border-focus); border-radius: var(--p-border-radius-200); } .Polaris-RangeSlider-DualThumb__Thumbs.Polaris-RangeSlider-DualThumb--disabled{ cursor:not-allowed; border-color:var(--p-color-border-disabled); background:var(--p-color-border-disabled); } .Polaris-RangeSlider-DualThumb__Thumbs:active{ transform:scale(1.5); } .Polaris-RangeSlider-DualThumb__Thumbs:focus-visible{ outline:0; } .Polaris-RangeSlider-DualThumb__Thumbs:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-RangeSlider-DualThumb--error .Polaris-RangeSlider-DualThumb__Thumbs{ border-color:var(--p-color-bg-fill-critical); background:linear-gradient( var(--p-color-bg-fill-critical), var(--p-color-bg-fill-critical) ); } .Polaris-RangeSlider-DualThumb__Prefix{ flex:0 0 auto; margin-right:var(--p-space-200); } .Polaris-RangeSlider-DualThumb__Suffix{ flex:0 0 auto; margin-left:var(--p-space-200); } .Polaris-RangeSlider-DualThumb__Output{ --pc-range-slider-output-spacing:var(--p-space-400); position:absolute; z-index:var(--pc-range-slider-output); bottom:1.5rem; opacity:0; visibility:hidden; pointer-events:none; transition-property:opacity, visibility, bottom; transition-duration:var(--p-motion-duration-150); transition-timing-function:var(--p-motion-ease); transform:translateX(calc(-50% + var(--pc-range-slider-thumb-size)/2)); } .Polaris-RangeSlider-DualThumb__Thumbs:active + .Polaris-RangeSlider-DualThumb__Output{ opacity:1; visibility:visible; bottom:2rem; } .Polaris-RangeSlider-DualThumb__OutputBubble{ position:relative; display:flex; padding:0 var(--p-space-200); min-width:2rem; height:2rem; background-color:var(--p-color-bg-surface); box-shadow:var(--p-shadow-500); border-radius:var(--p-border-radius-100); transition-property:transform; transition-duration:var(--p-motion-duration-150); transition-timing-function:var(--p-motion-ease); } .Polaris-RangeSlider-DualThumb__Thumbs:hover + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, .Polaris-RangeSlider-DualThumb__Thumbs:active + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, .Polaris-RangeSlider-DualThumb__Thumbs:focus + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble{ transform:translateY(calc(var(--pc-range-slider-output-spacing)*-1)); } @media (min-width: 48em){ .Polaris-RangeSlider-DualThumb__Thumbs:hover + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, .Polaris-RangeSlider-DualThumb__Thumbs:active + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble, .Polaris-RangeSlider-DualThumb__Thumbs:focus + .Polaris-RangeSlider-DualThumb__Output .Polaris-RangeSlider-DualThumb__OutputBubble{ transform:translateY( calc((var(--pc-range-slider-output-spacing)*0.5)*-1) ); } } .Polaris-RangeSlider-DualThumb__OutputBubble > :first-child{ display:block; flex:1 1 auto; margin:auto; } .Polaris-RangeSlider-SingleThumb{ display:flex; align-items:center; } .Polaris-RangeSlider-SingleThumb.Polaris-RangeSlider-SingleThumb--disabled{ opacity:0.8; } .Polaris-RangeSlider-SingleThumb__InputWrapper{ position:relative; display:flex; align-items:center; flex:1 1 auto; height:var(--pc-range-slider-thumb-size); } .Polaris-RangeSlider-SingleThumb__InputWrapper input{ padding:var(--p-space-300) 0; background-color:transparent; cursor:pointer; } @media (max-width: 30.6225em){ .Polaris-RangeSlider-SingleThumb__InputWrapper{ height:2.75rem; } } .Polaris-RangeSlider-SingleThumb--disabled input{ cursor:not-allowed; } .Polaris-RangeSlider-SingleThumb__Prefix{ flex:0 0 auto; margin-right:var(--p-space-200); } .Polaris-RangeSlider-SingleThumb__Suffix{ flex:0 0 auto; margin-left:var(--p-space-200); } .Polaris-RangeSlider-SingleThumb__Input{ --pc-range-slider-min: initial; --pc-range-slider-max: initial; --pc-range-slider-current: initial; --pc-range-slider-progess: initial; --pc-range-slider-output-factor: initial; --pc-single-thumb-progress-lower:var(--p-color-bg-fill-brand); --pc-single-thumb-progress-upper:transparent; --pc-single-thumb-gradient-colors:var(--pc-single-thumb-progress-lower) 0%, var(--pc-single-thumb-progress-lower) var(--pc-range-slider-progress), var(--pc-single-thumb-progress-upper) var(--pc-range-slider-progress), var(--pc-single-thumb-progress-upper) 100%; position:relative; z-index:var(--pc-range-slider-input); flex:1 1 auto; margin:0; padding:0; width:100%; background-color:transparent; -webkit-appearance:none; appearance:none; } .Polaris-RangeSlider-SingleThumb__Input::-ms-tooltip{ display:none; } .Polaris-RangeSlider-SingleThumb__Input:focus{ outline:0; } .Polaris-RangeSlider-SingleThumb__Input::-moz-focus-outer{ border:0; } .Polaris-RangeSlider-SingleThumb__Input::-ms-track{ outline:var(--p-border-width-025) solid transparent; cursor:pointer; width:100%; height:var(--pc-range-slider-track-height); background-image:linear-gradient( to right, var(--pc-single-thumb-gradient-colors) ); border:none; border-radius:var(--pc-range-slider-track-height); } .Polaris-RangeSlider-SingleThumb__Input::-moz-range-track { cursor:pointer; width:100%; height:var(--pc-range-slider-track-height); background-image:linear-gradient( to right, var(--pc-single-thumb-gradient-colors) ); border:none; border-radius:var(--pc-range-slider-track-height); } .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-runnable-track { cursor:pointer; width:100%; height:var(--pc-range-slider-track-height); background-image:linear-gradient( to right, var(--pc-single-thumb-gradient-colors) ); border:none; border-radius:var(--pc-range-slider-track-height); } .Polaris-RangeSlider-SingleThumb__Input::-ms-thumb { cursor:-webkit-grab; width:var(--pc-range-slider-thumb-size); height:var(--pc-range-slider-thumb-size); border:var(--p-border-width-025) solid transparent; border-radius:var(--p-border-radius-full); background:linear-gradient( var(--p-color-bg-fill-brand), var(--p-color-bg-fill-brand) ); box-shadow:0 0 0 0 var(--p-color-border-focus); appearance:none; -ms-transition-property:border-color, transform; transition-property:border-color, transform; transition-duration:var(--p-motion-duration-200); transition-timing-function:var(--p-motion-ease); margin-top:calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-1/2); } .Polaris-RangeSlider-SingleThumb__Input::-ms-thumb:hover{ background:linear-gradient( var(--p-color-bg-fill-brand), var(--p-color-bg-fill-brand) ); } .Polaris-RangeSlider-SingleThumb__Input::-moz-range-thumb { cursor:-webkit-grab; width:var(--pc-range-slider-thumb-size); height:var(--pc-range-slider-thumb-size); border:var(--p-border-width-025) solid transparent; border-radius:var(--p-border-radius-full); background:linear-gradient( var(--p-color-bg-fill-brand), var(--p-color-bg-fill-brand) ); box-shadow:0 0 0 0 var(--p-color-border-focus); appearance:none; -moz-transition-property:border-color, transform; transition-property:border-color, transform; transition-duration:var(--p-motion-duration-200); transition-timing-function:var(--p-motion-ease); margin-top:calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-1/2); } .Polaris-RangeSlider-SingleThumb__Input::-moz-range-thumb:hover{ background:linear-gradient( var(--p-color-bg-fill-brand), var(--p-color-bg-fill-brand) ); } .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb { cursor:-webkit-grab; width:var(--pc-range-slider-thumb-size); height:var(--pc-range-slider-thumb-size); border:var(--p-border-width-025) solid transparent; border-radius:var(--p-border-radius-full); background:linear-gradient( var(--p-color-bg-fill-brand), var(--p-color-bg-fill-brand) ); box-shadow:0 0 0 0 var(--p-color-border-focus); -webkit-appearance:none; appearance:none; -webkit-transition-property:border-color, transform; transition-property:border-color, transform; transition-duration:var(--p-motion-duration-200); transition-timing-function:var(--p-motion-ease); margin-top:calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-1/2); } .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb:hover{ background:linear-gradient( var(--p-color-bg-fill-brand), var(--p-color-bg-fill-brand) ); } .Polaris-RangeSlider-SingleThumb__Input::-ms-thumb{ margin-top:0; transform:translateY(calc(var(--pc-range-slider-thumb-size)*0.2)) scale(0.4); } .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb{ margin-top:calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-0.5); } .Polaris-RangeSlider-SingleThumb__Input:active::-ms-thumb { transform:scale(1.5); } .Polaris-RangeSlider-SingleThumb__Input:active::-moz-range-thumb { transform:scale(1.5); } .Polaris-RangeSlider-SingleThumb__Input:active::-webkit-slider-thumb { transform:scale(1.5); } .Polaris-RangeSlider-SingleThumb__Input:focus{ outline:var(--p-border-width-025) solid transparent; } .Polaris-RangeSlider-SingleThumb__Input:focus::-ms-thumb { border-color:var(--p-color-bg-surface); box-shadow:0 0 0 var(--p-border-width-050) var(--p-color-border-focus); } .Polaris-RangeSlider-SingleThumb__Input:focus::-moz-range-thumb { border-color:var(--p-color-bg-surface); box-shadow:0 0 0 var(--p-border-width-050) var(--p-color-border-focus); } .Polaris-RangeSlider-SingleThumb__Input:focus::-webkit-slider-thumb { border-color:var(--p-color-bg-surface); box-shadow:0 0 0 var(--p-border-width-050) var(--p-color-border-focus); } .Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input{ --pc-single-thumb-progress-lower:var(--p-color-bg-fill-critical); } .Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input::-ms-thumb { border-color:var(--p-color-bg-fill-critical); background:var(--p-color-bg-fill-critical); } .Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input::-moz-range-thumb { border-color:var(--p-color-bg-fill-critical); background:var(--p-color-bg-fill-critical); } .Polaris-RangeSlider-SingleThumb--error .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb { border-color:var(--p-color-bg-fill-critical); background:var(--p-color-bg-fill-critical); } .Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-ms-track{ outline:var(--p-border-width-025) solid transparent; cursor:auto; background-image:none; background-color:var(--p-color-border-disabled); } .Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-moz-range-track { cursor:auto; background-image:none; background-color:var(--p-color-border-disabled); } .Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-runnable-track { cursor:auto; background-image:none; background-color:var(--p-color-border-disabled); } .Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-ms-thumb { cursor:not-allowed; border-color:var(--p-color-border-disabled); background:var(--p-color-border-disabled); } .Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-moz-range-thumb { cursor:not-allowed; border-color:var(--p-color-border-disabled); background:var(--p-color-border-disabled); } .Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-webkit-slider-thumb { cursor:not-allowed; border-color:var(--p-color-border-disabled); background:var(--p-color-border-disabled); } .Polaris-RangeSlider-SingleThumb__Output{ --pc-range-slider-output-spacing:var(--p-space-400); position:absolute; z-index:var(--pc-range-slider-output); bottom:var(--pc-range-slider-thumb-size); left:var(--pc-range-slider-progress); transform:translateX( calc(-50% + var(--pc-range-slider-output-factor)*var(--pc-range-slider-thumb-size)) ); opacity:0; visibility:hidden; pointer-events:none; transition-property:opacity, visibility, bottom; transition-duration:var(--p-motion-duration-200); transition-timing-function:var(--p-motion-ease); } .Polaris-RangeSlider-SingleThumb__Input:active + .Polaris-RangeSlider-SingleThumb__Output{ opacity:1; visibility:visible; bottom:calc(var(--pc-range-slider-thumb-size) + 0.5rem); } .Polaris-RangeSlider-SingleThumb__OutputBubble{ position:relative; display:flex; box-shadow:var(--p-shadow-500); padding:0 var(--p-space-200); min-width:2rem; height:2rem; background-color:var(--p-color-bg-surface); border-radius:var(--p-border-radius-100); transition-property:transform; transition-duration:var(--p-motion-duration-200); transition-timing-function:var(--p-motion-ease); outline:var(--p-border-width-025) solid transparent; } .Polaris-RangeSlider-SingleThumb__Input:hover + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, .Polaris-RangeSlider-SingleThumb__Input:active + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, .Polaris-RangeSlider-SingleThumb__Input:focus + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble{ transform:translateY(calc(var(--pc-range-slider-output-spacing)*-1)); } @media (min-width: 48em){ .Polaris-RangeSlider-SingleThumb__Input:hover + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, .Polaris-RangeSlider-SingleThumb__Input:active + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble, .Polaris-RangeSlider-SingleThumb__Input:focus + .Polaris-RangeSlider-SingleThumb__Output .Polaris-RangeSlider-SingleThumb__OutputBubble{ transform:translateY( calc((var(--pc-range-slider-output-spacing)*0.4)*-1) ); } } .Polaris-RangeSlider-SingleThumb__OutputBubble > :first-child{ display:block; flex:1 1 auto; margin:auto; } .Polaris-ResourceItem{ --pc-resource-item-min-height:2.75rem; --pc-resource-item-disclosure-width:3rem; --pc-resource-item-offset:2.375rem; --pc-resource-item-clickable-stacking-order:1; --pc-resource-item-content-stacking-order:2; --pc-resource-item-action-unhide-clip:auto; --pc-resource-item-action-hide-clip:rect(0, 0, 0, 0); --pc-resource-item-action-unhide-overflow:visible; --pc-resource-item-action-hide-overflow:hidden; outline:none; cursor:pointer; } .Polaris-ResourceItem:hover{ background-color:var(--p-color-bg-surface-secondary-hover); } .Polaris-ResourceItem:hover .Polaris-ResourceItem__Actions > *{ clip:var(--pc-resource-item-action-unhide-clip); overflow:var(--pc-resource-item-action-unhide-overflow); } .Polaris-ResourceItem:active{ background-color:var(--p-color-bg-surface-active); } .Polaris-ResourceItem__ItemWrapper{ overflow:hidden; max-width:100%; } .Polaris-ResourceItem__CheckboxWrapper{ z-index:var(--pc-resource-item-content-stacking-order); display:flex; align-items:inherit; height:100%; } .Polaris-ResourceItem--focusedInner, .Polaris-ResourceItem--focusedInner.Polaris-ResourceItem--focused, .Polaris-ResourceItem--focusedInner.Polaris-ResourceItem--focused.Polaris-ResourceItem--selected{ box-shadow:none; } .Polaris-ResourceItem__Link, .Polaris-ResourceItem__Button{ position:absolute; z-index:var(--pc-resource-item-clickable-stacking-order); top:0; left:0; height:100%; width:100%; opacity:0; } .Polaris-ResourceItem__Button{ padding:0; border:none; } .Polaris-ResourceItem--selectable{ width:100%; margin-right:0; } .Polaris-ResourceItem--disabled{ cursor:default; color:var(--p-color-text-secondary); } .Polaris-ResourceItem--disabled:hover{ background-color:transparent; } .Polaris-ResourceItem__Actions > *{ clip:var(--pc-resource-item-action-hide-clip); overflow:var(--pc-resource-item-action-hide-overflow); } .Polaris-ResourceItem--focused .Polaris-ResourceItem__Actions > *{ clip:var(--pc-resource-item-action-unhide-clip); overflow:var(--pc-resource-item-action-unhide-overflow); } .Polaris-ResourceItem--selected{ background-color:var(--p-color-bg-surface-brand-selected); } .Polaris-ResourceItem--selected:hover{ background-color:var(--p-color-bg-surface-brand-hover); } .Polaris-ResourceItem--selected:active{ background-color:var(--p-color-bg-surface-brand-active); } .Polaris-ResourceItem__ListItem{ position: relative; } .Polaris-ResourceItem__ListItem::after { content: ''; position: absolute; z-index: 1; top: 0rem; right: 0rem; bottom: 0rem; left: 0rem; display: block; pointer-events: none; box-shadow: 0 0 0 0rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-ResourceItem__ListItem + .Polaris-ResourceItem__ListItem{ border-top:var(--pc-resource-list-separator-border); } .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused{ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:calc(var(--p-space-050)*-1); z-index:var(--pc-resource-item-clickable-stacking-order); border-radius:var(--p-border-radius-0); } .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused::after{ content:none; } @media (min-width: 30.625em){ .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused{ border-radius:var(--p-border-radius-300); } .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused:first-of-type{ border-bottom-left-radius:var(--p-border-radius-0); border-bottom-right-radius:var(--p-border-radius-0); } .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused:last-of-type{ border-top-left-radius:var(--p-border-radius-0); border-top-right-radius:var(--p-border-radius-0); } } .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused:only-child{ border-radius:var(--p-border-radius-0); } @media (min-width: 30.625em){ .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused:only-child{ border-radius:var(--p-border-radius-300); } } .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused.Polaris-ResourceItem--selectable{ border-radius:var(--p-border-radius-0); } @media (min-width: 30.625em){ .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused.Polaris-ResourceItem--selectable:last-child{ border-bottom-left-radius:var(--p-border-radius-300); border-bottom-right-radius:var(--p-border-radius-300); } .Polaris-ResourceItem__ListItem.Polaris-ResourceItem--focused.Polaris-ResourceItem--selectable.Polaris-ResourceItem--hasBulkActions.Polaris-ResourceItem--selected:last-child{ border-bottom-left-radius:var(--p-border-radius-0); border-bottom-right-radius:var(--p-border-radius-0); } } .Polaris-Select{ --pc-select-backdrop:10; --pc-select-content:20; --pc-select-input:30; position:relative; } .Polaris-Select select::-ms-expand{ display:none; } .Polaris-Select:not(.Polaris-Select--disabled):not(.Polaris-Select--error):hover .Polaris-Select__Backdrop{ border-color:var(--p-color-input-border-hover); background-color:var(--p-color-input-bg-surface-hover); } .Polaris-Select:not(.Polaris-Select--disabled):not(.Polaris-Select--error) .Polaris-Select__Input:active ~ .Polaris-Select__Backdrop{ border:none; box-shadow:var(--p-shadow-inset-200); background-color:var(--p-color-input-bg-surface-active); } .Polaris-Select--disabled .Polaris-Select__Content{ color:var(--p-color-text-disabled); } .Polaris-Select--disabled .Polaris-Select__InlineLabel{ color:inherit; } .Polaris-Select--disabled .Polaris-Select__Icon svg{ fill:var(--p-color-icon-disabled); } .Polaris-Select--disabled .Polaris-Select__Backdrop{ border-color:var(--p-color-border-disabled); background-color:var(--p-color-bg-surface-disabled); } .Polaris-Select--disabled .Polaris-Select__Backdrop::before{ background-color:var(--p-color-input-bg-surface); } .Polaris-Select--disabled .Polaris-Select__Backdrop:hover{ cursor:default; } .Polaris-Select__Content{ font-size:var(--p-font-size-325); font-weight:var(--p-font-weight-regular); line-height:var(--p-font-line-height-500); border:none; letter-spacing:initial; position:relative; z-index:var(--pc-select-content); display:flex; align-items:center; width:100%; min-height:var(--pg-control-height); padding:var(--p-space-150) var(--p-space-200) var(--p-space-150) var(--p-space-300); font-size:var(--p-font-size-400); line-height:var(--p-font-line-height-600); } @media (min-width: 48em){ .Polaris-Select__Content{ line-height:var(--p-font-line-height-500); font-size:var(--p-font-size-325); } } @media (max-width: 47.9975em){ .Polaris-Select__Content div > span{ font-size:var(--p-font-size-400); line-height:var(--p-font-line-height-500); } } .Polaris-Select__SelectedOption{ flex:1 1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .Polaris-Select__Prefix{ padding-right:var(--p-space-100); } .Polaris-Select__Icon svg{ fill:var(--p-color-icon-secondary); } .Polaris-Select__Input{ font-size:var(--p-font-size-400); font-weight:var(--p-font-weight-regular); line-height:var(--p-font-line-height-600); font-family:var(--p-font-family-sans); letter-spacing:initial; position:absolute; text-rendering:auto; top:0; left:0; z-index:var(--pc-select-input); width:100%; height:100%; margin:0; opacity:0; -webkit-appearance:none; appearance:none; border:none; padding:var(--p-space-150) var(--p-space-200) var(--p-space-150) var(--p-space-300); } @media (min-width: 48em){ .Polaris-Select__Input{ font-size:var(--p-font-size-325); line-height:var(--p-font-line-height-500); } } .Polaris-Select__Backdrop{ z-index:var(--pc-select-backdrop); top:0; right:0; bottom:0; left:0; border:var(--p-border-width-0165) solid var(--p-color-input-border); border-radius:var(--p-border-radius-200); background-color:var(--p-color-input-bg-surface); position:absolute; } .Polaris-Select--error .Polaris-Select__Backdrop{ border-color:var(--p-color-border-critical-secondary); background-color:var(--p-color-bg-surface-critical); } .Polaris-Select--error .Polaris-Select__Backdrop.Polaris-Select--hover, .Polaris-Select--error .Polaris-Select__Backdrop:hover{ border-color:var(--p-color-border-critical); } .Polaris-Select--error .Polaris-Select__Input:focus-visible ~ .Polaris-Select__Backdrop{ border-color:var(--p-color-border-critical-secondary); border-width:var(--p-border-width-025); background-color:var(--p-color-bg-surface-critical); } .Polaris-Select__Input:focus-visible ~ .Polaris-Select__Backdrop{ border-color:var(--p-color-input-border-active); border-width:var(--p-border-width-025); background-color:var(--p-color-input-bg-surface-active); outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-025); } .Polaris-Select--toneMagic .Polaris-Select__Content{ color:var(--p-color-text-magic); } .Polaris-Select--toneMagic .Polaris-Select__InlineLabel{ color:inherit; } .Polaris-Select--toneMagic .Polaris-Select__Backdrop{ border-color:var(--p-color-border-magic-secondary); background-color:var(--p-color-bg-surface-magic); } .Polaris-Select--toneMagic .Polaris-Select__Icon svg{ fill:var(--p-color-icon-magic); } .Polaris-Select--toneMagic:not(.Polaris-Select--disabled):not(.Polaris-Select--error):not(:focus-within):hover .Polaris-Select__Backdrop{ border-color:var(--p-color-border-magic-secondary-hover); background-color:var(--p-color-bg-surface-magic-hover); } .Polaris-Select--toneMagic:not(.Polaris-Select--disabled):not(.Polaris-Select--error) .Polaris-Select__Input:focus-visible ~ .Polaris-Select__Content{ color:var(--p-color-text); } .Polaris-Select--toneMagic:not(.Polaris-Select--disabled):not(.Polaris-Select--error) .Polaris-Select__Input:focus-visible ~ .Polaris-Select__Content .Polaris-Select__Icon svg{ fill:var(--p-color-icon-secondary); } @media (-ms-high-contrast: active){ .Polaris-Select__Content{ color:windowText; -ms-high-contrast-adjust:none; } .Polaris-Select__InlineLabel{ color:inherit; } .Polaris-Select__InlineLabel::after{ content:':'; } .Polaris-Select__SelectedOption{ color:inherit; } .Polaris-Select__Icon svg{ fill:buttonText; } .Polaris-Select__Backdrop::after{ display:none; } .Polaris-Select__Input:focus ~ .Polaris-Select__Content{ color:highlightText; } .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop{ background-color:highlight; } .Polaris-Select--disabled .Polaris-Select__Content{ color:grayText; } .Polaris-Select--disabled .Polaris-Select__Icon{ opacity:1; } .Polaris-Select--disabled .Polaris-Select__Icon svg{ fill:grayText; } } .Polaris-ResourceList__FiltersWrapper{ padding:var(--p-space-300); } .Polaris-ResourceList__FiltersWrapper + .Polaris-ResourceList__ResourceListWrapper > :first-child:is(.Polaris-ResourceList){ border-top:var(--pc-resource-list-separator-border); } .Polaris-ResourceList__HeaderOuterWrapper{ position:relative; background-color:var(--p-color-bg-surface); z-index:var(--pc-resource-list-header-outer-wrapper-stacking-order); border-top-left-radius:var(--p-border-radius-200); border-top-right-radius:var(--p-border-radius-200); } .Polaris-ResourceList__HeaderOuterWrapper + .Polaris-ResourceList, .Polaris-ResourceList__HeaderOuterWrapper + .Polaris-ResourceList__BulkActionsWrapper + .Polaris-ResourceList{ border-top:var(--pc-resource-list-separator-border); } .Polaris-ResourceList__HeaderWrapper--disabled{ pointer-events:none; } .Polaris-ResourceList__HeaderWrapper--overlay{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:var(--pc-resource-list-header-overlay-stacking-order); background-color:rgba(255, 255, 255, 0.5); } .Polaris-ResourceList__FiltersWrapper + .Polaris-ResourceList__ResourceListWrapper > .Polaris-ResourceList__HeaderOuterWrapper{ margin-top:calc(var(--p-space-400)*-1); } .Polaris-ResourceList__HeaderWrapper{ position:relative; display:flex; width:100%; background-color:var(--p-color-bg-surface); border-radius:var(--p-border-radius-200); min-height:3.25rem; align-items:center; padding:var(--p-space-200) var(--p-space-300); } @media (min-width: 48em){ .Polaris-ResourceList__HeaderWrapper{ min-height:3rem; } } .Polaris-ResourceList__HeaderWrapper--isSticky{ box-shadow:var(--p-shadow-100); border-radius:0; } .Polaris-ResourceList__HeaderContentWrapper{ position:absolute; z-index:var(--pc-resource-list-content-wrapper-stacking-order); right:var(--p-space-300); left:var(--p-space-300); top:0; bottom:0; display:flex; min-height:var(--pg-control-height); opacity:1; transition:opacity var(--p-motion-ease) var(--p-motion-duration-200); align-items:center; } .Polaris-ResourceList__HeaderWrapper--inSelectMode .Polaris-ResourceList__HeaderContentWrapper{ opacity:0; } .Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__AlternateToolWrapper{ position:relative; display:flex; flex:1 1; align-items:center; } .Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__AlternateToolWrapper{ padding-right:var(--p-space-200); } @media (min-width: 30.625em){ .Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__AlternateToolWrapper{ position:relative; left:auto; flex:0 1 auto; margin-left:var(--p-space-400); } .Polaris-ResourceList__HeaderWrapper--hasAlternateTool.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__HeaderWrapper--hasAlternateTool.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__AlternateToolWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__SortWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__AlternateToolWrapper{ padding-right:0; } } .Polaris-ResourceList__SortWrapper{ min-width:0; max-width:100%; } .Polaris-ResourceList__SortWrapper > *{ max-width:100%; } .Polaris-ResourceList__HeaderTitleWrapper{ white-space:nowrap; text-overflow:ellipsis; flex:1 1; align-self:center; } .Polaris-ResourceList__HeaderWrapper--hasAlternateTool .Polaris-ResourceList__HeaderTitleWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort .Polaris-ResourceList__HeaderTitleWrapper{ display:none; } @media (min-width: 30.625em){ .Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__HeaderTitleWrapper, .Polaris-ResourceList__HeaderWrapper--hasAlternateTool.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__HeaderTitleWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__HeaderTitleWrapper{ display:none; } .Polaris-ResourceList__HeaderWrapper--hasAlternateTool .Polaris-ResourceList__HeaderTitleWrapper, .Polaris-ResourceList__HeaderWrapper--hasSort .Polaris-ResourceList__HeaderTitleWrapper{ display:block; } } .Polaris-ResourceList__SelectAllActionsWrapper{ z-index:var(--pc-resource-list-bulk-actions-wrapper-stacking-order); position:absolute; left:0; width:100%; display:flex; align-items:center; } @media (min-width: 30.625em){ .Polaris-ResourceList__SelectAllActionsWrapper{ flex:0 1 auto; align-self:flex-start; } } .Polaris-ResourceList__SelectAllActionsWrapperSticky{ position:fixed; top:auto; bottom:0; } .Polaris-ResourceList__SelectAllActionsWrapperAtEnd{ opacity:0; transition:opacity var(--p-motion-duration-100) var(--p-motion-ease); } .Polaris-ResourceList__SelectAllActionsWrapperAtEndAppear{ opacity:1; } .Polaris-ResourceList__BulkActionsWrapper{ position:relative; z-index:var(--pc-resource-list-bulk-actions-wrapper-stacking-order); width:100%; visibility:hidden; opacity:0; transition:opacity var(--p-motion-duration-100) var(--p-motion-ease), visibility var(--p-motion-duration-100) var(--p-motion-ease); } .Polaris-ResourceList__BulkActionsWrapper.Polaris-ResourceList__BulkActionsWrapperVisible{ visibility:visible; opacity:1; } .Polaris-ResourceList__PaginationWrapper{ z-index:var(--pc-pagination-index); } @media (min-width: 48em){ .Polaris-ResourceList__PaginationWrapper{ position:sticky; bottom:0; } } .Polaris-ResourceList__CheckableButtonWrapper{ display:none; height:100%; } @media (min-width: 30.625em){ .Polaris-ResourceList__CheckableButtonWrapper{ flex:1 1; display:block; } } .Polaris-ResourceList__SelectButtonWrapper{ position:relative; flex:none; } @media (min-width: 30.625em){ .Polaris-ResourceList__SelectButtonWrapper{ display:none; } } .Polaris-ResourceList__EmptySearchResultWrapper{ padding-top:var(--p-space-800); padding-bottom:var(--p-space-800); } @media (min-height: 37.5em){ .Polaris-ResourceList__EmptySearchResultWrapper{ padding-top:var(--p-space-1600); padding-bottom:var(--p-space-1600); } } .Polaris-ResourceList__ResourceListWrapper{ --pc-resource-list-stacking-order:1; --pc-resource-list-content-wrapper-stacking-order:1; --pc-resource-list-overlay-stacking-order:3; --pc-resource-list-header-overlay-stacking-order:4; --pc-resource-list-spinner-stacking-order:4; --pc-pagination-index:30; --pc-resource-list-bulk-actions-wrapper-stacking-order:31; --pc-resource-list-header-outer-wrapper-stacking-order:31; --pc-resource-list-separator-border:var(--p-border-width-025) solid var(--p-color-border); position:relative; } .Polaris-ResourceList{ position:relative; z-index:var(--pc-resource-list-stacking-order); margin:0; padding:0; list-style:none; } .Polaris-ResourceList__ItemWrapper{ position:relative; z-index:var(--pc-resource-list-stacking-order); overflow:hidden; max-width:100%; } .Polaris-ResourceList__ItemWrapper + .Polaris-ResourceList__ItemWrapper{ border-top:var(--pc-resource-list-separator-border); } .Polaris-ResourceList__ItemWrapper--isLoading{ min-height:4rem; } .Polaris-ResourceList__SpinnerContainer{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:var(--pc-resource-list-spinner-stacking-order); display:flex; justify-content:center; } .Polaris-ResourceList__LoadingOverlay{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:var(--pc-resource-list-overlay-stacking-order); display:flex; justify-content:center; background-color:rgba(255, 255, 255, 0.5); } .Polaris-ResourceList__DisabledPointerEvents{ pointer-events:none; } .Polaris-ResourceList--disableTextSelection{ -webkit-user-select:none; user-select:none; } .Polaris-SelectAllActions{ display:flex; gap:var(--p-space-200); align-items:center; justify-content:flex-start; width:100%; transition:var(--p-motion-duration-100) var(--p-motion-ease); transition-property:transform, opacity; } .Polaris-SelectAllActions.Polaris-SelectAllActions--selectAllActionsNotSticky{ transform:none; opacity:1; } .Polaris-SelectAllActions__SelectAllActions--entering, .Polaris-SelectAllActions__SelectAllActions--exiting{ display:flex; opacity:0; } .Polaris-SelectAllActions__SelectAllActions--entering:not(:is(.Polaris-SelectAllActions--selectAllActionsNotSticky, .Polaris-SelectAllActions__SelectAllActions--hasPagination)), .Polaris-SelectAllActions__SelectAllActions--exiting:not(:is(.Polaris-SelectAllActions--selectAllActionsNotSticky, .Polaris-SelectAllActions__SelectAllActions--hasPagination)){ transform:translateY(100%); } .Polaris-SelectAllActions__SelectAllActions--exited{ display:none; opacity:0; } .Polaris-SelectAllActions__SelectAllActions--exited:not(:is(.Polaris-SelectAllActions--selectAllActionsNotSticky, .Polaris-SelectAllActions__SelectAllActions--hasPagination)){ transform:translateY(100%); } .Polaris-SelectAllActions__SelectAllActions--entered{ opacity:1; display:flex; transform:translateY(0); } .Polaris-SelectAllActions__AllAction{ border:0; background:none; padding:0; cursor:pointer; color:var(--p-color-text-emphasis); outline:none; position: relative; } .Polaris-SelectAllActions__AllAction::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-SelectAllActions__AllAction:hover, .Polaris-SelectAllActions__AllAction:focus{ color:var(--p-color-text-emphasis-hover); } .Polaris-SelectAllActions__AllAction:active{ color:var(--p-color-text-emphasis-active); } .Polaris-SelectAllActions__AllAction:focus-visible:not(:active)::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-SkeletonBodyText__SkeletonBodyTextContainer{ width:100%; } .Polaris-SkeletonBodyText{ height:var(--p-space-200); display:flex; background-color:var(--p-color-bg-fill-tertiary); border-radius:var(--p-border-radius-100); } @media screen and (-ms-high-contrast: active){ .Polaris-SkeletonBodyText{ background-color:grayText; } } .Polaris-SkeletonBodyText:last-child:not(:first-child){ width:80%; } .Polaris-SkeletonBodyText + .Polaris-SkeletonBodyText{ margin-top:var(--p-space-300); } .Polaris-SkeletonDisplayText__DisplayText{ --pc-skeleton-display-text-height:var(--p-font-line-height-500); --pc-skeleton-display-text-height-not-condensed:var( --p-font-line-height-500 ); max-width:var(--pc-skeleton-display-text-max-width, 120px); display:flex; background-color:var(--p-color-bg-fill-tertiary); border-radius:var(--p-border-radius-100); height:var(--pc-skeleton-display-text-height); } @media screen and (-ms-high-contrast: active){ .Polaris-SkeletonDisplayText__DisplayText{ background-color:grayText; } } @media (min-width: 48em){ .Polaris-SkeletonDisplayText__DisplayText{ height:var(--pc-skeleton-display-text-height-not-condensed); } } .Polaris-SkeletonDisplayText--sizeSmall{ --pc-skeleton-display-text-height:var(--p-font-line-height-600); --pc-skeleton-display-text-height-not-condensed:var( --p-font-line-height-700 ); } .Polaris-SkeletonDisplayText--sizeMedium{ --pc-skeleton-display-text-height:var(--p-font-line-height-700); --pc-skeleton-display-text-height-not-condensed:var( --p-font-line-height-800 ); } .Polaris-SkeletonDisplayText--sizeLarge{ --pc-skeleton-display-text-height:var(--p-font-line-height-700); --pc-skeleton-display-text-height-not-condensed:var( --p-font-line-height-800 ); } .Polaris-SkeletonDisplayText--sizeExtraLarge{ --pc-skeleton-display-text-height:2.25rem; --pc-skeleton-display-text-height-not-condensed:2.75rem; } :root{ --pc-skeleton-page-max-width:62.375rem; --pc-skeleton-page-max-width-narrow:41.375rem; } @media screen and (-ms-high-contrast: active){ .Polaris-SkeletonPage__SkeletonTitle{ background-color:grayText; } } .Polaris-SkeletonTabs__Tabs{ display:flex; width:100%; overflow:auto; } @media (min-width: 48em){ .Polaris-SkeletonTabs__Tabs{ overflow:visible; } } .Polaris-SkeletonTabs__Tab{ position:relative; display:flex; align-items:center; height:calc(var(--p-height-800) + var(--p-height-400)); padding:var(--p-space-200) var(--p-space-300); margin-right:var(--p-space-100); } .Polaris-SkeletonTabs__Tab:last-child{ margin-right:0; } @media (min-width: 48em){ .Polaris-SkeletonTabs__Tab{ height:calc(var(--p-height-700) + var(--p-height-400)); } } .Polaris-SkeletonTabs__TabText{ width:var(--p-width-1600); height:var(--p-space-300); background-color:var(--p-color-bg-fill-tertiary); border-radius:var(--p-border-radius-100); } @media screen and (-ms-high-contrast: active){ .Polaris-SkeletonTabs__TabText{ background-color:grayText; } } .Polaris-SkeletonTabs--fitted{ flex-wrap:nowrap; } .Polaris-SkeletonTabs--fitted .Polaris-SkeletonTabs__Tab{ justify-content:flex-start; } @media (min-width: 48em){ .Polaris-SkeletonTabs--fitted .Polaris-SkeletonTabs__Tab{ flex:1 1 100%; justify-content:center; } .Polaris-SkeletonTabs--fitted .Polaris-SkeletonTabs__TabText{ width:100%; } } .Polaris-SkeletonThumbnail{ --pc-skeleton-thumbnail-extra-small-size:1.5rem; --pc-skeleton-thumbnail-small-size:2.5rem; --pc-skeleton-thumbnail-medium-size:3.75rem; --pc-skeleton-thumbnail-large-size:5rem; display:flex; background-color:var(--p-color-bg-fill-tertiary); border-radius:var(--p-border-radius-200); } @media screen and (-ms-high-contrast: active){ .Polaris-SkeletonThumbnail{ background-color:grayText; } } .Polaris-SkeletonThumbnail--sizeExtraSmall{ height:var(--pc-skeleton-thumbnail-extra-small-size); width:var(--pc-skeleton-thumbnail-extra-small-size); } .Polaris-SkeletonThumbnail--sizeSmall{ height:var(--pc-skeleton-thumbnail-small-size); width:var(--pc-skeleton-thumbnail-small-size); } .Polaris-SkeletonThumbnail--sizeMedium{ height:var(--pc-skeleton-thumbnail-medium-size); width:var(--pc-skeleton-thumbnail-medium-size); } .Polaris-SkeletonThumbnail--sizeLarge{ height:var(--pc-skeleton-thumbnail-large-size); width:var(--pc-skeleton-thumbnail-large-size); } .Polaris-Thumbnail{ --pc-thumbnail-extra-small-size:1.5rem; --pc-thumbnail-small-size:2.5rem; --pc-thumbnail-medium-size:3.75rem; --pc-thumbnail-large-size:5rem; position:relative; display:block; overflow:hidden; background:var(--p-color-bg-surface); min-width:var(--pc-thumbnail-extra-small-size); max-width:100%; border-radius:var(--p-border-radius-200); } .Polaris-Thumbnail::after{ content:''; top:0; left:0; right:0; bottom:0; position:absolute; border-radius:var(--p-border-radius-200); box-shadow:var(--p-shadow-border-inset); display:block; padding-bottom:100%; } .Polaris-Thumbnail.Polaris-Thumbnail--sizeExtraSmall, .Polaris-Thumbnail.Polaris-Thumbnail--sizeExtraSmall::after{ border-radius:var(--p-border-radius-150); } .Polaris-Thumbnail::before{ content:''; display:block; padding-bottom:100%; } .Polaris-Thumbnail--sizeExtraSmall{ width:var(--pc-thumbnail-extra-small-size); } .Polaris-Thumbnail--sizeSmall{ width:var(--pc-thumbnail-small-size); } .Polaris-Thumbnail--sizeMedium{ width:var(--pc-thumbnail-medium-size); } .Polaris-Thumbnail--sizeLarge{ width:var(--pc-thumbnail-large-size); } .Polaris-Thumbnail--transparent{ background:transparent; } .Polaris-Thumbnail > *{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:100%; max-height:100%; color:var(--p-color-icon-secondary); } .Polaris-Thumbnail > * svg{ fill:currentColor; } .Polaris-TopBar-SearchDismissOverlay{ position:fixed; top:0; left:0; right:0; z-index:var(--p-z-index-7); height:100%; } .Polaris-TopBar-SearchDismissOverlay--visible{ background-color:transparent; animation:none; } .Polaris-TopBar-Search{ position:fixed; visibility:hidden; z-index:var(--p-z-index-8); pointer-events:none; top:var(--pg-top-bar-height); left:0; right:0; box-shadow:var(--p-shadow-600); overflow:hidden; } @media (min-width: 30.625em){ .Polaris-TopBar-Search{ position:absolute; top:100%; max-width:36.25rem; margin:var(--p-space-100) var(--p-space-500) 0; border-radius:var(--p-border-radius-200); } } @media (min-width: 48em){ .Polaris-TopBar-Search{ margin:var(--p-space-100) var(--p-space-800) 0; } } .Polaris-TopBar-Search__SearchContent{ background-color:var(--p-color-bg-surface); } .Polaris-TopBar-Search--visible{ visibility:initial; pointer-events:all; } .Polaris-TopBar-Search__Results{ position:relative; display:flex; flex-direction:column; max-height:calc(100vh - var(--pg-top-bar-height)); margin:0; } @media (min-width: 30.625em){ .Polaris-TopBar-Search__Results{ max-height:60vh; } } .Polaris-TopBar-SearchField{ --pc-search-field-backdrop:1; --pc-search-field-input:2; --pc-search-field-icon:3; --pc-search-field-action:3; --pc-search-field-icon-size:1.125rem; z-index:var(--p-z-index-11); position:relative; display:flex; flex:1 1 auto; align-items:center; border:var(--p-border-width-025) solid transparent; width:100%; } .Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__Input, .Polaris-TopBar-SearchField__Input:focus{ color:var(--p-color-text-inverse); } .Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__Input::placeholder, .Polaris-TopBar-SearchField__Input:focus::placeholder{ color:var(--p-color-text-inverse-secondary); } .Polaris-TopBar-SearchField__Input:focus-visible ~ .Polaris-TopBar-SearchField__Backdrop::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-TopBar-SearchField__Input:focus-visible ~ .Polaris-TopBar-SearchField__BackdropShowFocusBorder{ border:var(--p-border-width-025) solid var(--pc-top-bar-border); } .Polaris-TopBar-SearchField__Input:focus-visible ~ .Polaris-TopBar-SearchField__Icon svg{ fill:var(--p-color-icon-secondary); } .Polaris-TopBar-SearchField__Input:focus-visible:not(:active) ~ .Polaris-TopBar-SearchField__Backdrop{ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-050); } .Polaris-TopBar-SearchField__Input:focus-visible:not(:active) ~ .Polaris-TopBar-SearchField__Icon svg{ fill:var(--p-color-icon-secondary); } .Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__BackdropShowFocusBorder{ border:var(--p-border-width-025) solid var(--pc-top-bar-border); } .Polaris-TopBar-SearchField--focused .Polaris-TopBar-SearchField__Icon svg{ fill:var(--p-color-icon-inverse); } .Polaris-TopBar-SearchField__Input{ font-size:var(--p-font-size-325); font-weight:var(--p-font-weight-regular); line-height:var(--p-font-line-height-500); border:none; letter-spacing:initial; z-index:var(--pc-search-field-input); height:2rem; width:100%; padding:0 calc(var(--pc-search-field-icon-size) + var(--p-space-300)); border:var(--p-border-width-0165) solid var(--p-color-border-inverse); border-radius:var(--p-border-radius-200); background-color:transparent; outline:none; color:var(--p-color-text-inverse-secondary); -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:fill, color; transition:fill var(--p-motion-duration-200) var(--p-motion-ease), color var(--p-motion-duration-200) var(--p-motion-ease); } .Polaris-TopBar-SearchField__Input:hover{ border-color:var(--p-color-border-inverse-hover); } .Polaris-TopBar-SearchField__Input:active, .Polaris-TopBar-SearchField__Input:focus{ box-shadow:inset 0 0 0 var(--p-border-width-025) var(--p-color-border-inverse-active); } .Polaris-TopBar-SearchField__Input::placeholder{ color:var(--p-color-text-inverse-secondary); } .Polaris-TopBar-SearchField__Input::-webkit-search-decoration, .Polaris-TopBar-SearchField__Input::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; } .Polaris-TopBar-SearchField__Icon{ position:absolute; z-index:var(--pc-search-field-icon); top:50%; left:var(--p-space-200); display:flex; height:var(--pc-search-field-icon-size); width:var(--pc-search-field-icon-size); pointer-events:none; transform:translateY(-50%); } .Polaris-TopBar-SearchField__Icon svg{ fill:var(--p-color-icon-secondary); } .Polaris-TopBar-SearchField__Clear{ position: relative; position:absolute; right:var(--p-space-100); z-index:var(--pc-search-field-action); border:none; -webkit-appearance:none; appearance:none; background:transparent; padding:var(--p-space-100); } .Polaris-TopBar-SearchField__Clear::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-200); } .Polaris-TopBar-SearchField__Clear svg{ fill:var(--p-color-icon-secondary); } .Polaris-TopBar-SearchField__Clear:focus, .Polaris-TopBar-SearchField__Clear:hover{ outline:none; } .Polaris-TopBar-SearchField__Clear:hover svg, .Polaris-TopBar-SearchField__Clear:focus svg{ fill:var(--p-color-icon-inverse); } .Polaris-TopBar-SearchField__Clear:focus-visible::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-TopBar-SearchField__Clear:active svg{ fill:var(--p-color-icon-active); } .Polaris-TopBar-SearchField__Clear:active::after{ border:none; } .Polaris-TopBar-SearchField__Backdrop{ position:absolute; z-index:var(--pc-search-field-backdrop); top:0; right:0; bottom:0; left:0; background-color:var(--p-color-bg-surface-inverse); border-radius:var(--p-border-radius-200); } .Polaris-TopBar-SearchField__Backdrop::after{ content:none; } .Polaris-MessageIndicator__MessageIndicatorWrapper{ position:relative; } .Polaris-MessageIndicator{ --pc-message-indicator-size:0.75rem; --pc-message-indicator-position:-0.1875rem; position:absolute; z-index:1; top:var(--pc-message-indicator-position); right:var(--pc-message-indicator-position); width:var(--pc-message-indicator-size); height:var(--pc-message-indicator-size); border-radius:var(--p-border-radius-full); background-color:var(--p-color-icon-info); border:solid var(--p-border-width-050) var(--p-color-bg); } .Polaris-Menu-Message__Section{ max-width:20.3125rem; margin-top:var(--p-space-200); padding-top:var(--p-space-200); border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-TopBar-Menu__ActivatorWrapper{ height:var(--pg-top-bar-height); display:flex; align-items:center; } .Polaris-TopBar-Menu__Activator{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; color:var(--p-color-text-inverse); position:relative; display:flex; justify-content:center; align-items:center; min-width:auto; min-height:2rem; padding:var(--p-space-150); border:0; cursor:pointer; transition:background-color var(--p-motion-duration-100); margin-right:var(--p-space-200); border-radius:var(--p-border-radius-200); background-color:var(--p-color-bg-fill-inverse); } .Polaris-TopBar-Menu__Activator:focus{ outline:none; } .Polaris-TopBar-Menu__Activator::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-TopBar-Menu__Activator:focus{ background-color:var(--p-color-bg-fill-inverse-hover); outline:none; } .Polaris-TopBar-Menu__Activator:focus-visible{ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-050); } .Polaris-TopBar-Menu__Activator:focus-visible::after{ content:none; } .Polaris-TopBar-Menu__Activator:hover{ background-color:var(--p-color-bg-fill-inverse-hover); } .Polaris-TopBar-Menu__Activator:active, .Polaris-TopBar-Menu__Activator[aria-expanded='true']{ background-color:var(--p-color-bg-fill-inverse-active); outline:none; transition:none; } .Polaris-TopBar-Menu__Activator:active::after, .Polaris-TopBar-Menu__Activator[aria-expanded='true']::after{ border:none; } .Polaris-TopBar-Menu__Activator:active p, .Polaris-TopBar-Menu__Activator[aria-expanded='true'] p{ color:var(--p-color-text-inverse); } @media (max-width: 47.9975em){ .Polaris-TopBar-Menu__Activator{ margin-right:var(--p-space-200); background-color:var(--p-color-bg-inverse); } .Polaris-TopBar-Menu__Activator:focus, .Polaris-TopBar-Menu__Activator:hover, .Polaris-TopBar-Menu__Activator:active, .Polaris-TopBar-Menu__Activator[aria-expanded='true']{ opacity:0.85; } } .Polaris-TopBar-Menu__Activator--userMenu{ padding:var(--p-space-050); } .Polaris-TopBar-Menu__Section{ margin-top:var(--p-space-200); padding-top:var(--p-space-200); border-top:var(--p-border-width-025) solid var(--p-color-border-secondary); } .Polaris-TopBar-UserMenu__Details{ max-width:10rem; margin-right:0; padding:0 var(--p-space-200) 0 0.625rem; } @media (max-width: 47.9975em){ .Polaris-TopBar-UserMenu__Details{ display:none; } } .Polaris-TopBar{ position:relative; height:var(--pg-top-bar-height); box-shadow:var(--p-shadow-100); background-color:var(--p-color-bg-inverse); gap:var(--p-space-100); } @media (min-width: 48em){ .Polaris-TopBar{ gap:var(--p-space-600); grid-template-columns:minmax(15rem, 1fr) minmax(auto, 30rem) 1fr; } } .Polaris-TopBar::after{ content:''; position:absolute; bottom:0; width:100%; border-bottom:var(--p-border-width-025) solid transparent; } .Polaris-TopBar__Container{ display:grid; grid-template-columns:1fr minmax(auto, 30rem) 1fr; align-items:center; width:calc(100vw - var(--pc-app-provider-scrollbar-width)); } .Polaris-TopBar__LogoDisplayControl{ display:none; } @media (min-width: 48em){ .Polaris-TopBar__LogoDisplayControl{ display:flex; } } .Polaris-TopBar__LogoDisplayContainer{ display:flex; } .Polaris-TopBar__LogoContainer{ flex:0 0 var(--pg-layout-width-nav-base); align-items:center; height:100%; padding:0 var(--p-space-200) 0 var(--p-space-400); flex-basis: var(--pg-layout-width-nav-base); flex-basis: calc(var(--pg-layout-width-nav-base) + constant(safe-area-inset-left)); flex-basis: calc(var(--pg-layout-width-nav-base) + env(safe-area-inset-left)); padding-left: var(--p-space-400); padding-left: calc(var(--p-space-400) + constant(safe-area-inset-left)); padding-left: calc(var(--p-space-400) + env(safe-area-inset-left)); } .Polaris-TopBar__LogoContainer.Polaris-TopBar--hasLogoSuffix{ gap:var(--p-space-200); } .Polaris-TopBar__Logo, .Polaris-TopBar__LogoLink{ display:block; } .Polaris-TopBar__Logo:focus-visible, .Polaris-TopBar__LogoLink:focus-visible{ outline:var(--p-border-width-050) solid var(--p-color-border-focus); outline-offset:var(--p-space-150); border-radius:var(--p-border-radius-200); } .Polaris-TopBar__ContextControl{ display:none; } @media (min-width: 48em){ .Polaris-TopBar__ContextControl{ width:var(--pg-layout-width-nav-base); display:block; } } @media (min-width: 90em){ .Polaris-TopBar__ContextControl{ width:var(--pg-layout-width-nav-base); } } .Polaris-TopBar__NavigationIcon{ -webkit-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; position:relative; align-self:center; margin-left:calc(var(--p-space-200) + var(--p-space-050)); margin-right:var(--p-space-200); padding:var(--p-space-200); border-radius:var(--p-border-radius-100); color:var(--p-color-icon-inverse); transition:var(--p-motion-duration-150) color var(--p-motion-ease) var(--p-motion-duration-50); } .Polaris-TopBar__NavigationIcon:focus{ outline:none; } .Polaris-TopBar__NavigationIcon.Polaris-TopBar--focused:active{ background-color:var(--p-color-bg-fill-inverse-hover); } .Polaris-TopBar__NavigationIcon:hover{ background-color:var(--p-color-bg-fill-inverse-hover); } .Polaris-TopBar__NavigationIcon::after{ content:''; position:absolute; top:calc(var(--p-space-200)*-1); left:calc(var(--p-space-200)*-1); width:calc(100% + var(--p-space-500)); height:calc(100% + var(--p-space-500)); } @media (min-width: 48em){ .Polaris-TopBar__NavigationIcon{ display:none; } } .Polaris-TopBar__NavigationIcon .Polaris-TopBar__IconWrapper{ position: relative; } .Polaris-TopBar__NavigationIcon .Polaris-TopBar__IconWrapper::after { content: ''; position: absolute; z-index: 1; top: -0.4375rem; right: -0.4375rem; bottom: -0.4375rem; left: -0.4375rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.4375rem var(--p-color-border-focus); border-radius: var(--p-border-radius-100); } .Polaris-TopBar__NavigationIcon:focus-visible:not(:active) .Polaris-TopBar__IconWrapper::after { box-shadow: 0 0 0 0.125rem var(--p-color-border-focus); outline: var(--p-border-width-025) solid transparent; } .Polaris-TopBar__LeftContent{ display:flex; } .Polaris-TopBar__Search{ z-index:var(--p-z-index-1); display:flex; flex:1 1 auto; align-items:center; justify-content:center; height:100%; } @media (min-width: 48em){ .Polaris-TopBar__Search{ position:relative; } } .Polaris-TopBar__RightContent{ display:flex; justify-content:flex-end; } .Polaris-TopBar__SecondaryMenu{ margin-left:var(--p-space-200); } .Polaris-TopBar__SecondaryMenu svg{ fill:var(--p-color-icon-inverse); } .Polaris-VideoThumbnail__Thumbnail{ position:relative; padding-bottom:56.25%; background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:100%; } .Polaris-VideoThumbnail__ThumbnailContainer{ position:relative; height:100%; } .Polaris-VideoThumbnail__PlayButton{ --pc-play-button-focused-state-overlay:rgba(223, 227, 232, 0.3); position:absolute; top:0; left:0; width:100%; height:100%; padding:0; border:none; background:transparent; transition:opacity var(--p-motion-duration-200) var(--p-motion-ease-in); cursor:pointer; } .Polaris-VideoThumbnail__PlayButton:focus{ outline:none; box-shadow:inset 0.125rem 0 0 var(--p-color-border-focus); background-image:linear-gradient( var(--pc-play-button-focused-state-overlay), var(--pc-play-button-focused-state-overlay) ); } .Polaris-VideoThumbnail__PlayButton:focus .Polaris-VideoThumbnail__Timestamp{ background-color:var( --p-color-video-thumbnail-play-button-bg-fill-hover ); } .Polaris-VideoThumbnail__PlayButton:hover .Polaris-VideoThumbnail__Timestamp{ background-color:var(--p-color-video-thumbnail-play-button-bg-fill-hover); } .Polaris-VideoThumbnail__PlayIcon{ fill:var(--p-color-video-thumbnail-play-button-text-on-bg-fill); } .Polaris-VideoThumbnail__Timestamp{ position:absolute; bottom:0; padding:var(--p-space-100) var(--p-space-200) var(--p-space-100) var(--p-space-100); margin-bottom:var(--p-space-400); margin-left:var(--p-space-400); border-radius:var(--p-border-radius-200); color:var(--p-color-video-thumbnail-play-button-text-on-bg-fill); background-color:var(--p-color-video-thumbnail-play-button-bg-fill); text-align:center; transition:background-color var(--p-motion-duration-200) var(--p-motion-ease-in); } .Polaris-VideoThumbnail__Progress{ position:absolute; bottom:0; width:100%; background-color:var(--p-color-bg-surface); height:0.375rem; overflow:hidden; } .Polaris-VideoThumbnail__Indicator{ height:inherit; width:100%; transform-origin:left; transform:scaleX(0); background-color:var(--p-color-bg-fill-brand); transition:transform var(--p-motion-duration-500) var(--p-motion-ease); } .Polaris-VideoThumbnail__ProgressBar, .Polaris-VideoThumbnail__Label{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/fumadocs-ui/dist/style.css ***! \*************************************************************************************************************************************************************************************************************************************************************************************/ *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } :root { --fd-background: 0 0% 96%; --fd-foreground: 0 0% 3.9%; --fd-muted: 0 0% 96.1%; --fd-muted-foreground: 0 0% 45.1%; --fd-popover: 0 0% 98%; --fd-popover-foreground: 0 0% 15.1%; --fd-card: 0 0% 94.7%; --fd-card-foreground: 0 0% 3.9%; --fd-border: 0 0% 89.8%; --fd-primary: 0 0% 9%; --fd-primary-foreground: 0 0% 98%; --fd-secondary: 0 0% 93.1%; --fd-secondary-foreground: 0 0% 9%; --fd-accent: 0 0% 90.1%; --fd-accent-foreground: 0 0% 9%; --fd-ring: 0 0% 63.9%; --fd-sidebar-width: 0px; --fd-toc-width: 0px; --fd-layout-width: 100vw; --fd-banner-height: 0px; --fd-nav-height: 0px; --fd-tocnav-height: 0px; --fd-diff-remove-color: rgba(200,10,100,0.12); --fd-diff-remove-symbol-color: rgb(230,10,100); --fd-diff-add-color: rgba(14,180,100,0.12); --fd-diff-add-symbol-color: rgb(10,200,100); } .dark { --fd-background: 0 0% 8.04%; --fd-foreground: 0 0% 92%; --fd-muted: 0 0% 12.9%; --fd-muted-foreground: 0 0% 60.9%; --fd-popover: 0 0% 9.8%; --fd-popover-foreground: 0 0% 88%; --fd-card: 0 0% 9.8%; --fd-card-foreground: 0 0% 98%; --fd-border: 0 0% 14%; --fd-primary: 0 0% 98%; --fd-primary-foreground: 0 0% 9%; --fd-secondary: 0 0% 12.9%; --fd-secondary-foreground: 0 0% 98%; --fd-accent: 0 0% 16.9%; --fd-accent-foreground: 0 0% 90%; --fd-ring: 0 0% 14.9%; } * { border-color: hsl(var(--fd-border) / 1); } [data-rmiz-modal-overlay='visible'] { background-color: hsl(var(--fd-background) / 1); } body { background-color: hsl(var(--fd-background) / 1); color: hsl(var(--fd-foreground) / 1); } .shiki code span { color: var(--shiki-light); } .dark .shiki code span { color: var(--shiki-dark); } .fd-codeblock code { display: grid; font-size: 13px; } .shiki code .diff.remove { background-color: var(--fd-diff-remove-color); opacity: 0.7; } .shiki code .diff::before { position: absolute; left: 6px; } .shiki code .diff.remove::before { content: '-'; color: var(--fd-diff-remove-symbol-color); } .shiki code .diff.add { background-color: var(--fd-diff-add-color); } .shiki code .diff.add::before { content: '+'; color: var(--fd-diff-add-symbol-color); } .shiki code .diff { margin: 0 -16px; padding: 0 16px; position: relative; } .shiki .highlighted { margin: 0 -16px; padding: 0 16px; background-color: hsl(var(--fd-primary) / 10%); } .shiki .highlighted-word { padding: 1px 2px; margin: -1px -3px; border: 1px solid; border-color: hsl(var(--fd-primary) / 50%); background-color: hsl(var(--fd-primary) / 10%); border-radius: 2px; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 1400px) { .container { max-width: 1400px; } } .prose { color: var(--tw-prose-body); max-width: none; font-size: 1rem; line-height: 1.75; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; color: var(--tw-prose-lead); } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 1rem; list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; font-weight: 600; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows); } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding: 3px; border: solid 1px; font-size: 13px; border-color: hsl(var(--fd-border) / 1); border-radius: 5px; font-weight: 400; background: hsl(var(--fd-muted) / 1); color: var(--tw-prose-code); } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; line-height: 1.7142857; width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 0.5rem; border-width: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--fd-card) / var(--tw-bg-opacity, 1)); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose :where(a:not([data-card])):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); transition: opacity 0.3s; font-weight: 400; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: hsl(var(--fd-primary) / 1); } .prose :where(a:not([data-card]):hover):not(:where([class~="not-prose"],[class~="not-prose"] *)) { opacity: 80%; } .prose { --tw-prose-body: hsl(var(--fd-foreground) / 90%); --tw-prose-headings: hsl(var(--fd-foreground) / 1); --tw-prose-lead: hsl(var(--fd-foreground) / 1); --tw-prose-links: hsl(var(--fd-foreground) / 1); --tw-prose-bold: hsl(var(--fd-foreground) / 1); --tw-prose-counters: hsl(var(--fd-muted-foreground) / 1); --tw-prose-bullets: hsl(var(--fd-muted-foreground) / 1); --tw-prose-hr: hsl(var(--fd-border) / 1); --tw-prose-quotes: hsl(var(--fd-foreground) / 1); --tw-prose-quote-borders: hsl(var(--fd-border) / 1); --tw-prose-captions: hsl(var(--fd-foreground) / 1); --tw-prose-code: hsl(var(--fd-foreground) / 1); --tw-prose-th-borders: hsl(var(--fd-border) / 1); --tw-prose-td-borders: hsl(var(--fd-border) / 1); --tw-prose-kbd: hsl(var(--fd-foreground) / 1); --tw-prose-kbd-shadows: hsl(var(--fd-primary) / 50%); } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .prose :where(th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; border-inline-start-width: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--fd-muted) / var(--tw-bg-opacity, 1)); padding: 0.625rem; } .prose :where(th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-inline-start-width: 0px; } .prose :where(th:not(tr:last-child *), td:not(tr:last-child *)):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; } .prose :where(td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; border-inline-start-width: 1px; padding: 0.625rem; } .prose :where(td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-inline-start-width: 0px; } .prose :where(tfoot th, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(thead th, thead td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .dark #nd-sidebar { --muted: 0deg 0% 16%; --secondary: 0deg 0% 18%; --muted-foreground: 0 0% 72%; } .visible { visibility: visible; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-top-1\.5 { top: -0.375rem; } .bottom-1\.5 { bottom: 0.375rem; } .bottom-3 { bottom: 0.75rem; } .end-2 { inset-inline-end: 0.5rem; } .left-1\/2 { left: 50%; } .right-2 { right: 0.5rem; } .start-0 { inset-inline-start: 0px; } .top-0 { top: 0px; } .top-1\.5 { top: 0.375rem; } .top-1\/2 { top: 50%; } .top-2 { top: 0.5rem; } .top-\[10vh\] { top: 10vh; } .top-\[var\(--fd-banner-height\)\] { top: var(--fd-banner-height); } .top-fd-layout-top { top: calc(var(--fd-banner-height) + var(--fd-nav-height)); } .z-10 { z-index: 10; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-\[2\] { z-index: 2; } .col-start-2 { grid-column-start: 2; } .-mx-1\.5 { margin-left: -0.375rem; margin-right: -0.375rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-0 { margin-top: 0px; margin-bottom: 0px; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .-mb-1 { margin-bottom: -0.25rem; } .-mb-3 { margin-bottom: -0.75rem; } .-me-1 { margin-inline-end: -0.25rem; } .-me-1\.5 { margin-inline-end: -0.375rem; } .-me-2 { margin-inline-end: -0.5rem; } .-ms-0\.5 { margin-inline-start: -0.125rem; } .-ms-1 { margin-inline-start: -0.25rem; } .-ms-1\.5 { margin-inline-start: -0.375rem; } .-ms-3 { margin-inline-start: -0.75rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-4 { margin-bottom: 1rem; } .mb-8 { margin-bottom: 2rem; } .me-1\.5 { margin-inline-end: 0.375rem; } .me-2 { margin-inline-end: 0.5rem; } .ms-1 { margin-inline-start: 0.25rem; } .ms-2 { margin-inline-start: 0.5rem; } .ms-3 { margin-inline-start: 0.75rem; } .ms-auto { margin-inline-start: auto; } .mt-8 { margin-top: 2rem; } .mt-\[var\(--fd-nav-height\)\] { margin-top: var(--fd-nav-height); } .mt-\[var\(--fd-top\)\] { margin-top: var(--fd-top); } .mt-auto { margin-top: auto; } .box-content { box-sizing: content-box; } .block { display: block; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .hidden { display: none; } .size-3 { width: 0.75rem; height: 0.75rem; } .size-3\.5 { width: 0.875rem; height: 0.875rem; } .size-4 { width: 1rem; height: 1rem; } .size-5 { width: 1.25rem; height: 1.25rem; } .size-7 { width: 1.75rem; height: 1.75rem; } .size-full { width: 100%; height: 100%; } .h-1\.5 { height: 0.375rem; } .h-14 { height: 3.5rem; } .h-\[var\(--fd-height\)\] { height: var(--fd-height); } .h-\[var\(--fd-toc-height\)\] { height: var(--fd-toc-height); } .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } .h-full { height: 100%; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[460px\] { max-height: 460px; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[var\(--radix-popover-content-available-height\)\] { max-height: var(--radix-popover-content-available-height); } .min-h-0 { min-height: 0px; } .min-h-10 { min-height: 2.5rem; } .w-0 { width: 0px; } .w-1\.5 { width: 0.375rem; } .w-1\/4 { width: 25%; } .w-\[260px\] { width: 260px; } .w-\[30\%\] { width: 30%; } .w-\[45\%\] { width: 45%; } .w-\[98vw\] { width: 98vw; } .w-\[var\(--fd-toc-width\)\] { width: var(--fd-toc-width); } .w-\[var\(--radix-popover-trigger-width\)\] { width: var(--radix-popover-trigger-width); } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .min-w-0 { min-width: 0px; } .min-w-\[220px\] { min-width: 220px; } .max-w-\[1120px\] { max-width: 1120px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[860px\] { max-width: 860px; } .max-w-\[98vw\] { max-width: 98vw; } .max-w-fd-container { max-width: 1400px; } .max-w-full { max-width: 100%; } .max-w-screen-sm { max-width: 640px; } .flex-1 { flex: 1 1 0%; } .shrink-0 { flex-shrink: 0; } .origin-\[top_center\] { transform-origin: top center; } .origin-left { transform-origin: left; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .scroll-m-20 { scroll-margin: 5rem; } .scroll-m-28 { scroll-margin: 7rem; } .list-none { list-style-type: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-6 { gap: 1.5rem; } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-fd-border > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: hsl(var(--fd-border) / var(--tw-divide-opacity, 1)); } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .text-nowrap { text-wrap: nowrap; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-xl { border-radius: 0.75rem; } .border { border-width: 1px; } .border-b { border-bottom-width: 1px; } .border-l { border-left-width: 1px; } .border-s { border-inline-start-width: 1px; } .border-s-0 { border-inline-start-width: 0px; } .border-t { border-top-width: 1px; } .border-fd-foreground\/10 { border-color: hsl(var(--fd-foreground) / 0.1); } .border-transparent { border-color: transparent; } .bg-\[var\(--shiki-light-bg\)\] { background-color: var(--shiki-light-bg); } .bg-black\/30 { background-color: rgb(0 0 0 / 0.3); } .bg-fd-accent { --tw-bg-opacity: 1; background-color: hsl(var(--fd-accent) / var(--tw-bg-opacity, 1)); } .bg-fd-background { --tw-bg-opacity: 1; background-color: hsl(var(--fd-background) / var(--tw-bg-opacity, 1)); } .bg-fd-background\/80 { background-color: hsl(var(--fd-background) / 0.8); } .bg-fd-border { --tw-bg-opacity: 1; background-color: hsl(var(--fd-border) / var(--tw-bg-opacity, 1)); } .bg-fd-card { --tw-bg-opacity: 1; background-color: hsl(var(--fd-card) / var(--tw-bg-opacity, 1)); } .bg-fd-foreground\/10 { background-color: hsl(var(--fd-foreground) / 0.1); } .bg-fd-muted { --tw-bg-opacity: 1; background-color: hsl(var(--fd-muted) / var(--tw-bg-opacity, 1)); } .bg-fd-popover { --tw-bg-opacity: 1; background-color: hsl(var(--fd-popover) / var(--tw-bg-opacity, 1)); } .bg-fd-primary { --tw-bg-opacity: 1; background-color: hsl(var(--fd-primary) / var(--tw-bg-opacity, 1)); } .bg-fd-primary\/10 { background-color: hsl(var(--fd-primary) / 0.1); } .bg-fd-secondary { --tw-bg-opacity: 1; background-color: hsl(var(--fd-secondary) / var(--tw-bg-opacity, 1)); } .bg-fd-secondary\/50 { background-color: hsl(var(--fd-secondary) / 0.5); } .bg-transparent { background-color: transparent; } .fill-blue-500 { fill: #3b82f6; } .fill-orange-500 { fill: #f97316; } .fill-red-500 { fill: #ef4444; } .stroke-fd-foreground\/10 { stroke: hsl(var(--fd-foreground) / 0.1); } .p-0 { padding: 0px; } .p-0\.5 { padding: 0.125rem; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-\[3px\] { padding: 3px; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-4 { padding-bottom: 1rem; } .pb-6 { padding-bottom: 1.5rem; } .pe-4 { padding-inline-end: 1rem; } .pe-\[var\(--fd-layout-offset\)\] { padding-inline-end: var(--fd-layout-offset); } .ps-1\.5 { padding-inline-start: 0.375rem; } .ps-2 { padding-inline-start: 0.5rem; } .ps-3\.5 { padding-inline-start: 0.875rem; } .ps-6 { padding-inline-start: 1.5rem; } .ps-8 { padding-inline-start: 2rem; } .pt-0 { padding-top: 0px; } .pt-12 { padding-top: 3rem; } .pt-14 { padding-top: 3.5rem; } .pt-2 { padding-top: 0.5rem; } .pt-8 { padding-top: 2rem; } .text-center { text-align: center; } .text-start { text-align: start; } .text-end { text-align: end; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-\[13px\] { font-size: 13px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .italic { font-style: italic; } .text-fd-accent-foreground { --tw-text-opacity: 1; color: hsl(var(--fd-accent-foreground) / var(--tw-text-opacity, 1)); } .text-fd-card { --tw-text-opacity: 1; color: hsl(var(--fd-card) / var(--tw-text-opacity, 1)); } .text-fd-card-foreground { --tw-text-opacity: 1; color: hsl(var(--fd-card-foreground) / var(--tw-text-opacity, 1)); } .text-fd-foreground { --tw-text-opacity: 1; color: hsl(var(--fd-foreground) / var(--tw-text-opacity, 1)); } .text-fd-muted-foreground { --tw-text-opacity: 1; color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1)); } .text-fd-popover-foreground { --tw-text-opacity: 1; color: hsl(var(--fd-popover-foreground) / var(--tw-text-opacity, 1)); } .text-fd-primary { --tw-text-opacity: 1; color: hsl(var(--fd-primary) / var(--tw-text-opacity, 1)); } .text-fd-secondary-foreground { --tw-text-opacity: 1; color: hsl(var(--fd-secondary-foreground) / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .opacity-0 { opacity: 0; } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline { outline-style: solid; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-lg { --tw-backdrop-blur: blur(16px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c height\] { transition-property: width,height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-100 { transition-duration: 100ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .steps { counter-reset: step; border-left-width: 1px; margin-left: 1rem; padding-left: 1.75rem; position: relative; } .step:before { background-color: hsl(var(--fd-secondary) / 1); color: hsl(var(--fd-secondary-foreground) / 1); content: counter(step); counter-increment: step; border-radius: 9999px; justify-content: center; align-items: center; width: 2rem; height: 2rem; font-size: .875rem; line-height: 1.25rem; display: flex; position: absolute; left: -1rem; } .prose-no-margin > :first-child { margin-top: 0; } .prose-no-margin > :last-child { margin-bottom: 0; } .fd-steps { counter-reset: step; border-left-width: 1px; margin-left: 1rem; padding-left: 1.75rem; position: relative; } .fd-step:before { background-color: hsl(var(--fd-secondary) / 1); color: hsl(var(--fd-secondary-foreground) / 1); content: counter(step); counter-increment: step; border-radius: 9999px; justify-content: center; align-items: center; width: 2rem; height: 2rem; font-size: .875rem; line-height: 1.25rem; display: flex; position: absolute; left: -1rem; } .prose-no-margin > :first-child { margin-top: 0; } .prose-no-margin > :last-child { margin-bottom: 0; } .\[--fd-nav-height\:3\.5rem\] { --fd-nav-height: 3.5rem; } .\[--fd-tocnav-height\:36px\] { --fd-tocnav-height: 36px; } .\[--radix-collapsible-content-height\:0px\] { --radix-collapsible-content-height: 0px; } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } body { display: flex; min-height: 100vh; flex-direction: column; } .placeholder\:text-fd-muted-foreground::-moz-placeholder { --tw-text-opacity: 1; color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1)); } .placeholder\:text-fd-muted-foreground::placeholder { --tw-text-opacity: 1; color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1)); } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } .empty\:hidden:empty { display: none; } .hover\:bg-fd-accent:hover { --tw-bg-opacity: 1; background-color: hsl(var(--fd-accent) / var(--tw-bg-opacity, 1)); } .hover\:bg-fd-accent\/50:hover { background-color: hsl(var(--fd-accent) / 0.5); } .hover\:bg-fd-accent\/80:hover { background-color: hsl(var(--fd-accent) / 0.8); } .hover\:text-fd-accent-foreground:hover { --tw-text-opacity: 1; color: hsl(var(--fd-accent-foreground) / var(--tw-text-opacity, 1)); } .hover\:text-fd-accent-foreground\/80:hover { color: hsl(var(--fd-accent-foreground) / 0.8); } .hover\:text-fd-popover-foreground\/50:hover { color: hsl(var(--fd-popover-foreground) / 0.5); } .hover\:transition-none:hover { transition-property: none; } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-fd-ring:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--fd-ring) / var(--tw-ring-opacity, 1)); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:opacity-50:disabled { opacity: 0.5; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .peer:hover ~ .peer-hover\:opacity-100 { opacity: 1; } .data-\[collapsed\=false\]\:hidden[data-collapsed="false"] { display: none; } @keyframes fd-enterFromRight { from { opacity: 0; transform: translateX(200px); } to { opacity: 1; transform: translateX(0); } } .data-\[motion\=from-end\]\:animate-fd-enterFromRight[data-motion="from-end"] { animation: fd-enterFromRight 250ms ease; } @keyframes fd-enterFromLeft { from { opacity: 0; transform: translateX(-200px); } to { opacity: 1; transform: translateX(0); } } .data-\[motion\=from-start\]\:animate-fd-enterFromLeft[data-motion="from-start"] { animation: fd-enterFromLeft 250ms ease; } @keyframes fd-exitToRight { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(200px); } } .data-\[motion\=to-end\]\:animate-fd-exitToRight[data-motion="to-end"] { animation: fd-exitToRight 250ms ease; } @keyframes fd-exitToLeft { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-200px); } } .data-\[motion\=to-start\]\:animate-fd-exitToLeft[data-motion="to-start"] { animation: fd-exitToLeft 250ms ease; } @keyframes fd-accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; opacity: 0.5; } } .data-\[state\=closed\]\:animate-fd-accordion-up[data-state="closed"] { animation: fd-accordion-up 200ms ease-out; } @keyframes fd-collapsible-up { from { height: var(--radix-collapsible-content-height); } to { height: 0; opacity: 0; } } .data-\[state\=closed\]\:animate-fd-collapsible-up[data-state="closed"] { animation: fd-collapsible-up 150ms ease-out; } @keyframes fd-dialog-out { from { transform: scale(1) translate(-50%, 0); } to { transform: scale(0.95) translateY(-50%, 0); opacity: 0; } } .data-\[state\=closed\]\:animate-fd-dialog-out[data-state="closed"] { animation: fd-dialog-out 300ms cubic-bezier(0.32, 0.72, 0, 1); } @keyframes fd-fade-out { to { opacity: 0; } } .data-\[state\=closed\]\:animate-fd-fade-out[data-state="closed"] { animation: fd-fade-out 300ms ease; } @keyframes fd-nav-menu-out { from { opacity: 1; height: var(--radix-navigation-menu-viewport-height); } to { opacity: 0; height: 0px; } } .data-\[state\=closed\]\:animate-fd-nav-menu-out[data-state="closed"] { animation: fd-nav-menu-out 200ms ease; } @keyframes fd-popover-out { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-4px); } } .data-\[state\=closed\]\:animate-fd-popover-out[data-state="closed"] { animation: fd-popover-out 150ms ease; } @keyframes fd-fade-out { to { opacity: 0; } } .data-\[state\=hidden\]\:animate-fd-fade-out[data-state="hidden"] { animation: fd-fade-out 300ms ease; } @keyframes fd-accordion-down { from { height: 0; opacity: 0.5; } to { height: var(--radix-accordion-content-height); } } .data-\[state\=open\]\:animate-fd-accordion-down[data-state="open"] { animation: fd-accordion-down 200ms ease-out; } @keyframes fd-collapsible-down { from { height: 0; opacity: 0; } to { height: var(--radix-collapsible-content-height); } } .data-\[state\=open\]\:animate-fd-collapsible-down[data-state="open"] { animation: fd-collapsible-down 150ms ease-out; } @keyframes fd-dialog-in { from { transform: scale(0.95) translate(-50%, 0); opacity: 0; } to { transform: scale(1) translate(-50%, 0); } } .data-\[state\=open\]\:animate-fd-dialog-in[data-state="open"] { animation: fd-dialog-in 200ms cubic-bezier(0.32, 0.72, 0, 1); } @keyframes fd-fade-in { from { opacity: 0; } to { opacity: 1; } } .data-\[state\=open\]\:animate-fd-fade-in[data-state="open"] { animation: fd-fade-in 300ms ease; } @keyframes fd-nav-menu-in { from { opacity: 0; height: 0px; } to { opacity: 1; height: var(--radix-navigation-menu-viewport-height); } } .data-\[state\=open\]\:animate-fd-nav-menu-in[data-state="open"] { animation: fd-nav-menu-in 200ms ease; } @keyframes fd-popover-in { from { opacity: 0; transform: scale(0.98) translateY(-4px); } to { opacity: 1; transform: scale(1) translateY(0); } } .data-\[state\=open\]\:animate-fd-popover-in[data-state="open"] { animation: fd-popover-in 150ms ease; } .data-\[state\=active\]\:border-fd-primary[data-state="active"] { --tw-border-opacity: 1; border-color: hsl(var(--fd-primary) / var(--tw-border-opacity, 1)); } .data-\[state\=open\]\:bg-fd-accent\/50[data-state="open"] { background-color: hsl(var(--fd-accent) / 0.5); } .data-\[active\=true\]\:font-medium[data-active="true"] { font-weight: 500; } .data-\[active\=true\]\:text-fd-primary[data-active="true"] { --tw-text-opacity: 1; color: hsl(var(--fd-primary) / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-fd-primary[data-state="active"] { --tw-text-opacity: 1; color: hsl(var(--fd-primary) / var(--tw-text-opacity, 1)); } .group[data-state="closed"] .group-data-\[state\=closed\]\:-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/accordion[data-state="open"] .group-data-\[state\=open\]\/accordion\:rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .dark\:bg-\[var\(--shiki-dark-bg\)\]:is(.dark *) { background-color: var(--shiki-dark-bg); } @media not all and (min-width: 1280px) { .max-xl\:hidden { display: none; } } @media not all and (min-width: 1024px) { .max-lg\:hidden { display: none; } } @media not all and (min-width: 768px) { .max-md\:inset-x-0 { left: 0px; right: 0px; } .max-md\:bottom-0 { bottom: 0px; } .max-md\:hidden { display: none; } .max-md\:bg-fd-background\/80 { background-color: hsl(var(--fd-background) / 0.8); } .max-md\:text-\[15px\] { font-size: 15px; } .max-md\:backdrop-blur-lg { --tw-backdrop-blur: blur(16px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .max-md\:data-\[open\=false\]\:invisible[data-open="false"] { visibility: hidden; } } @media not all and (min-width: 640px) { .max-sm\:mt-2 { margin-top: 0.5rem; } .max-sm\:hidden { display: none; } } @media (min-width: 640px) { .sm\:hidden { display: none; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:justify-end { justify-content: flex-end; } } @media (min-width: 768px) { .md\:sticky { position: sticky; } .md\:order-first { order: -9999; } .md\:-me-\[var\(--fd-sidebar-width\)\] { margin-inline-end: calc(var(--fd-sidebar-width) * -1); } .md\:ms-2 { margin-inline-start: 0.5rem; } .md\:ms-auto { margin-inline-start: auto; } .md\:hidden { display: none; } .md\:h-\[var\(--fd-sidebar-height\)\] { height: var(--fd-sidebar-height); } .md\:w-\[var\(--fd-sidebar-width\)\] { width: var(--fd-sidebar-width); } .md\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:translate-x-\[calc\(var\(--fd-sidebar-offset\)\*-1\)\] { --tw-translate-x: calc(var(--fd-sidebar-offset) * -1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-1\.5 { gap: 0.375rem; } .md\:border-e { border-inline-end-width: 1px; } .md\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .md\:py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .md\:ps-\[var\(--fd-layout-offset\)\] { padding-inline-start: var(--fd-layout-offset); } .md\:pt-12 { padding-top: 3rem; } .md\:pt-4 { padding-top: 1rem; } .md\:opacity-0 { opacity: 0; } .md\:transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .md\:\[--fd-nav-height\:0px\] { --fd-nav-height: 0px; } .md\:\[--fd-sidebar-width\:268px\] { --fd-sidebar-width: 268px; } } @media (min-width: 1024px) { .lg\:mt-2 { margin-top: 0.5rem; } .lg\:hidden { display: none; } .lg\:h-12 { height: 3rem; } .lg\:w-\[calc\(100\%-1rem\)\] { width: calc(100% - 1rem); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:gap-1\.5 { gap: 0.375rem; } .lg\:rounded-2xl { border-radius: 1rem; } .lg\:border { border-width: 1px; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1280px) { .xl\:mx-auto { margin-left: auto; margin-right: auto; } .xl\:hidden { display: none; } .xl\:\[--fd-toc-width\:268px\] { --fd-toc-width: 268px; } .xl\:\[--fd-tocnav-height\:0px\] { --fd-tocnav-height: 0px; } } .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *) { --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 768px) { .rtl\:md\:translate-x-\[var\(--fd-sidebar-offset\)\]:where([dir="rtl"], [dir="rtl"] *) { --tw-translate-x: var(--fd-sidebar-offset); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .\[\&\>figure\:only-child\]\:-m-4>figure:only-child { margin: -1rem; } .\[\&\>figure\:only-child\]\:rounded-none>figure:only-child { border-radius: 0px; } .\[\&\>figure\:only-child\]\:border-none>figure:only-child { border-style: none; } .\[\&_svg\]\:size-3\.5 svg { width: 0.875rem; height: 0.875rem; } .\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; } .\[\&_svg\]\:size-5 svg { width: 1.25rem; height: 1.25rem; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/globals.css ***! \********************************************************************************************************************************************************************************************************************************************************************/ *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } :root{ --fd-background: 0 0% 96%; --fd-foreground: 0 0% 3.9%; --fd-muted: 0 0% 96.1%; --fd-muted-foreground: 0 0% 45.1%; --fd-popover: 0 0% 98%; --fd-popover-foreground: 0 0% 15.1%; --fd-card: 0 0% 94.7%; --fd-card-foreground: 0 0% 3.9%; --fd-border: 0 0% 89.8%; --fd-primary: 0 0% 9%; --fd-primary-foreground: 0 0% 98%; --fd-secondary: 0 0% 93.1%; --fd-secondary-foreground: 0 0% 9%; --fd-accent: 0 0% 90.1%; --fd-accent-foreground: 0 0% 9%; --fd-ring: 0 0% 63.9%; --fd-sidebar-width: 0px; --fd-toc-width: 0px; --fd-layout-width: 100vw; --fd-banner-height: 0px; --fd-nav-height: 0px; --fd-tocnav-height: 0px; --fd-diff-remove-color: rgba(200,10,100,0.12); --fd-diff-remove-symbol-color: rgb(230,10,100); --fd-diff-add-color: rgba(14,180,100,0.12); --fd-diff-add-symbol-color: rgb(10,200,100); } .dark{ --fd-background: 0 0% 8.04%; --fd-foreground: 0 0% 92%; --fd-muted: 0 0% 12.9%; --fd-muted-foreground: 0 0% 60.9%; --fd-popover: 0 0% 9.8%; --fd-popover-foreground: 0 0% 88%; --fd-card: 0 0% 9.8%; --fd-card-foreground: 0 0% 98%; --fd-border: 0 0% 14%; --fd-primary: 0 0% 98%; --fd-primary-foreground: 0 0% 9%; --fd-secondary: 0 0% 12.9%; --fd-secondary-foreground: 0 0% 98%; --fd-accent: 0 0% 16.9%; --fd-accent-foreground: 0 0% 90%; --fd-ring: 0 0% 14.9%; } *{ border-color: hsl(var(--fd-border) / 1); } [data-rmiz-modal-overlay='visible']{ background-color: hsl(var(--fd-background) / 1); } body{ background-color: hsl(var(--fd-background) / 1); color: hsl(var(--fd-foreground) / 1); } .shiki code span{ color: var(--shiki-light); } .dark .shiki code span{ color: var(--shiki-dark); } .fd-codeblock code{ display: grid; font-size: 13px; } .shiki code .diff.remove{ background-color: var(--fd-diff-remove-color); opacity: 0.7; } .shiki code .diff::before{ position: absolute; left: 6px; } .shiki code .diff.remove::before{ content: '-'; color: var(--fd-diff-remove-symbol-color); } .shiki code .diff.add{ background-color: var(--fd-diff-add-color); } .shiki code .diff.add::before{ content: '+'; color: var(--fd-diff-add-symbol-color); } .shiki code .diff{ margin: 0 -16px; padding: 0 16px; position: relative; } .shiki .highlighted{ margin: 0 -16px; padding: 0 16px; background-color: hsl(var(--fd-primary) / 10%); } .shiki .highlighted-word{ padding: 1px 2px; margin: -1px -3px; border: 1px solid; border-color: hsl(var(--fd-primary) / 50%); background-color: hsl(var(--fd-primary) / 10%); border-radius: 2px; } * { border-color: var(--border); } *:focus-visible { outline-color: var(--ring); outline-width: 2px; outline-offset: 2px; } body{ background-color: var(--background); color: var(--foreground); font-family: var(--font-family-inter); } :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) { h1 { font-family: var(--font-family-inter); font-size: var(--text-h1); font-weight: var(--font-weight-bold); line-height: 1.5; } h2 { font-family: var(--font-family-inter); font-size: var(--text-h2); font-weight: var(--font-weight-bold); line-height: 1.5; } h3 { font-family: var(--font-family-inter); font-size: var(--text-h3); font-weight: var(--font-weight-semibold); line-height: 1.5; } h4 { font-family: var(--font-family-inter); font-size: var(--text-h4); font-weight: var(--font-weight-semibold); line-height: 1.5; } p { font-family: var(--font-family-inter); font-size: var(--text-base); font-weight: var(--font-weight-medium); line-height: 1.5; } label { font-family: var(--font-family-inter); font-size: var(--text-sm); font-weight: var(--font-weight-medium); line-height: 1.5; } button { font-family: var(--font-family-inter); font-size: var(--text-sm); font-weight: var(--font-weight-medium); line-height: 1.5; } input { font-family: var(--font-family-inter); font-size: var(--text-base); font-weight: var(--font-weight-normal); line-height: 1.5; } } .\!container{ width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 1rem !important; padding-left: 1rem !important; } .container{ width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 1400px){ .\!container{ max-width: 1400px !important; } .container{ max-width: 1400px; } } .prose{ color: var(--tw-prose-body); max-width: none; font-size: 1rem; line-height: 1.75; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; color: var(--tw-prose-lead); } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 1rem; list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-inline-start: 0; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ color: var(--tw-prose-bullets); } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; font-weight: 600; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows); } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding: 3px; border: solid 1px; font-size: 13px; border-color: hsl(var(--fd-border) / 1); border-radius: 5px; font-weight: 400; background: hsl(var(--fd-muted) / 1); color: var(--tw-prose-code); } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-size: 0.875em; line-height: 1.7142857; width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 0.5rem; border-width: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--fd-card) / var(--tw-bg-opacity, 1)); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose :where(a:not([data-card])):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-links); transition: opacity 0.3s; font-weight: 400; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: hsl(var(--fd-primary) / 1); } .prose :where(a:not([data-card]):hover):not(:where([class~="not-prose"],[class~="not-prose"] *)){ opacity: 80%; } .prose{ --tw-prose-body: hsl(var(--fd-foreground) / 90%); --tw-prose-headings: hsl(var(--fd-foreground) / 1); --tw-prose-lead: hsl(var(--fd-foreground) / 1); --tw-prose-links: hsl(var(--fd-foreground) / 1); --tw-prose-bold: hsl(var(--fd-foreground) / 1); --tw-prose-counters: hsl(var(--fd-muted-foreground) / 1); --tw-prose-bullets: hsl(var(--fd-muted-foreground) / 1); --tw-prose-hr: hsl(var(--fd-border) / 1); --tw-prose-quotes: hsl(var(--fd-foreground) / 1); --tw-prose-quote-borders: hsl(var(--fd-border) / 1); --tw-prose-captions: hsl(var(--fd-foreground) / 1); --tw-prose-code: hsl(var(--fd-foreground) / 1); --tw-prose-th-borders: hsl(var(--fd-border) / 1); --tw-prose-td-borders: hsl(var(--fd-border) / 1); --tw-prose-kbd: hsl(var(--fd-foreground) / 1); --tw-prose-kbd-shadows: hsl(var(--fd-primary) / 50%); } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 0; } .prose :where(th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ text-align: start; border-inline-start-width: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--fd-muted) / var(--tw-bg-opacity, 1)); padding: 0.625rem; } .prose :where(th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-inline-start-width: 0px; } .prose :where(th:not(tr:last-child *), td:not(tr:last-child *)):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; } .prose :where(td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ text-align: start; border-inline-start-width: 1px; padding: 0.625rem; } .prose :where(td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-inline-start-width: 0px; } .prose :where(tfoot th, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(thead th, thead td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .dark #nd-sidebar{ --muted: 0deg 0% 16%; --secondary: 0deg 0% 18%; --muted-foreground: 0 0% 72%; } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none{ pointer-events: none; } .pointer-events-auto{ pointer-events: auto; } .visible{ visibility: visible; } .invisible{ visibility: hidden; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ inset: 0px; } .inset-x-0{ left: 0px; right: 0px; } .inset-y-0{ top: 0px; bottom: 0px; } .-bottom-1{ bottom: -0.25rem; } .-bottom-12{ bottom: -3rem; } .-left-1{ left: -0.25rem; } .-left-12{ left: -3rem; } .-left-2\.5{ left: -0.625rem; } .-left-\[19px\]{ left: -19px; } .-left-\[21px\]{ left: -21px; } .-right-1{ right: -0.25rem; } .-right-12{ right: -3rem; } .-top-1{ top: -0.25rem; } .-top-1\.5{ top: -0.375rem; } .-top-12{ top: -3rem; } .-top-\[10px\]{ top: -10px; } .-top-\[314px\]{ top: -314px; } .-top-\[50px\]{ top: -50px; } .bottom-0{ bottom: 0px; } .bottom-1{ bottom: 0.25rem; } .bottom-1\.5{ bottom: 0.375rem; } .bottom-12{ bottom: 3rem; } .bottom-3{ bottom: 0.75rem; } .bottom-8{ bottom: 2rem; } .end-2{ inset-inline-end: 0.5rem; } .left-0{ left: 0px; } .left-1{ left: 0.25rem; } .left-1\/2{ left: 50%; } .left-2{ left: 0.5rem; } .left-3{ left: 0.75rem; } .left-3\.5{ left: 0.875rem; } .left-4{ left: 1rem; } .left-5{ left: 1.25rem; } .left-8{ left: 2rem; } .left-\[-161\.52px\]{ left: -161.52px; } .left-\[1169px\]{ left: 1169px; } .left-\[1249px\]{ left: 1249px; } .left-\[259px\]{ left: 259px; } .left-\[378\.33px\]{ left: 378.33px; } .left-\[422px\]{ left: 422px; } .left-\[50\%\]{ left: 50%; } .left-\[583\.28px\]{ left: 583.28px; } .left-\[61px\]{ left: 61px; } .left-\[795px\]{ left: 795px; } .left-\[847px\]{ left: 847px; } .left-\[851\.67px\]{ left: 851.67px; } .left-\[971px\]{ left: 971px; } .left-full{ left: 100%; } .right-0{ right: 0px; } .right-1{ right: 0.25rem; } .right-1\.5{ right: 0.375rem; } .right-2{ right: 0.5rem; } .right-3{ right: 0.75rem; } .right-4{ right: 1rem; } .right-8{ right: 2rem; } .right-\[583\.28px\]{ right: 583.28px; } .start-0{ inset-inline-start: 0px; } .top-0{ top: 0px; } .top-0\.5{ top: 0.125rem; } .top-1{ top: 0.25rem; } .top-1\.5{ top: 0.375rem; } .top-1\/2{ top: 50%; } .top-2{ top: 0.5rem; } .top-3\.5{ top: 0.875rem; } .top-4{ top: 1rem; } .top-6{ top: 1.5rem; } .top-\[102px\]{ top: 102px; } .top-\[10vh\]{ top: 10vh; } .top-\[166px\]{ top: 166px; } .top-\[1px\]{ top: 1px; } .top-\[340px\]{ top: 340px; } .top-\[38px\]{ top: 38px; } .top-\[50\%\]{ top: 50%; } .top-\[566px\]{ top: 566px; } .top-\[60\%\]{ top: 60%; } .top-\[642px\]{ top: 642px; } .top-\[676px\]{ top: 676px; } .top-\[70px\]{ top: 70px; } .top-\[calc\(100\%\+0\.3rem\)\]{ top: calc(100% + 0.3rem); } .top-\[var\(--fd-banner-height\)\]{ top: var(--fd-banner-height); } .top-fd-layout-top{ top: calc(var(--fd-banner-height) + var(--fd-nav-height)); } .top-full{ top: 100%; } .isolate{ isolation: isolate; } .z-0{ z-index: 0; } .z-10{ z-index: 10; } .z-20{ z-index: 20; } .z-30{ z-index: 30; } .z-40{ z-index: 40; } .z-50{ z-index: 50; } .z-\[-1\]{ z-index: -1; } .z-\[100\]{ z-index: 100; } .z-\[1\]{ z-index: 1; } .z-\[200\]{ z-index: 200; } .z-\[2\]{ z-index: 2; } .z-\[40\]{ z-index: 40; } .z-\[50\]{ z-index: 50; } .z-\[60\]{ z-index: 60; } .z-\[70\]{ z-index: 70; } .order-1{ order: 1; } .order-2{ order: 2; } .order-first{ order: -9999; } .col-span-12{ grid-column: span 12 / span 12; } .col-span-2{ grid-column: span 2 / span 2; } .col-span-4{ grid-column: span 4 / span 4; } .col-span-8{ grid-column: span 8 / span 8; } .col-start-2{ grid-column-start: 2; } .row-span-2{ grid-row: span 2 / span 2; } .row-start-1{ grid-row-start: 1; } .-m-1{ margin: -0.25rem; } .m-0{ margin: 0px; } .-mx-1{ margin-left: -0.25rem; margin-right: -0.25rem; } .-mx-1\.5{ margin-left: -0.375rem; margin-right: -0.375rem; } .-mx-2{ margin-left: -0.5rem; margin-right: -0.5rem; } .-mx-6{ margin-left: -1.5rem; margin-right: -1.5rem; } .mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3{ margin-left: 0.75rem; margin-right: 0.75rem; } .mx-3\.5{ margin-left: 0.875rem; margin-right: 0.875rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-0{ margin-top: 0px; margin-bottom: 0px; } .my-0\.5{ margin-top: 0.125rem; margin-bottom: 0.125rem; } .my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .-mb-1{ margin-bottom: -0.25rem; } .-mb-3{ margin-bottom: -0.75rem; } .-mb-px{ margin-bottom: -1px; } .-me-1{ margin-inline-end: -0.25rem; } .-me-1\.5{ margin-inline-end: -0.375rem; } .-me-2{ margin-inline-end: -0.5rem; } .-ml-1{ margin-left: -0.25rem; } .-ml-2{ margin-left: -0.5rem; } .-ml-4{ margin-left: -1rem; } .-mr-1{ margin-right: -0.25rem; } .-ms-0\.5{ margin-inline-start: -0.125rem; } .-ms-1{ margin-inline-start: -0.25rem; } .-ms-1\.5{ margin-inline-start: -0.375rem; } .-ms-3{ margin-inline-start: -0.75rem; } .-mt-1{ margin-top: -0.25rem; } .-mt-2{ margin-top: -0.5rem; } .-mt-4{ margin-top: -1rem; } .mb-0{ margin-bottom: 0px; } .mb-0\.5{ margin-bottom: 0.125rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-1\.5{ margin-bottom: 0.375rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-2\.5{ margin-bottom: 0.625rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mb-5{ margin-bottom: 1.25rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-8{ margin-bottom: 2rem; } .me-1\.5{ margin-inline-end: 0.375rem; } .me-2{ margin-inline-end: 0.5rem; } .ml-0\.5{ margin-left: 0.125rem; } .ml-1{ margin-left: 0.25rem; } .ml-1\.5{ margin-left: 0.375rem; } .ml-2{ margin-left: 0.5rem; } .ml-3{ margin-left: 0.75rem; } .ml-4{ margin-left: 1rem; } .ml-5{ margin-left: 1.25rem; } .ml-auto{ margin-left: auto; } .mr-0\.5{ margin-right: 0.125rem; } .mr-1{ margin-right: 0.25rem; } .mr-1\.5{ margin-right: 0.375rem; } .mr-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mr-auto{ margin-right: auto; } .ms-1{ margin-inline-start: 0.25rem; } .ms-2{ margin-inline-start: 0.5rem; } .ms-3{ margin-inline-start: 0.75rem; } .ms-auto{ margin-inline-start: auto; } .mt-0\.5{ margin-top: 0.125rem; } .mt-1{ margin-top: 0.25rem; } .mt-1\.5{ margin-top: 0.375rem; } .mt-2{ margin-top: 0.5rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-6{ margin-top: 1.5rem; } .mt-7{ margin-top: 1.75rem; } .mt-8{ margin-top: 2rem; } .mt-\[var\(--fd-nav-height\)\]{ margin-top: var(--fd-nav-height); } .mt-\[var\(--fd-top\)\]{ margin-top: var(--fd-top); } .mt-auto{ margin-top: auto; } .box-content{ box-sizing: content-box; } .line-clamp-1{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .\!block{ display: block !important; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .table-caption{ display: table-caption; } .table-cell{ display: table-cell; } .table-row{ display: table-row; } .grid{ display: grid; } .contents{ display: contents; } .hidden{ display: none; } .aspect-square{ aspect-ratio: 1 / 1; } .aspect-video{ aspect-ratio: 16 / 9; } .size-10{ width: 2.5rem; height: 2.5rem; } .size-2{ width: 0.5rem; height: 0.5rem; } .size-2\.5{ width: 0.625rem; height: 0.625rem; } .size-3{ width: 0.75rem; height: 0.75rem; } .size-3\.5{ width: 0.875rem; height: 0.875rem; } .size-4{ width: 1rem; height: 1rem; } .size-5{ width: 1.25rem; height: 1.25rem; } .size-6{ width: 1.5rem; height: 1.5rem; } .size-7{ width: 1.75rem; height: 1.75rem; } .size-8{ width: 2rem; height: 2rem; } .size-9{ width: 2.25rem; height: 2.25rem; } .size-\[18px\]{ width: 18px; height: 18px; } .size-full{ width: 100%; height: 100%; } .h-0\.5{ height: 0.125rem; } .h-1{ height: 0.25rem; } .h-1\.5{ height: 0.375rem; } .h-10{ height: 2.5rem; } .h-11{ height: 2.75rem; } .h-12{ height: 3rem; } .h-14{ height: 3.5rem; } .h-16{ height: 4rem; } .h-2{ height: 0.5rem; } .h-2\.5{ height: 0.625rem; } .h-20{ height: 5rem; } .h-24{ height: 6rem; } .h-3{ height: 0.75rem; } .h-3\.5{ height: 0.875rem; } .h-32{ height: 8rem; } .h-36{ height: 9rem; } .h-4{ height: 1rem; } .h-40{ height: 10rem; } .h-48{ height: 12rem; } .h-5{ height: 1.25rem; } .h-56{ height: 14rem; } .h-6{ height: 1.5rem; } .h-64{ height: 16rem; } .h-7{ height: 1.75rem; } .h-72{ height: 18rem; } .h-8{ height: 2rem; } .h-80{ height: 20rem; } .h-9{ height: 2.25rem; } .h-\[1\.15rem\]{ height: 1.15rem; } .h-\[100px\]{ height: 100px; } .h-\[108px\]{ height: 108px; } .h-\[13\.337px\]{ height: 13.337px; } .h-\[13px\]{ height: 13px; } .h-\[18px\]{ height: 18px; } .h-\[20px\]{ height: 20px; } .h-\[22px\]{ height: 22px; } .h-\[25px\]{ height: 25px; } .h-\[32px\]{ height: 32px; } .h-\[35px\]{ height: 35px; } .h-\[398px\]{ height: 398px; } .h-\[40px\]{ height: 40px; } .h-\[434px\]{ height: 434px; } .h-\[45px\]{ height: 45px; } .h-\[48px\]{ height: 48px; } .h-\[49px\]{ height: 49px; } .h-\[50px\]{ height: 50px; } .h-\[59px\]{ height: 59px; } .h-\[600px\]{ height: 600px; } .h-\[60px\]{ height: 60px; } .h-\[68px\]{ height: 68px; } .h-\[72px\]{ height: 72px; } .h-\[84px\]{ height: 84px; } .h-\[88px\]{ height: 88px; } .h-\[96px\]{ height: 96px; } .h-\[97px\]{ height: 97px; } .h-\[calc\(100\%-1px\)\]{ height: calc(100% - 1px); } .h-\[calc\(100vh-112px\)\]{ height: calc(100vh - 112px); } .h-\[var\(--fd-height\)\]{ height: var(--fd-height); } .h-\[var\(--fd-toc-height\)\]{ height: var(--fd-toc-height); } .h-\[var\(--radix-navigation-menu-viewport-height\)\]{ height: var(--radix-navigation-menu-viewport-height); } .h-\[var\(--radix-select-trigger-height\)\]{ height: var(--radix-select-trigger-height); } .h-auto{ height: auto; } .h-dvh{ height: 100dvh; } .h-fit{ height: -moz-fit-content; height: fit-content; } .h-full{ height: 100%; } .h-px{ height: 1px; } .h-screen{ height: 100vh; } .h-svh{ height: 100svh; } .h-\[74px\]{ height: 74px; } .max-h-36{ max-height: 9rem; } .max-h-40{ max-height: 10rem; } .max-h-48{ max-height: 12rem; } .max-h-56{ max-height: 14rem; } .max-h-60{ max-height: 15rem; } .max-h-64{ max-height: 16rem; } .max-h-80{ max-height: 20rem; } .max-h-96{ max-height: 24rem; } .max-h-\[100dvh\]{ max-height: 100dvh; } .max-h-\[120px\]{ max-height: 120px; } .max-h-\[140px\]{ max-height: 140px; } .max-h-\[200px\]{ max-height: 200px; } .max-h-\[240px\]{ max-height: 240px; } .max-h-\[250px\]{ max-height: 250px; } .max-h-\[26rem\]{ max-height: 26rem; } .max-h-\[300px\]{ max-height: 300px; } .max-h-\[350px\]{ max-height: 350px; } .max-h-\[360px\]{ max-height: 360px; } .max-h-\[400px\]{ max-height: 400px; } .max-h-\[460px\]{ max-height: 460px; } .max-h-\[500px\]{ max-height: 500px; } .max-h-\[600px\]{ max-height: 600px; } .max-h-\[60vh\]{ max-height: 60vh; } .max-h-\[65vh\]{ max-height: 65vh; } .max-h-\[70vh\]{ max-height: 70vh; } .max-h-\[80vh\]{ max-height: 80vh; } .max-h-\[85vh\]{ max-height: 85vh; } .max-h-\[88dvh\]{ max-height: 88dvh; } .max-h-\[90\%\]{ max-height: 90%; } .max-h-\[90dvh\]{ max-height: 90dvh; } .max-h-\[90vh\]{ max-height: 90vh; } .max-h-\[95vh\]{ max-height: 95vh; } .max-h-\[calc\(100dvh-10rem\)\]{ max-height: calc(100dvh - 10rem); } .max-h-\[calc\(100dvh-2rem\)\]{ max-height: calc(100dvh - 2rem); } .max-h-\[calc\(100vh-18rem\)\]{ max-height: calc(100vh - 18rem); } .max-h-\[min\(42rem\2c calc\(100vh-7rem\)\)\]{ max-height: min(42rem, calc(100vh - 7rem)); } .max-h-\[min\(60vh\2c 22rem\)\]{ max-height: min(60vh, 22rem); } .max-h-\[var\(--radix-popover-content-available-height\)\]{ max-height: var(--radix-popover-content-available-height); } .max-h-full{ max-height: 100%; } .min-h-0{ min-height: 0px; } .min-h-10{ min-height: 2.5rem; } .min-h-16{ min-height: 4rem; } .min-h-4{ min-height: 1rem; } .min-h-48{ min-height: 12rem; } .min-h-64{ min-height: 16rem; } .min-h-80{ min-height: 20rem; } .min-h-96{ min-height: 24rem; } .min-h-\[100px\]{ min-height: 100px; } .min-h-\[120px\]{ min-height: 120px; } .min-h-\[12rem\]{ min-height: 12rem; } .min-h-\[140px\]{ min-height: 140px; } .min-h-\[14rem\]{ min-height: 14rem; } .min-h-\[200px\]{ min-height: 200px; } .min-h-\[21rem\]{ min-height: 21rem; } .min-h-\[240px\]{ min-height: 240px; } .min-h-\[250px\]{ min-height: 250px; } .min-h-\[260px\]{ min-height: 260px; } .min-h-\[320px\]{ min-height: 320px; } .min-h-\[32rem\]{ min-height: 32rem; } .min-h-\[340px\]{ min-height: 340px; } .min-h-\[360px\]{ min-height: 360px; } .min-h-\[4\.75rem\]{ min-height: 4.75rem; } .min-h-\[40vh\]{ min-height: 40vh; } .min-h-\[420px\]{ min-height: 420px; } .min-h-\[44px\]{ min-height: 44px; } .min-h-\[48px\]{ min-height: 48px; } .min-h-\[500px\]{ min-height: 500px; } .min-h-\[50px\]{ min-height: 50px; } .min-h-\[520px\]{ min-height: 520px; } .min-h-\[80px\]{ min-height: 80px; } .min-h-\[9rem\]{ min-height: 9rem; } .min-h-\[calc\(100vh-200px\)\]{ min-height: calc(100vh - 200px); } .min-h-\[calc\(100vh-8rem\)\]{ min-height: calc(100vh - 8rem); } .min-h-full{ min-height: 100%; } .min-h-screen{ min-height: 100vh; } .min-h-svh{ min-height: 100svh; } .w-0{ width: 0px; } .w-1{ width: 0.25rem; } .w-1\.5{ width: 0.375rem; } .w-1\/2{ width: 50%; } .w-1\/4{ width: 25%; } .w-10{ width: 2.5rem; } .w-11{ width: 2.75rem; } .w-12{ width: 3rem; } .w-14{ width: 3.5rem; } .w-16{ width: 4rem; } .w-2{ width: 0.5rem; } .w-2\.5{ width: 0.625rem; } .w-20{ width: 5rem; } .w-24{ width: 6rem; } .w-28{ width: 7rem; } .w-3{ width: 0.75rem; } .w-3\.5{ width: 0.875rem; } .w-3\/4{ width: 75%; } .w-32{ width: 8rem; } .w-36{ width: 9rem; } .w-4{ width: 1rem; } .w-40{ width: 10rem; } .w-48{ width: 12rem; } .w-5{ width: 1.25rem; } .w-52{ width: 13rem; } .w-56{ width: 14rem; } .w-6{ width: 1.5rem; } .w-60{ width: 15rem; } .w-64{ width: 16rem; } .w-7{ width: 1.75rem; } .w-72{ width: 18rem; } .w-8{ width: 2rem; } .w-9{ width: 2.25rem; } .w-96{ width: 24rem; } .w-\[--radix-popover-trigger-width\]{ width: var(--radix-popover-trigger-width); } .w-\[100px\]{ width: 100px; } .w-\[104px\]{ width: 104px; } .w-\[110px\]{ width: 110px; } .w-\[120px\]{ width: 120px; } .w-\[13\.337px\]{ width: 13.337px; } .w-\[13px\]{ width: 13px; } .w-\[140px\]{ width: 140px; } .w-\[148px\]{ width: 148px; } .w-\[176px\]{ width: 176px; } .w-\[18\%\]{ width: 18%; } .w-\[180px\]{ width: 180px; } .w-\[200px\]{ width: 200px; } .w-\[22\%\]{ width: 22%; } .w-\[220px\]{ width: 220px; } .w-\[23rem\]{ width: 23rem; } .w-\[240px\]{ width: 240px; } .w-\[260px\]{ width: 260px; } .w-\[26px\]{ width: 26px; } .w-\[30\%\]{ width: 30%; } .w-\[300px\]{ width: 300px; } .w-\[320px\]{ width: 320px; } .w-\[398px\]{ width: 398px; } .w-\[434px\]{ width: 434px; } .w-\[45\%\]{ width: 45%; } .w-\[49px\]{ width: 49px; } .w-\[72px\]{ width: 72px; } .w-\[98vw\]{ width: 98vw; } .w-\[calc\(100vw-1rem\)\]{ width: calc(100vw - 1rem); } .w-\[calc\(100vw-2rem\)\]{ width: calc(100vw - 2rem); } .w-\[min\(22rem\2c calc\(100vw-2rem\)\)\]{ width: min(22rem, calc(100vw - 2rem)); } .w-\[min\(82vw\2c 19rem\)\]{ width: min(82vw, 19rem); } .w-\[min\(calc\(100vw-2rem\)\2c 20rem\)\]{ width: min(calc(100vw - 2rem), 20rem); } .w-\[var\(--fd-toc-width\)\]{ width: var(--fd-toc-width); } .w-\[var\(--radix-popover-trigger-width\)\]{ width: var(--radix-popover-trigger-width); } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .w-max{ width: -moz-max-content; width: max-content; } .w-px{ width: 1px; } .w-screen{ width: 100vw; } .min-w-0{ min-width: 0px; } .min-w-10{ min-width: 2.5rem; } .min-w-48{ min-width: 12rem; } .min-w-5{ min-width: 1.25rem; } .min-w-8{ min-width: 2rem; } .min-w-9{ min-width: 2.25rem; } .min-w-\[100px\]{ min-width: 100px; } .min-w-\[110px\]{ min-width: 110px; } .min-w-\[120px\]{ min-width: 120px; } .min-w-\[12rem\]{ min-width: 12rem; } .min-w-\[150px\]{ min-width: 150px; } .min-w-\[170px\]{ min-width: 170px; } .min-w-\[180px\]{ min-width: 180px; } .min-w-\[18px\]{ min-width: 18px; } .min-w-\[200px\]{ min-width: 200px; } .min-w-\[20px\]{ min-width: 20px; } .min-w-\[220px\]{ min-width: 220px; } .min-w-\[240px\]{ min-width: 240px; } .min-w-\[280px\]{ min-width: 280px; } .min-w-\[420px\]{ min-width: 420px; } .min-w-\[44px\]{ min-width: 44px; } .min-w-\[70px\]{ min-width: 70px; } .min-w-\[80px\]{ min-width: 80px; } .min-w-\[820px\]{ min-width: 820px; } .min-w-\[860px\]{ min-width: 860px; } .min-w-\[8rem\]{ min-width: 8rem; } .min-w-\[90px\]{ min-width: 90px; } .min-w-\[var\(--radix-select-trigger-width\)\]{ min-width: var(--radix-select-trigger-width); } .max-w-2xl{ max-width: 42rem; } .max-w-3xl{ max-width: 48rem; } .max-w-4xl{ max-width: 56rem; } .max-w-6xl{ max-width: 72rem; } .max-w-7xl{ max-width: 80rem; } .max-w-\[100px\]{ max-width: 100px; } .max-w-\[110px\]{ max-width: 110px; } .max-w-\[1120px\]{ max-width: 1120px; } .max-w-\[120px\]{ max-width: 120px; } .max-w-\[12rem\]{ max-width: 12rem; } .max-w-\[130px\]{ max-width: 130px; } .max-w-\[140px\]{ max-width: 140px; } .max-w-\[1436px\]{ max-width: 1436px; } .max-w-\[150px\]{ max-width: 150px; } .max-w-\[16rem\]{ max-width: 16rem; } .max-w-\[180px\]{ max-width: 180px; } .max-w-\[18rem\]{ max-width: 18rem; } .max-w-\[200px\]{ max-width: 200px; } .max-w-\[220px\]{ max-width: 220px; } .max-w-\[240px\]{ max-width: 240px; } .max-w-\[250px\]{ max-width: 250px; } .max-w-\[270px\]{ max-width: 270px; } .max-w-\[280px\]{ max-width: 280px; } .max-w-\[320px\]{ max-width: 320px; } .max-w-\[400px\]{ max-width: 400px; } .max-w-\[420px\]{ max-width: 420px; } .max-w-\[450px\]{ max-width: 450px; } .max-w-\[480px\]{ max-width: 480px; } .max-w-\[500px\]{ max-width: 500px; } .max-w-\[550px\]{ max-width: 550px; } .max-w-\[70\%\]{ max-width: 70%; } .max-w-\[700px\]{ max-width: 700px; } .max-w-\[75\%\]{ max-width: 75%; } .max-w-\[809px\]{ max-width: 809px; } .max-w-\[835px\]{ max-width: 835px; } .max-w-\[85\%\]{ max-width: 85%; } .max-w-\[860px\]{ max-width: 860px; } .max-w-\[90\%\]{ max-width: 90%; } .max-w-\[90vw\]{ max-width: 90vw; } .max-w-\[98vw\]{ max-width: 98vw; } .max-w-\[calc\(100\%-2rem\)\]{ max-width: calc(100% - 2rem); } .max-w-fd-container{ max-width: 1400px; } .max-w-full{ max-width: 100%; } .max-w-lg{ max-width: 32rem; } .max-w-max{ max-width: -moz-max-content; max-width: max-content; } .max-w-md{ max-width: 28rem; } .max-w-none{ max-width: none; } .max-w-screen-sm{ max-width: 640px; } .max-w-sm{ max-width: 24rem; } .max-w-xl{ max-width: 36rem; } .max-w-xs{ max-width: 20rem; } .flex-1{ flex: 1 1 0%; } .flex-\[2\]{ flex: 2; } .flex-none{ flex: none; } .flex-shrink-0{ flex-shrink: 0; } .shrink-0{ flex-shrink: 0; } .grow{ flex-grow: 1; } .grow-0{ flex-grow: 0; } .basis-full{ flex-basis: 100%; } .table-fixed{ table-layout: fixed; } .caption-bottom{ caption-side: bottom; } .border-collapse{ border-collapse: collapse; } .origin-\[top_center\]{ transform-origin: top center; } .origin-left{ transform-origin: left; } .-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-full{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-px{ --tw-translate-x: -1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-4{ --tw-translate-x: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-50\%\]{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-px{ --tw-translate-x: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0\.5{ --tw-translate-y: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-50\%\]{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[calc\(-50\%_-_2px\)\]{ --tw-translate-y: calc(-50% - 2px); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45{ --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-0{ --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .animate-\[access-pulse_2\.4s_ease-out_infinite\]{ animation: access-pulse 2.4s ease-out infinite; } @keyframes bounce{ 0%, 100%{ transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50%{ transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .animate-bounce{ animation: bounce 1s infinite; } @keyframes pulse{ 50%{ opacity: .5; } } .animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin{ to{ transform: rotate(360deg); } } .animate-spin{ animation: spin 1s linear infinite; } @keyframes ping{ 75%, 100%{ transform: scale(2); opacity: 0; } } .animate-ping{ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } .cursor-default{ cursor: default; } .cursor-grab{ cursor: grab; } .cursor-not-allowed{ cursor: not-allowed; } .cursor-pointer{ cursor: pointer; } .touch-none{ touch-action: none; } .touch-pan-y{ --tw-pan-y: pan-y; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-all{ -webkit-user-select: all; -moz-user-select: all; user-select: all; } .resize-none{ resize: none; } .resize-y{ resize: vertical; } .resize{ resize: both; } .scroll-m-20{ scroll-margin: 5rem; } .scroll-m-28{ scroll-margin: 7rem; } .scroll-my-1{ scroll-margin-top: 0.25rem; scroll-margin-bottom: 0.25rem; } .scroll-py-1{ scroll-padding-top: 0.25rem; scroll-padding-bottom: 0.25rem; } .list-inside{ list-style-position: inside; } .list-decimal{ list-style-type: decimal; } .list-disc{ list-style-type: disc; } .list-none{ list-style-type: none; } .appearance-none{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .auto-rows-min{ grid-auto-rows: min-content; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-\[0_1fr\]{ grid-template-columns: 0 1fr; } .grid-cols-\[120px_1fr\]{ grid-template-columns: 120px 1fr; } .grid-cols-\[2fr_1\.5fr_1\.5fr_100px_80px_100px_180px\]{ grid-template-columns: 2fr 1.5fr 1.5fr 100px 80px 100px 180px; } .grid-cols-\[80px_1fr\]{ grid-template-columns: 80px 1fr; } .grid-cols-\[auto_1fr\]{ grid-template-columns: auto 1fr; } .grid-rows-\[auto_auto\]{ grid-template-rows: auto auto; } .flex-row{ flex-direction: row; } .flex-row-reverse{ flex-direction: row-reverse; } .flex-col{ flex-direction: column; } .flex-col-reverse{ flex-direction: column-reverse; } .flex-wrap{ flex-wrap: wrap; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .items-stretch{ align-items: stretch; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-items-start{ justify-items: start; } .gap-0{ gap: 0px; } .gap-0\.5{ gap: 0.125rem; } .gap-1{ gap: 0.25rem; } .gap-1\.5{ gap: 0.375rem; } .gap-10{ gap: 2.5rem; } .gap-2{ gap: 0.5rem; } .gap-2\.5{ gap: 0.625rem; } .gap-3{ gap: 0.75rem; } .gap-3\.5{ gap: 0.875rem; } .gap-4{ gap: 1rem; } .gap-5{ gap: 1.25rem; } .gap-6{ gap: 1.5rem; } .gap-7{ gap: 1.75rem; } .gap-8{ gap: 2rem; } .gap-\[33px\]{ gap: 33px; } .gap-\[50px\]{ gap: 50px; } .gap-\[7px\]{ gap: 7px; } .gap-\[3px\]{ gap: 3px; } .gap-x-1\.5{ -moz-column-gap: 0.375rem; column-gap: 0.375rem; } .gap-x-3{ -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-4{ -moz-column-gap: 1rem; column-gap: 1rem; } .gap-y-0\.5{ row-gap: 0.125rem; } .gap-y-1{ row-gap: 0.25rem; } .gap-y-1\.5{ row-gap: 0.375rem; } .gap-y-2{ row-gap: 0.5rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.625rem * var(--tw-space-x-reverse)); margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-2\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-3\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-\[\#F1F1F1\] > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(241 241 241 / var(--tw-divide-opacity, 1)); } .divide-fd-border > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: hsl(var(--fd-border) / var(--tw-divide-opacity, 1)); } .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)); } .divide-gray-200 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)); } .divide-gray-50 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(249 250 251 / var(--tw-divide-opacity, 1)); } .divide-slate-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1)); } .self-start{ align-self: flex-start; } .self-end{ align-self: flex-end; } .justify-self-start{ justify-self: start; } .justify-self-end{ justify-self: end; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .overflow-x-hidden{ overflow-x: hidden; } .overscroll-contain{ overscroll-behavior: contain; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre-line{ white-space: pre-line; } .whitespace-pre-wrap{ white-space: pre-wrap; } .text-nowrap{ text-wrap: nowrap; } .text-balance{ text-wrap: balance; } .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } .rounded{ border-radius: 0.25rem; } .rounded-2xl{ border-radius: 1rem; } .rounded-3xl{ border-radius: 1.5rem; } .rounded-\[1\.35rem\]{ border-radius: 1.35rem; } .rounded-\[10px\]{ border-radius: 10px; } .rounded-\[14px\]{ border-radius: 14px; } .rounded-\[14px_14px_14px_4px\]{ border-radius: 14px 14px 14px 4px; } .rounded-\[14px_14px_4px_14px\]{ border-radius: 14px 14px 4px 14px; } .rounded-\[18px\]{ border-radius: 18px; } .rounded-\[22px\]{ border-radius: 22px; } .rounded-\[24px\]{ border-radius: 24px; } .rounded-\[28px\]{ border-radius: 28px; } .rounded-\[2px\]{ border-radius: 2px; } .rounded-\[39px\]{ border-radius: 39px; } .rounded-\[40px\]{ border-radius: 40px; } .rounded-\[48px\]{ border-radius: 48px; } .rounded-\[4px\]{ border-radius: 4px; } .rounded-\[7px\]{ border-radius: 7px; } .rounded-\[9px\]{ border-radius: 9px; } .rounded-\[inherit\]{ border-radius: inherit; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-none{ border-radius: 0px; } .rounded-sm{ border-radius: 0.125rem; } .rounded-xl{ border-radius: 0.75rem; } .rounded-b-2xl{ border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .rounded-b-\[24px\]{ border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; } .rounded-b-xl{ border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .rounded-r-full{ border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } .rounded-t-2xl{ border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rounded-t-\[28px\]{ border-top-left-radius: 28px; border-top-right-radius: 28px; } .rounded-t-lg{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-t-xl{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .rounded-bl-md{ border-bottom-left-radius: 0.375rem; } .rounded-br-md{ border-bottom-right-radius: 0.375rem; } .rounded-tl-none{ border-top-left-radius: 0px; } .rounded-tl-sm{ border-top-left-radius: 0.125rem; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-2{ border-width: 2px; } .border-4{ border-width: 4px; } .border-\[1\.5px\]{ border-width: 1.5px; } .border-\[8px\]{ border-width: 8px; } .border-y{ border-top-width: 1px; border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; } .border-b-2{ border-bottom-width: 2px; } .border-l{ border-left-width: 1px; } .border-l-2{ border-left-width: 2px; } .border-r{ border-right-width: 1px; } .border-s{ border-inline-start-width: 1px; } .border-s-0{ border-inline-start-width: 0px; } .border-t{ border-top-width: 1px; } .border-dashed{ border-style: dashed; } .border-none{ border-style: none; } .border-\[\#00D492\]{ --tw-border-opacity: 1; border-color: rgb(0 212 146 / var(--tw-border-opacity, 1)); } .border-\[\#00D492\]\/15{ border-color: rgb(0 212 146 / 0.15); } .border-\[\#00D492\]\/20{ border-color: rgb(0 212 146 / 0.2); } .border-\[\#00D492\]\/30{ border-color: rgb(0 212 146 / 0.3); } .border-\[\#00d492\]{ --tw-border-opacity: 1; border-color: rgb(0 212 146 / var(--tw-border-opacity, 1)); } .border-\[\#0A66C2\]\/30{ border-color: rgb(10 102 194 / 0.3); } .border-\[\#16161C\]{ --tw-border-opacity: 1; border-color: rgb(22 22 28 / var(--tw-border-opacity, 1)); } .border-\[\#1f1f1f\]{ --tw-border-opacity: 1; border-color: rgb(31 31 31 / var(--tw-border-opacity, 1)); } .border-\[\#2B7FFF\]{ --tw-border-opacity: 1; border-color: rgb(43 127 255 / var(--tw-border-opacity, 1)); } .border-\[\#2B7FFF\]\/30{ border-color: rgb(43 127 255 / 0.3); } .border-\[\#9F9F9F\]{ --tw-border-opacity: 1; border-color: rgb(159 159 159 / var(--tw-border-opacity, 1)); } .border-\[\#9F9F9F\]\/15{ border-color: rgb(159 159 159 / 0.15); } .border-\[\#9F9F9F\]\/30{ border-color: rgb(159 159 159 / 0.3); } .border-\[\#F1F1F1\]{ --tw-border-opacity: 1; border-color: rgb(241 241 241 / var(--tw-border-opacity, 1)); } .border-\[\#e9edef\]{ --tw-border-opacity: 1; border-color: rgb(233 237 239 / var(--tw-border-opacity, 1)); } .border-\[rgba\(0\2c 188\2c 125\2c 0\.3\)\]{ border-color: rgba(0,188,125,0.3); } .border-\[rgba\(43\2c 127\2c 255\2c 0\.2\)\]{ border-color: rgba(43,127,255,0.2); } .border-amber-100{ --tw-border-opacity: 1; border-color: rgb(254 243 199 / var(--tw-border-opacity, 1)); } .border-amber-200{ --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-amber-200\/80{ border-color: rgb(253 230 138 / 0.8); } .border-amber-300{ --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); } .border-amber-500{ --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .border-black\/\[0\.04\]{ border-color: rgb(0 0 0 / 0.04); } .border-black\/\[0\.06\]{ border-color: rgb(0 0 0 / 0.06); } .border-black\/\[0\.08\]{ border-color: rgb(0 0 0 / 0.08); } .border-blue-100{ --tw-border-opacity: 1; border-color: rgb(219 234 254 / var(--tw-border-opacity, 1)); } .border-blue-200{ --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .border-blue-500{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-blue-500\/20{ border-color: rgb(59 130 246 / 0.2); } .border-blue-600{ --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .border-border{ border-color: var(--border); } .border-emerald-100{ --tw-border-opacity: 1; border-color: rgb(209 250 229 / var(--tw-border-opacity, 1)); } .border-emerald-200{ --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .border-emerald-200\/60{ border-color: rgb(167 243 208 / 0.6); } .border-emerald-200\/80{ border-color: rgb(167 243 208 / 0.8); } .border-emerald-300{ --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); } .border-emerald-500{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .border-emerald-600{ --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); } .border-fd-foreground\/10{ border-color: hsl(var(--fd-foreground) / 0.1); } .border-gray-100{ --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-200\/80{ border-color: rgb(229 231 235 / 0.8); } .border-gray-200\/90{ border-color: rgb(229 231 235 / 0.9); } .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-gray-400{ --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .border-gray-50{ --tw-border-opacity: 1; border-color: rgb(249 250 251 / var(--tw-border-opacity, 1)); } .border-gray-500{ --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .border-gray-900{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .border-green-200{ --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); } .border-green-300{ --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); } .border-green-500{ --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-indigo-100{ --tw-border-opacity: 1; border-color: rgb(224 231 255 / var(--tw-border-opacity, 1)); } .border-indigo-200{ --tw-border-opacity: 1; border-color: rgb(199 210 254 / var(--tw-border-opacity, 1)); } .border-indigo-400{ --tw-border-opacity: 1; border-color: rgb(129 140 248 / var(--tw-border-opacity, 1)); } .border-orange-100{ --tw-border-opacity: 1; border-color: rgb(255 237 213 / var(--tw-border-opacity, 1)); } .border-orange-200{ --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); } .border-primary{ border-color: var(--primary); } .border-purple-100{ --tw-border-opacity: 1; border-color: rgb(243 232 255 / var(--tw-border-opacity, 1)); } .border-purple-200{ --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity, 1)); } .border-purple-300{ --tw-border-opacity: 1; border-color: rgb(216 180 254 / var(--tw-border-opacity, 1)); } .border-purple-500{ --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity, 1)); } .border-red-100{ --tw-border-opacity: 1; border-color: rgb(254 226 226 / var(--tw-border-opacity, 1)); } .border-red-200{ --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); } .border-red-200\/60{ border-color: rgb(254 202 202 / 0.6); } .border-red-300{ --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); } .border-red-400{ --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); } .border-red-500{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-red-600{ --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); } .border-rose-100{ --tw-border-opacity: 1; border-color: rgb(255 228 230 / var(--tw-border-opacity, 1)); } .border-rose-200{ --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); } .border-rose-300{ --tw-border-opacity: 1; border-color: rgb(253 164 175 / var(--tw-border-opacity, 1)); } .border-rose-500{ --tw-border-opacity: 1; border-color: rgb(244 63 94 / var(--tw-border-opacity, 1)); } .border-sky-200{ --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); } .border-sky-400{ --tw-border-opacity: 1; border-color: rgb(56 189 248 / var(--tw-border-opacity, 1)); } .border-slate-100{ --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); } .border-slate-200{ --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); } .border-slate-200\/60{ border-color: rgb(226 232 240 / 0.6); } .border-slate-200\/70{ border-color: rgb(226 232 240 / 0.7); } .border-slate-200\/80{ border-color: rgb(226 232 240 / 0.8); } .border-slate-200\/90{ border-color: rgb(226 232 240 / 0.9); } .border-slate-300{ --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .border-slate-400{ --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .border-transparent{ border-color: transparent; } .border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/30{ border-color: rgb(255 255 255 / 0.3); } .border-white\/50{ border-color: rgb(255 255 255 / 0.5); } .border-yellow-200{ --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); } .border-yellow-300{ --tw-border-opacity: 1; border-color: rgb(253 224 71 / var(--tw-border-opacity, 1)); } .border-l-\[\#00D492\]{ --tw-border-opacity: 1; border-left-color: rgb(0 212 146 / var(--tw-border-opacity, 1)); } .border-l-transparent{ border-left-color: transparent; } .border-t-transparent{ border-top-color: transparent; } .border-t-white{ --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .bg-\[\#00D492\]{ --tw-bg-opacity: 1; background-color: rgb(0 212 146 / var(--tw-bg-opacity, 1)); } .bg-\[\#00D492\]\/10{ background-color: rgb(0 212 146 / 0.1); } .bg-\[\#00D492\]\/\[0\.03\]{ background-color: rgb(0 212 146 / 0.03); } .bg-\[\#00D492\]\/\[0\.05\]{ background-color: rgb(0 212 146 / 0.05); } .bg-\[\#00D492\]\/\[0\.06\]{ background-color: rgb(0 212 146 / 0.06); } .bg-\[\#00D492\]\/\[0\.08\]{ background-color: rgb(0 212 146 / 0.08); } .bg-\[\#00D492\]\/\[0\.15\]{ background-color: rgb(0 212 146 / 0.15); } .bg-\[\#00b8db\]{ --tw-bg-opacity: 1; background-color: rgb(0 184 219 / var(--tw-bg-opacity, 1)); } .bg-\[\#00bc7d\]{ --tw-bg-opacity: 1; background-color: rgb(0 188 125 / var(--tw-bg-opacity, 1)); } .bg-\[\#00d3f2\]{ --tw-bg-opacity: 1; background-color: rgb(0 211 242 / var(--tw-bg-opacity, 1)); } .bg-\[\#00d492\]{ --tw-bg-opacity: 1; background-color: rgb(0 212 146 / var(--tw-bg-opacity, 1)); } .bg-\[\#0A66C2\]\/10{ background-color: rgb(10 102 194 / 0.1); } .bg-\[\#128c7e\]{ --tw-bg-opacity: 1; background-color: rgb(18 140 126 / var(--tw-bg-opacity, 1)); } .bg-\[\#16161C\]{ --tw-bg-opacity: 1; background-color: rgb(22 22 28 / var(--tw-bg-opacity, 1)); } .bg-\[\#1f1f1f\]{ --tw-bg-opacity: 1; background-color: rgb(31 31 31 / var(--tw-bg-opacity, 1)); } .bg-\[\#2B7FFF\]{ --tw-bg-opacity: 1; background-color: rgb(43 127 255 / var(--tw-bg-opacity, 1)); } .bg-\[\#2B7FFF\]\/10{ background-color: rgb(43 127 255 / 0.1); } .bg-\[\#51a2ff\]{ --tw-bg-opacity: 1; background-color: rgb(81 162 255 / var(--tw-bg-opacity, 1)); } .bg-\[\#53eafd\]{ --tw-bg-opacity: 1; background-color: rgb(83 234 253 / var(--tw-bg-opacity, 1)); } .bg-\[\#5ee9b5\]{ --tw-bg-opacity: 1; background-color: rgb(94 233 181 / var(--tw-bg-opacity, 1)); } .bg-\[\#8ec5ff\]{ --tw-bg-opacity: 1; background-color: rgb(142 197 255 / var(--tw-bg-opacity, 1)); } .bg-\[\#9F9F9F\]{ --tw-bg-opacity: 1; background-color: rgb(159 159 159 / var(--tw-bg-opacity, 1)); } .bg-\[\#E5DDD5\]{ --tw-bg-opacity: 1; background-color: rgb(229 221 213 / var(--tw-bg-opacity, 1)); } .bg-\[\#F0F4FA\]\/80{ background-color: rgb(240 244 250 / 0.8); } .bg-\[\#F1F1F1\]{ --tw-bg-opacity: 1; background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1)); } .bg-\[\#F5F6F8\]{ --tw-bg-opacity: 1; background-color: rgb(245 246 248 / var(--tw-bg-opacity, 1)); } .bg-\[\#F6F6F6\]{ --tw-bg-opacity: 1; background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1)); } .bg-\[\#F8F8F8\]{ --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1)); } .bg-\[\#F9F9F9\]{ --tw-bg-opacity: 1; background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1)); } .bg-\[\#FDF8EE\]\/90{ background-color: rgb(253 248 238 / 0.9); } .bg-\[\#FF5C5C\]{ --tw-bg-opacity: 1; background-color: rgb(255 92 92 / var(--tw-bg-opacity, 1)); } .bg-\[\#FF5C5C\]\/10{ background-color: rgb(255 92 92 / 0.1); } .bg-\[\#FF8645\]\/10{ background-color: rgb(255 134 69 / 0.1); } .bg-\[\#FF8645\]\/\[0\.08\]{ background-color: rgb(255 134 69 / 0.08); } .bg-\[\#d9fdd3\]{ --tw-bg-opacity: 1; background-color: rgb(217 253 211 / var(--tw-bg-opacity, 1)); } .bg-\[\#efeae2\]{ --tw-bg-opacity: 1; background-color: rgb(239 234 226 / var(--tw-bg-opacity, 1)); } .bg-\[\#f0f2f5\]{ --tw-bg-opacity: 1; background-color: rgb(240 242 245 / var(--tw-bg-opacity, 1)); } .bg-\[\#f15c5c\]{ --tw-bg-opacity: 1; background-color: rgb(241 92 92 / var(--tw-bg-opacity, 1)); } .bg-\[\#fafafa\]{ --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); } .bg-\[rgba\(0\2c 212\2c 146\2c 0\.05\)\]{ background-color: rgba(0,212,146,0.05); } .bg-\[rgba\(159\2c 159\2c 159\2c 0\.15\)\]{ background-color: rgba(159,159,159,0.15); } .bg-\[rgba\(43\2c 127\2c 255\2c 0\.05\)\]{ background-color: rgba(43,127,255,0.05); } .bg-\[rgba\(43\2c 127\2c 255\2c 0\.1\)\]{ background-color: rgba(43,127,255,0.1); } .bg-\[var\(--shiki-light-bg\)\]{ background-color: var(--shiki-light-bg); } .bg-accent{ background-color: var(--accent); } .bg-amber-100{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-amber-400\/90{ background-color: rgb(251 191 36 / 0.9); } .bg-amber-50{ --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-amber-50\/80{ background-color: rgb(255 251 235 / 0.8); } .bg-amber-500{ --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-amber-600{ --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .bg-background{ background-color: var(--background); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/10{ background-color: rgb(0 0 0 / 0.1); } .bg-black\/30{ background-color: rgb(0 0 0 / 0.3); } .bg-black\/5{ background-color: rgb(0 0 0 / 0.05); } .bg-black\/50{ background-color: rgb(0 0 0 / 0.5); } .bg-black\/60{ background-color: rgb(0 0 0 / 0.6); } .bg-black\/80{ background-color: rgb(0 0 0 / 0.8); } .bg-black\/\[0\.04\]{ background-color: rgb(0 0 0 / 0.04); } .bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-blue-50\/80{ background-color: rgb(239 246 255 / 0.8); } .bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-500\/\[0\.08\]{ background-color: rgb(59 130 246 / 0.08); } .bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-border{ background-color: var(--border); } .bg-card{ background-color: var(--card); } .bg-destructive{ background-color: var(--destructive); } .bg-emerald-100{ --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .bg-emerald-50{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .bg-emerald-50\/40{ background-color: rgb(236 253 245 / 0.4); } .bg-emerald-50\/50{ background-color: rgb(236 253 245 / 0.5); } .bg-emerald-50\/60{ background-color: rgb(236 253 245 / 0.6); } .bg-emerald-50\/90{ background-color: rgb(236 253 245 / 0.9); } .bg-emerald-500{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-emerald-600{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .bg-emerald-700{ --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); } .bg-fd-accent{ --tw-bg-opacity: 1; background-color: hsl(var(--fd-accent) / var(--tw-bg-opacity, 1)); } .bg-fd-background{ --tw-bg-opacity: 1; background-color: hsl(var(--fd-background) / var(--tw-bg-opacity, 1)); } .bg-fd-background\/80{ background-color: hsl(var(--fd-background) / 0.8); } .bg-fd-border{ --tw-bg-opacity: 1; background-color: hsl(var(--fd-border) / var(--tw-bg-opacity, 1)); } .bg-fd-card{ --tw-bg-opacity: 1; background-color: hsl(var(--fd-card) / var(--tw-bg-opacity, 1)); } .bg-fd-foreground\/10{ background-color: hsl(var(--fd-foreground) / 0.1); } .bg-fd-muted{ --tw-bg-opacity: 1; background-color: hsl(var(--fd-muted) / var(--tw-bg-opacity, 1)); } .bg-fd-popover{ --tw-bg-opacity: 1; background-color: hsl(var(--fd-popover) / var(--tw-bg-opacity, 1)); } .bg-fd-primary{ --tw-bg-opacity: 1; background-color: hsl(var(--fd-primary) / var(--tw-bg-opacity, 1)); } .bg-fd-primary\/10{ background-color: hsl(var(--fd-primary) / 0.1); } .bg-fd-secondary{ --tw-bg-opacity: 1; background-color: hsl(var(--fd-secondary) / var(--tw-bg-opacity, 1)); } .bg-fd-secondary\/50{ background-color: hsl(var(--fd-secondary) / 0.5); } .bg-foreground{ background-color: var(--foreground); } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-100\/30{ background-color: rgb(243 244 246 / 0.3); } .bg-gray-100\/50{ background-color: rgb(243 244 246 / 0.5); } .bg-gray-100\/70{ background-color: rgb(243 244 246 / 0.7); } .bg-gray-100\/80{ background-color: rgb(243 244 246 / 0.8); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-200\/40{ background-color: rgb(229 231 235 / 0.4); } .bg-gray-200\/60{ background-color: rgb(229 231 235 / 0.6); } .bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .bg-gray-400{ --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-50\/30{ background-color: rgb(249 250 251 / 0.3); } .bg-gray-50\/40{ background-color: rgb(249 250 251 / 0.4); } .bg-gray-50\/50{ background-color: rgb(249 250 251 / 0.5); } .bg-gray-50\/60{ background-color: rgb(249 250 251 / 0.6); } .bg-gray-50\/70{ background-color: rgb(249 250 251 / 0.7); } .bg-gray-50\/80{ background-color: rgb(249 250 251 / 0.8); } .bg-gray-50\/90{ background-color: rgb(249 250 251 / 0.9); } .bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .bg-gray-700{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .bg-gray-950{ --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1)); } .bg-green-100{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .bg-green-500{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } .bg-indigo-400{ --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity, 1)); } .bg-indigo-50{ --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)); } .bg-indigo-500{ --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1)); } .bg-muted{ background-color: var(--muted); } .bg-orange-50{ --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .bg-orange-500{ --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .bg-popover{ background-color: var(--popover); } .bg-primary{ background-color: var(--primary); } .bg-purple-100{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .bg-purple-50{ --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .bg-purple-500{ --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); } .bg-purple-600{ --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1)); } .bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-50{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-red-500{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-rose-100{ --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); } .bg-rose-400\/10{ background-color: rgb(251 113 133 / 0.1); } .bg-rose-50{ --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); } .bg-rose-50\/70{ background-color: rgb(255 241 242 / 0.7); } .bg-rose-50\/80{ background-color: rgb(255 241 242 / 0.8); } .bg-rose-500{ --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); } .bg-rose-600{ --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)); } .bg-secondary{ background-color: var(--secondary); } .bg-sky-100{ --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1)); } .bg-sky-50{ --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); } .bg-sky-500{ --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); } .bg-slate-100{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .bg-slate-100\/90{ background-color: rgb(241 245 249 / 0.9); } .bg-slate-200{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-slate-200\/70{ background-color: rgb(226 232 240 / 0.7); } .bg-slate-300{ --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)); } .bg-slate-50{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .bg-slate-50\/60{ background-color: rgb(248 250 252 / 0.6); } .bg-slate-50\/70{ background-color: rgb(248 250 252 / 0.7); } .bg-slate-50\/90{ background-color: rgb(248 250 252 / 0.9); } .bg-slate-500{ --tw-bg-opacity: 1; background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); } .bg-slate-900{ --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .bg-teal-100{ --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1)); } .bg-transparent{ background-color: transparent; } .bg-violet-50{ --tw-bg-opacity: 1; background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/20{ background-color: rgb(255 255 255 / 0.2); } .bg-white\/25{ background-color: rgb(255 255 255 / 0.25); } .bg-white\/30{ background-color: rgb(255 255 255 / 0.3); } .bg-white\/70{ background-color: rgb(255 255 255 / 0.7); } .bg-white\/80{ background-color: rgb(255 255 255 / 0.8); } .bg-white\/90{ background-color: rgb(255 255 255 / 0.9); } .bg-white\/95{ background-color: rgb(255 255 255 / 0.95); } .bg-yellow-100{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .bg-yellow-50{ --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)); } .bg-yellow-500{ --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .bg-zinc-950{ --tw-bg-opacity: 1; background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1)); } .bg-amber-300{ --tw-bg-opacity: 1; background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1)); } .bg-amber-400{ --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); } .bg-emerald-400{ --tw-bg-opacity: 1; background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1)); } .bg-opacity-50{ --tw-bg-opacity: 0.5; } .bg-opacity-60{ --tw-bg-opacity: 0.6; } .bg-gradient-to-br{ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-l{ background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .bg-gradient-to-r{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-t{ background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .bg-gradient-to-tr{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } .from-\[\#00D492\]{ --tw-gradient-from: #00D492 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 212 146 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#00D492\]\/\[0\.04\]{ --tw-gradient-from: rgb(0 212 146 / 0.04) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 212 146 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[\#00d492\]{ --tw-gradient-from: #00d492 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 212 146 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[rgba\(0\2c 188\2c 125\2c 0\.1\)\]{ --tw-gradient-from: rgba(0,188,125,0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(0, 188, 125, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[rgba\(0\2c 211\2c 242\2c 0\.3\)\]{ --tw-gradient-from: rgba(0,211,242,0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgba(0, 211, 242, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[rgba\(0\2c 212\2c 146\2c 0\.3\)\]{ --tw-gradient-from: rgba(0,212,146,0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgba(0, 212, 146, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black{ --tw-gradient-from: #000 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-400{ --tw-gradient-from: #60a5fa var(--tw-gradient-from-position); --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-100{ --tw-gradient-from: #d1fae5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-50{ --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-50\/80{ --tw-gradient-from: rgb(236 253 245 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-emerald-500{ --tw-gradient-from: #10b981 var(--tw-gradient-from-position); --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-red-500{ --tw-gradient-from: #ef4444 var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-50{ --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-rose-500{ --tw-gradient-from: #f43f5e var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-\[\#00d3f2\]{ --tw-gradient-to: rgb(0 211 242 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #00d3f2 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[\#0a1628\]\/40{ --tw-gradient-to: rgb(10 22 40 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(10 22 40 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\]{ --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(0,0,0,0.8) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[rgba\(0\2c 184\2c 219\2c 0\.1\)\]{ --tw-gradient-to: rgba(0, 184, 219, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(0,184,219,0.1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-\[\#0a1628\]\/20{ --tw-gradient-to: rgb(10 22 40 / 0.2) var(--tw-gradient-to-position); } .to-\[\#2B7FFF\]{ --tw-gradient-to: #2B7FFF var(--tw-gradient-to-position); } .to-\[\#2b7fff\]{ --tw-gradient-to: #2b7fff var(--tw-gradient-to-position); } .to-\[rgba\(0\2c 211\2c 242\2c 0\.3\)\]{ --tw-gradient-to: rgba(0,211,242,0.3) var(--tw-gradient-to-position); } .to-\[rgba\(21\2c 93\2c 252\2c 0\.1\)\]{ --tw-gradient-to: rgba(21,93,252,0.1) var(--tw-gradient-to-position); } .to-\[rgba\(43\2c 127\2c 255\2c 0\.3\)\]{ --tw-gradient-to: rgba(43,127,255,0.3) var(--tw-gradient-to-position); } .to-blue-50{ --tw-gradient-to: #eff6ff var(--tw-gradient-to-position); } .to-blue-500{ --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position); } .to-blue-600{ --tw-gradient-to: #2563eb var(--tw-gradient-to-position); } .to-green-600{ --tw-gradient-to: #16a34a var(--tw-gradient-to-position); } .to-orange-50{ --tw-gradient-to: #fff7ed var(--tw-gradient-to-position); } .to-orange-500{ --tw-gradient-to: #f97316 var(--tw-gradient-to-position); } .to-pink-600{ --tw-gradient-to: #db2777 var(--tw-gradient-to-position); } .to-sky-100{ --tw-gradient-to: #e0f2fe var(--tw-gradient-to-position); } .to-sky-50{ --tw-gradient-to: #f0f9ff var(--tw-gradient-to-position); } .to-sky-50\/60{ --tw-gradient-to: rgb(240 249 255 / 0.6) var(--tw-gradient-to-position); } .to-transparent{ --tw-gradient-to: transparent var(--tw-gradient-to-position); } .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } .fill-blue-500{ fill: #3b82f6; } .fill-current{ fill: currentColor; } .fill-emerald-600{ fill: #059669; } .fill-orange-500{ fill: #f97316; } .fill-primary{ fill: var(--primary); } .fill-red-500{ fill: #ef4444; } .fill-white{ fill: #fff; } .stroke-fd-foreground\/10{ stroke: hsl(var(--fd-foreground) / 0.1); } .stroke-\[1\.8\]{ stroke-width: 1.8; } .stroke-\[2\.5\]{ stroke-width: 2.5; } .stroke-\[2\]{ stroke-width: 2; } .object-contain{ -o-object-fit: contain; object-fit: contain; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .p-0{ padding: 0px; } .p-0\.5{ padding: 0.125rem; } .p-1{ padding: 0.25rem; } .p-1\.5{ padding: 0.375rem; } .p-10{ padding: 2.5rem; } .p-12{ padding: 3rem; } .p-14{ padding: 3.5rem; } .p-2{ padding: 0.5rem; } .p-2\.5{ padding: 0.625rem; } .p-3{ padding: 0.75rem; } .p-3\.5{ padding: 0.875rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .p-\[3px\]{ padding: 3px; } .p-px{ padding: 1px; } .px-0{ padding-left: 0px; padding-right: 0px; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5{ padding-left: 0.875rem; padding-right: 0.875rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .px-\[18px\]{ padding-left: 18px; padding-right: 18px; } .px-\[26px\]{ padding-left: 26px; padding-right: 26px; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12{ padding-top: 3rem; padding-bottom: 3rem; } .py-16{ padding-top: 4rem; padding-bottom: 4rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-20{ padding-top: 5rem; padding-bottom: 5rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5{ padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-\[22px\]{ padding-top: 22px; padding-bottom: 22px; } .py-\[70px\]{ padding-top: 70px; padding-bottom: 70px; } .py-\[9px\]{ padding-top: 9px; padding-bottom: 9px; } .pb-0\.5{ padding-bottom: 0.125rem; } .pb-1{ padding-bottom: 0.25rem; } .pb-10{ padding-bottom: 2.5rem; } .pb-2{ padding-bottom: 0.5rem; } .pb-3{ padding-bottom: 0.75rem; } .pb-3\.5{ padding-bottom: 0.875rem; } .pb-4{ padding-bottom: 1rem; } .pb-5{ padding-bottom: 1.25rem; } .pb-6{ padding-bottom: 1.5rem; } .pb-\[664px\]{ padding-bottom: 664px; } .pe-4{ padding-inline-end: 1rem; } .pe-\[var\(--fd-layout-offset\)\]{ padding-inline-end: var(--fd-layout-offset); } .pl-10{ padding-left: 2.5rem; } .pl-12{ padding-left: 3rem; } .pl-14{ padding-left: 3.5rem; } .pl-2{ padding-left: 0.5rem; } .pl-3{ padding-left: 0.75rem; } .pl-3\.5{ padding-left: 0.875rem; } .pl-4{ padding-left: 1rem; } .pl-5{ padding-left: 1.25rem; } .pl-6{ padding-left: 1.5rem; } .pl-8{ padding-left: 2rem; } .pl-9{ padding-left: 2.25rem; } .pl-\[68px\]{ padding-left: 68px; } .pr-0{ padding-right: 0px; } .pr-0\.5{ padding-right: 0.125rem; } .pr-1{ padding-right: 0.25rem; } .pr-10{ padding-right: 2.5rem; } .pr-12{ padding-right: 3rem; } .pr-2{ padding-right: 0.5rem; } .pr-2\.5{ padding-right: 0.625rem; } .pr-3{ padding-right: 0.75rem; } .pr-3\.5{ padding-right: 0.875rem; } .pr-4{ padding-right: 1rem; } .pr-6{ padding-right: 1.5rem; } .pr-8{ padding-right: 2rem; } .pr-9{ padding-right: 2.25rem; } .ps-1\.5{ padding-inline-start: 0.375rem; } .ps-2{ padding-inline-start: 0.5rem; } .ps-3\.5{ padding-inline-start: 0.875rem; } .ps-6{ padding-inline-start: 1.5rem; } .ps-8{ padding-inline-start: 2rem; } .pt-0{ padding-top: 0px; } .pt-1{ padding-top: 0.25rem; } .pt-10{ padding-top: 2.5rem; } .pt-12{ padding-top: 3rem; } .pt-14{ padding-top: 3.5rem; } .pt-2{ padding-top: 0.5rem; } .pt-3{ padding-top: 0.75rem; } .pt-3\.5{ padding-top: 0.875rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .pt-8{ padding-top: 2rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-start{ text-align: start; } .text-end{ text-align: end; } .align-middle{ vertical-align: middle; } .font-mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .text-\[0\.8rem\]{ font-size: 0.8rem; } .text-\[1\.4rem\]{ font-size: 1.4rem; } .text-\[10px\]{ font-size: 10px; } .text-\[11\.5px\]{ font-size: 11.5px; } .text-\[11px\]{ font-size: 11px; } .text-\[12\.5px\]{ font-size: 12.5px; } .text-\[12px\]{ font-size: 12px; } .text-\[13\.5px\]{ font-size: 13.5px; } .text-\[13px\]{ font-size: 13px; } .text-\[14px\]{ font-size: 14px; } .text-\[15px\]{ font-size: 15px; } .text-\[17px\]{ font-size: 17px; } .text-\[20px\]{ font-size: 20px; } .text-\[28px\]{ font-size: 28px; } .text-\[30px\]{ font-size: 30px; } .text-\[80px\]{ font-size: 80px; } .text-\[8px\]{ font-size: 8px; } .text-\[9px\]{ font-size: 9px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .font-bold{ font-weight: 700; } .font-extrabold{ font-weight: 800; } .font-light{ font-weight: 300; } .font-medium{ font-weight: 500; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .lowercase{ text-transform: lowercase; } .capitalize{ text-transform: capitalize; } .normal-case{ text-transform: none; } .italic{ font-style: italic; } .tabular-nums{ --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-4{ line-height: 1rem; } .leading-5{ line-height: 1.25rem; } .leading-6{ line-height: 1.5rem; } .leading-7{ line-height: 1.75rem; } .leading-\[1\.05\]{ line-height: 1.05; } .leading-\[20px\]{ line-height: 20px; } .leading-\[32\.5px\]{ line-height: 32.5px; } .leading-\[90px\]{ line-height: 90px; } .leading-none{ line-height: 1; } .leading-relaxed{ line-height: 1.625; } .leading-snug{ line-height: 1.375; } .leading-tight{ line-height: 1.25; } .tracking-\[0\.01em\]{ letter-spacing: 0.01em; } .tracking-\[0\.12em\]{ letter-spacing: 0.12em; } .tracking-\[0\.14em\]{ letter-spacing: 0.14em; } .tracking-\[0\.16em\]{ letter-spacing: 0.16em; } .tracking-\[0\.18em\]{ letter-spacing: 0.18em; } .tracking-\[0\.22em\]{ letter-spacing: 0.22em; } .tracking-\[0\.2em\]{ letter-spacing: 0.2em; } .tracking-\[0\.7px\]{ letter-spacing: 0.7px; } .tracking-tight{ letter-spacing: -0.025em; } .tracking-wide{ letter-spacing: 0.025em; } .tracking-wider{ letter-spacing: 0.05em; } .tracking-widest{ letter-spacing: 0.1em; } .text-\[\#008069\]{ --tw-text-opacity: 1; color: rgb(0 128 105 / var(--tw-text-opacity, 1)); } .text-\[\#00D492\]{ --tw-text-opacity: 1; color: rgb(0 212 146 / var(--tw-text-opacity, 1)); } .text-\[\#00c395\]{ --tw-text-opacity: 1; color: rgb(0 195 149 / var(--tw-text-opacity, 1)); } .text-\[\#00d492\]{ --tw-text-opacity: 1; color: rgb(0 212 146 / var(--tw-text-opacity, 1)); } .text-\[\#0A66C2\]{ --tw-text-opacity: 1; color: rgb(10 102 194 / var(--tw-text-opacity, 1)); } .text-\[\#111b21\]{ --tw-text-opacity: 1; color: rgb(17 27 33 / var(--tw-text-opacity, 1)); } .text-\[\#16161C\]{ --tw-text-opacity: 1; color: rgb(22 22 28 / var(--tw-text-opacity, 1)); } .text-\[\#1D4ED8\]{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .text-\[\#2B7FFF\]{ --tw-text-opacity: 1; color: rgb(43 127 255 / var(--tw-text-opacity, 1)); } .text-\[\#303030\]{ --tw-text-opacity: 1; color: rgb(48 48 48 / var(--tw-text-opacity, 1)); } .text-\[\#36B36A\]{ --tw-text-opacity: 1; color: rgb(54 179 106 / var(--tw-text-opacity, 1)); } .text-\[\#3b4a54\]{ --tw-text-opacity: 1; color: rgb(59 74 84 / var(--tw-text-opacity, 1)); } .text-\[\#4b5b63\]{ --tw-text-opacity: 1; color: rgb(75 91 99 / var(--tw-text-opacity, 1)); } .text-\[\#53bdeb\]{ --tw-text-opacity: 1; color: rgb(83 189 235 / var(--tw-text-opacity, 1)); } .text-\[\#54656f\]{ --tw-text-opacity: 1; color: rgb(84 101 111 / var(--tw-text-opacity, 1)); } .text-\[\#575757\]{ --tw-text-opacity: 1; color: rgb(87 87 87 / var(--tw-text-opacity, 1)); } .text-\[\#666\]{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity, 1)); } .text-\[\#667781\]{ --tw-text-opacity: 1; color: rgb(102 119 129 / var(--tw-text-opacity, 1)); } .text-\[\#6B7280\]{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-\[\#6F6F77\]{ --tw-text-opacity: 1; color: rgb(111 111 119 / var(--tw-text-opacity, 1)); } .text-\[\#8696a0\]{ --tw-text-opacity: 1; color: rgb(134 150 160 / var(--tw-text-opacity, 1)); } .text-\[\#9C6ADE\]{ --tw-text-opacity: 1; color: rgb(156 106 222 / var(--tw-text-opacity, 1)); } .text-\[\#9F9F9F\]{ --tw-text-opacity: 1; color: rgb(159 159 159 / var(--tw-text-opacity, 1)); } .text-\[\#EF4444\]{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-\[\#F8F8F8\]{ --tw-text-opacity: 1; color: rgb(248 248 248 / var(--tw-text-opacity, 1)); } .text-\[\#FF5C5C\]{ --tw-text-opacity: 1; color: rgb(255 92 92 / var(--tw-text-opacity, 1)); } .text-\[\#FF8645\]{ --tw-text-opacity: 1; color: rgb(255 134 69 / var(--tw-text-opacity, 1)); } .text-\[\#d1d5dc\]{ --tw-text-opacity: 1; color: rgb(209 213 220 / var(--tw-text-opacity, 1)); } .text-accent-foreground{ color: var(--accent-foreground); } .text-amber-500{ --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-amber-600{ --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-amber-700{ --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-amber-800{ --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); } .text-amber-900{ --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); } .text-amber-950{ --tw-text-opacity: 1; color: rgb(69 26 3 / var(--tw-text-opacity, 1)); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-300{ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .text-blue-400{ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-blue-500{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-blue-700{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .text-blue-800{ --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .text-blue-900{ --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity, 1)); } .text-card-foreground{ color: var(--card-foreground); } .text-current{ color: currentColor; } .text-cyan-500{ --tw-text-opacity: 1; color: rgb(6 182 212 / var(--tw-text-opacity, 1)); } .text-destructive{ color: var(--destructive); } .text-destructive-foreground{ color: var(--destructive-foreground); } .text-emerald-300\/90{ color: rgb(110 231 183 / 0.9); } .text-emerald-500{ --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-emerald-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-600\/80{ color: rgb(5 150 105 / 0.8); } .text-emerald-700{ --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-emerald-800{ --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity, 1)); } .text-emerald-900{ --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity, 1)); } .text-emerald-950{ --tw-text-opacity: 1; color: rgb(2 44 34 / var(--tw-text-opacity, 1)); } .text-fd-accent-foreground{ --tw-text-opacity: 1; color: hsl(var(--fd-accent-foreground) / var(--tw-text-opacity, 1)); } .text-fd-card{ --tw-text-opacity: 1; color: hsl(var(--fd-card) / var(--tw-text-opacity, 1)); } .text-fd-card-foreground{ --tw-text-opacity: 1; color: hsl(var(--fd-card-foreground) / var(--tw-text-opacity, 1)); } .text-fd-foreground{ --tw-text-opacity: 1; color: hsl(var(--fd-foreground) / var(--tw-text-opacity, 1)); } .text-fd-muted-foreground{ --tw-text-opacity: 1; color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1)); } .text-fd-popover-foreground{ --tw-text-opacity: 1; color: hsl(var(--fd-popover-foreground) / var(--tw-text-opacity, 1)); } .text-fd-primary{ --tw-text-opacity: 1; color: hsl(var(--fd-primary) / var(--tw-text-opacity, 1)); } .text-fd-secondary-foreground{ --tw-text-opacity: 1; color: hsl(var(--fd-secondary-foreground) / var(--tw-text-opacity, 1)); } .text-foreground{ color: var(--foreground); } .text-gray-100{ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .text-gray-300{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-gray-950{ --tw-text-opacity: 1; color: rgb(3 7 18 / var(--tw-text-opacity, 1)); } .text-green-400{ --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .text-green-500{ --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .text-green-600{ --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-green-800{ --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); } .text-green-900{ --tw-text-opacity: 1; color: rgb(20 83 45 / var(--tw-text-opacity, 1)); } .text-indigo-500{ --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity, 1)); } .text-indigo-700{ --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity, 1)); } .text-indigo-900{ --tw-text-opacity: 1; color: rgb(49 46 129 / var(--tw-text-opacity, 1)); } .text-muted-foreground{ color: var(--muted-foreground); } .text-orange-500{ --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); } .text-orange-600{ --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .text-orange-700{ --tw-text-opacity: 1; color: rgb(194 65 12 / var(--tw-text-opacity, 1)); } .text-orange-800{ --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity, 1)); } .text-orange-900{ --tw-text-opacity: 1; color: rgb(124 45 18 / var(--tw-text-opacity, 1)); } .text-popover-foreground{ color: var(--popover-foreground); } .text-primary{ color: var(--primary); } .text-primary-foreground{ color: var(--primary-foreground); } .text-purple-500{ --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); } .text-purple-600{ --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .text-purple-700{ --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .text-purple-800{ --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity, 1)); } .text-purple-900{ --tw-text-opacity: 1; color: rgb(88 28 135 / var(--tw-text-opacity, 1)); } .text-red-400{ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-500\/80{ color: rgb(239 68 68 / 0.8); } .text-red-600{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-700{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-red-800{ --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-red-900{ --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity, 1)); } .text-rose-500{ --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); } .text-rose-600{ --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); } .text-rose-700{ --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); } .text-rose-800{ --tw-text-opacity: 1; color: rgb(159 18 57 / var(--tw-text-opacity, 1)); } .text-rose-900{ --tw-text-opacity: 1; color: rgb(136 19 55 / var(--tw-text-opacity, 1)); } .text-secondary-foreground{ color: var(--secondary-foreground); } .text-sky-500{ --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .text-sky-600{ --tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity, 1)); } .text-sky-700{ --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); } .text-sky-900{ --tw-text-opacity: 1; color: rgb(12 74 110 / var(--tw-text-opacity, 1)); } .text-slate-300{ --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .text-slate-400{ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .text-slate-500{ --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .text-slate-600{ --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-slate-700{ --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .text-slate-800{ --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-slate-900{ --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .text-teal-500{ --tw-text-opacity: 1; color: rgb(20 184 166 / var(--tw-text-opacity, 1)); } .text-teal-600{ --tw-text-opacity: 1; color: rgb(13 148 136 / var(--tw-text-opacity, 1)); } .text-transparent{ color: transparent; } .text-violet-700{ --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/50{ color: rgb(255 255 255 / 0.5); } .text-white\/70{ color: rgb(255 255 255 / 0.7); } .text-white\/80{ color: rgb(255 255 255 / 0.8); } .text-white\/90{ color: rgb(255 255 255 / 0.9); } .text-yellow-600{ --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); } .text-yellow-700{ --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity, 1)); } .text-yellow-800{ --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity, 1)); } .underline{ text-decoration-line: underline; } .line-through{ text-decoration-line: line-through; } .underline-offset-2{ text-underline-offset: 2px; } .underline-offset-4{ text-underline-offset: 4px; } .antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-\[\#9F9F9F\]::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(159 159 159 / var(--tw-placeholder-opacity, 1)); } .placeholder-\[\#9F9F9F\]::placeholder{ --tw-placeholder-opacity: 1; color: rgb(159 159 159 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-400::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-400::placeholder{ --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .accent-\[\#00D492\]{ accent-color: #00D492; } .accent-\[\#2B7FFF\]{ accent-color: #2B7FFF; } .accent-emerald-500{ accent-color: #10b981; } .accent-foreground{ accent-color: var(--foreground); } .opacity-0{ opacity: 0; } .opacity-10{ opacity: 0.1; } .opacity-100{ opacity: 1; } .opacity-25{ opacity: 0.25; } .opacity-35{ opacity: 0.35; } .opacity-50{ opacity: 0.5; } .opacity-60{ opacity: 0.6; } .opacity-70{ opacity: 0.7; } .opacity-75{ opacity: 0.75; } .opacity-80{ opacity: 0.8; } .opacity-\[0\.04\]{ opacity: 0.04; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[-12px_0_40px_rgba\(0\2c 0\2c 0\2c \.2\)\]{ --tw-shadow: -12px 0 40px rgba(0,0,0,.2); --tw-shadow-colored: -12px 0 40px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{ --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_2px_rgba\(0\2c 212\2c 146\2c 0\.25\)\]{ --tw-shadow: 0 0 0 2px rgba(0,212,146,0.25); --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_10px_30px_-5px_rgba\(15\2c 23\2c 42\2c 0\.12\)\2c 0_4px_10px_-2px_rgba\(15\2c 23\2c 42\2c 0\.05\)\]{ --tw-shadow: 0 10px 30px -5px rgba(15,23,42,0.12),0 4px 10px -2px rgba(15,23,42,0.05); --tw-shadow-colored: 0 10px 30px -5px var(--tw-shadow-color), 0 4px 10px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_18px_50px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{ --tw-shadow: 0 18px 50px rgba(15,23,42,0.18); --tw-shadow-colored: 0 18px 50px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_20px_50px_rgba\(0\2c 0\2c 0\2c \.25\)\]{ --tw-shadow: 0 20px 50px rgba(0,0,0,.25); --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_25px_60px_-15px_rgba\(15\2c 23\2c 42\2c 0\.35\)\2c 0_0_1px_1px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{ --tw-shadow: 0 25px 60px -15px rgba(15,23,42,0.35),0 0 1px 1px rgba(15,23,42,0.08); --tw-shadow-colored: 0 25px 60px -15px var(--tw-shadow-color), 0 0 1px 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_5px_0_rgba\(11\2c 20\2c 26\2c \.26\)\2c 0_4px_8px_0_rgba\(11\2c 20\2c 26\2c \.2\)\]{ --tw-shadow: 0 2px 5px 0 rgba(11,20,26,.26),0 4px 8px 0 rgba(11,20,26,.2); --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 4px 8px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_3px_8px_rgba\(0\2c 212\2c 146\2c 0\.2\)\]{ --tw-shadow: 0 3px 8px rgba(0,212,146,0.2); --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_4px_10px_rgba\(0\2c 212\2c 146\2c 0\.25\)\]{ --tw-shadow: 0 4px 10px rgba(0,212,146,0.25); --tw-shadow-colored: 0 4px 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_4px_12px_rgba\(0\2c 212\2c 146\2c 0\.3\)\]{ --tw-shadow: 0 4px 12px rgba(0,212,146,0.3); --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_8px_24px_rgba\(15\2c 23\2c 42\2c 0\.14\)\]{ --tw-shadow: 0 8px 24px rgba(15,23,42,0.14); --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.9\)\]{ --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.9); --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-blue-500\/20{ --tw-shadow-color: rgb(59 130 246 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-emerald-200{ --tw-shadow-color: #a7f3d0; --tw-shadow: var(--tw-shadow-colored); } .shadow-emerald-500\/30{ --tw-shadow-color: rgb(16 185 129 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-rose-200{ --tw-shadow-color: #fecdd3; --tw-shadow: var(--tw-shadow-colored); } .outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .outline{ outline-style: solid; } .ring{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-0{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-4{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset{ --tw-ring-inset: inset; } .ring-\[\#00D492\]{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 212 146 / var(--tw-ring-opacity, 1)); } .ring-amber-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity, 1)); } .ring-amber-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1)); } .ring-amber-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1)); } .ring-blue-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1)); } .ring-blue-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1)); } .ring-blue-400{ --tw-ring-opacity: 1; --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)); } .ring-blue-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .ring-emerald-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1)); } .ring-emerald-100\/80{ --tw-ring-color: rgb(209 250 229 / 0.8); } .ring-emerald-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1)); } .ring-emerald-500\/15{ --tw-ring-color: rgb(16 185 129 / 0.15); } .ring-emerald-500\/25{ --tw-ring-color: rgb(16 185 129 / 0.25); } .ring-gray-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1)); } .ring-gray-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1)); } .ring-gray-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)); } .ring-gray-900{ --tw-ring-opacity: 1; --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1)); } .ring-green-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)); } .ring-indigo-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1)); } .ring-orange-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1)); } .ring-purple-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1)); } .ring-purple-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1)); } .ring-red-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1)); } .ring-red-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1)); } .ring-red-300{ --tw-ring-opacity: 1; --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1)); } .ring-red-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); } .ring-rose-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity, 1)); } .ring-rose-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1)); } .ring-rose-500\/25{ --tw-ring-color: rgb(244 63 94 / 0.25); } .ring-sky-100{ --tw-ring-opacity: 1; --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1)); } .ring-slate-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1)); } .ring-slate-200\/70{ --tw-ring-color: rgb(226 232 240 / 0.7); } .ring-slate-800\/10{ --tw-ring-color: rgb(30 41 59 / 0.1); } .ring-violet-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity, 1)); } .ring-white{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); } .ring-offset-1{ --tw-ring-offset-width: 1px; } .ring-offset-2{ --tw-ring-offset-width: 2px; } .ring-offset-background{ --tw-ring-offset-color: var(--background); } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-\[50px\]{ --tw-blur: blur(50px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur{ --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-lg{ --tw-backdrop-blur: blur(16px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-md{ --tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[border-color\2c box-shadow\2c opacity\2c transform\]{ transition-property: border-color,box-shadow,opacity,transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[color\2c box-shadow\]{ transition-property: color,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[filter\]{ transition-property: filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[grid-template-rows\]{ transition-property: grid-template-rows; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[left\2c right\2c width\]{ transition-property: left,right,width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[margin\2c opacity\]{ transition-property: margin,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c height\2c padding\]{ transition-property: width,height,padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c height\]{ transition-property: width,height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\]{ transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-none{ transition-property: none; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-shadow{ transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-100{ transition-duration: 100ms; } .duration-1000{ transition-duration: 1000ms; } .duration-150{ transition-duration: 150ms; } .duration-200{ transition-duration: 200ms; } .duration-300{ transition-duration: 300ms; } .ease-\[cubic-bezier\(0\.16\2c 1\2c 0\.3\2c 1\)\]{ transition-timing-function: cubic-bezier(0.16,1,0.3,1); } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear{ transition-timing-function: linear; } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .steps{ counter-reset: step; border-left-width: 1px; margin-left: 1rem; padding-left: 1.75rem; position: relative; } .step:before{ background-color: hsl(var(--fd-secondary) / 1); color: hsl(var(--fd-secondary-foreground) / 1); content: counter(step); counter-increment: step; border-radius: 9999px; justify-content: center; align-items: center; width: 2rem; height: 2rem; font-size: .875rem; line-height: 1.25rem; display: flex; position: absolute; left: -1rem; } .prose-no-margin > :first-child{ margin-top: 0; } .prose-no-margin > :last-child{ margin-bottom: 0; } .fd-steps{ counter-reset: step; border-left-width: 1px; margin-left: 1rem; padding-left: 1.75rem; position: relative; } .fd-step:before{ background-color: hsl(var(--fd-secondary) / 1); color: hsl(var(--fd-secondary-foreground) / 1); content: counter(step); counter-increment: step; border-radius: 9999px; justify-content: center; align-items: center; width: 2rem; height: 2rem; font-size: .875rem; line-height: 1.25rem; display: flex; position: absolute; left: -1rem; } .prose-no-margin > :first-child{ margin-top: 0; } .prose-no-margin > :last-child{ margin-bottom: 0; } .\[--fd-nav-height\:3\.5rem\]{ --fd-nav-height: 3.5rem; } .\[--fd-tocnav-height\:36px\]{ --fd-tocnav-height: 36px; } .\[--radix-collapsible-content-height\:0px\]{ --radix-collapsible-content-height: 0px; } .\[animation-delay\:0ms\]{ animation-delay: 0ms; } .\[animation-delay\:160ms\]{ animation-delay: 160ms; } .\[animation-delay\:320ms\]{ animation-delay: 320ms; } .\[overflow-wrap\:anywhere\]{ overflow-wrap: anywhere; } .\[scrollbar-color\:\#D1D5DB_transparent\]{ scrollbar-color: #D1D5DB transparent; } .\[scrollbar-width\:thin\]{ scrollbar-width: thin; } /* Thin WhatsApp-style scrollbar */ .custom-scrollbar::-webkit-scrollbar { width: 6px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 3px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); } /* Hide scrollbar utility */ .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } /* Cross-document handoff: this app is an SPA, so this only ever fires on the rare hard `window.location.href` navigations (e.g. post-login redirect into the dashboard). Progressive enhancement — unsupported browsers just navigate normally. See LoginForm's success-morph for the choreography this hands off from. */ @media not (prefers-reduced-motion: reduce) { @view-transition { navigation: auto; } } ::view-transition-old(root) { animation: 420ms cubic-bezier(0.4, 0, 0.2, 1) both auth-handoff-out; } ::view-transition-new(root) { animation: 420ms cubic-bezier(0.16, 1, 0.3, 1) both auth-handoff-in; } @keyframes auth-handoff-out { to { opacity: 0; transform: scale(0.98); filter: blur(2px); } } @keyframes auth-handoff-in { from { opacity: 0; transform: scale(1.02); filter: blur(2px); } } /* Pipeline board: keep horizontal movement visible without adding visual weight. */ .pipeline-board-scroll { scrollbar-width: thin; scrollbar-color: rgba(100, 116, 139, 0.35) transparent; } .pipeline-board-scroll::-webkit-scrollbar { height: 8px; } .pipeline-board-scroll::-webkit-scrollbar-track { background: transparent; } .pipeline-board-scroll::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.3); border-radius: 999px; } @keyframes pipeline-card-enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } .pipeline-card { animation: pipeline-card-enter 240ms ease-out both; } .pipeline-card-pending { animation: none; } @keyframes pipeline-card-saving-sweep { from { transform: translateX(-125%); } to { transform: translateX(350%); } } .pipeline-card-saving-track { position: absolute; right: 0.75rem; bottom: 0; left: 0.75rem; height: 2px; overflow: hidden; border-radius: 999px 999px 0 0; background: rgba(14, 165, 233, 0.12); } .pipeline-card-saving-bar { display: block; height: 100%; width: 32%; border-radius: inherit; background: rgb(14, 165, 233); animation: pipeline-card-saving-sweep 900ms linear infinite; } @keyframes access-pulse { 0% { opacity: 0.35; transform: scale(1); } 70% { opacity: 0; transform: scale(1.35); } 100% { opacity: 0; transform: scale(1.35); } } @keyframes sales-empty-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } .access-denied-enter, .sales-empty-enter { animation: sales-empty-enter 280ms ease-out both; } @keyframes otp-sent-glow { 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.35); } 70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); } 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } } .otp-sent-glow { animation: otp-sent-glow 1.4s ease-out 1; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0 0 4px rgba(16, 185, 129, 0.12); } /* Login form step transition: reads the email->OTP swap as a forward/back step in a flow rather than an abrupt content reset. */ @keyframes auth-step-enter-forward { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: translateX(0); } } @keyframes auth-step-enter-back { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: translateX(0); } } @keyframes auth-step-enter-fade { from { opacity: 0; } to { opacity: 1; } } .auth-step-enter-forward { animation: auth-step-enter-forward 320ms cubic-bezier(0.16, 1, 0.3, 1) both; } .auth-step-enter-back { animation: auth-step-enter-back 320ms cubic-bezier(0.16, 1, 0.3, 1) both; } /* Wrong-code recovery: a short, precise correction cue — not a punishment. */ @keyframes otp-error-shake { 10%, 90% { transform: translateX(-1px); } 20%, 80% { transform: translateX(2px); } 30%, 50%, 70% { transform: translateX(-4px); } 40%, 60% { transform: translateX(4px); } } .otp-error-shake { animation: otp-error-shake 360ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } /* Digit-cell OTP: each cell pops once when it receives a character, so typing reads as six small confirmations instead of one flat text update. */ @keyframes otp-cell-fill { 0% { transform: scale(1); } 40% { transform: scale(1.16); } 100% { transform: scale(1); } } .otp-cell-fill { animation: otp-cell-fill 220ms cubic-bezier(0.34, 1.56, 0.64, 1) both; } /* Success hand-off: once the button starts collapsing into a checkmark, the card itself recedes so the eye follows the single remaining focal point instead of reading two competing motions. Layered on top of the view-transition cross-document handoff (see @view-transition above). */ .auth-card { transition: filter 420ms cubic-bezier(0.4, 0, 0.2, 1), transform 420ms cubic-bezier(0.4, 0, 0.2, 1), opacity 420ms cubic-bezier(0.4, 0, 0.2, 1); } .auth-success-exit .auth-card { filter: blur(8px); transform: scale(0.97); opacity: 0.55; } @keyframes auth-success-sweep { from { transform: translateX(-120%) skewX(-12deg); } to { transform: translateX(220%) skewX(-12deg); } } .auth-success-sweep { animation: auth-success-sweep 620ms cubic-bezier(0.4, 0, 0.2, 1) both; } @media (prefers-reduced-motion: reduce) { .access-denied-enter, .sales-empty-enter, .otp-sent-glow, .otp-error-shake, .otp-cell-fill, .auth-success-sweep { animation: none !important; } .auth-step-enter-forward, .auth-step-enter-back { animation-name: auth-step-enter-fade; animation-duration: 200ms; } .auth-card, .auth-success-exit .auth-card { transition: none; filter: none; transform: none; opacity: 1; } } .pipeline-card-action { display: inline-flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 0.5rem; transition: color 140ms ease, background-color 140ms ease, transform 140ms cubic-bezier(0.23, 1, 0.32, 1); } .pipeline-card-action:active:not(:disabled) { transform: scale(0.96); } .pipeline-column { transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease; } .pipeline-column-candidate { box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.08); } .pipeline-column-over { box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.2), 0 14px 36px rgba(5, 150, 105, 0.14); } .pipeline-column-scroll { -ms-overflow-style: none; scrollbar-width: none; } .pipeline-column-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; } .pipeline-column-scrollbar { position: absolute; z-index: 10; top: 4px; right: 2px; bottom: 4px; width: 5px; pointer-events: none; transition: opacity 160ms ease; } .pipeline-column-scrollbar-thumb { display: block; width: 100%; min-height: 28px; border-radius: 999px; background: rgba(71, 85, 105, 0.48); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75); } .pipeline-card-overlay { transform: rotate(1deg) scale(1.015); } @media (prefers-reduced-motion: reduce) { .pipeline-card { animation: none; } .pipeline-card-action, .pipeline-column, .pipeline-column-scrollbar { transition-duration: 0ms; } .pipeline-card-overlay { transform: none; } .pipeline-card-saving-bar { width: 100%; transform: none; animation: none; } } /* ============================ Global Copy Protection Prevents text selection and copying across the entire platform. Input fields and textareas are exempted for usability. ============================ */ *, *::before, *::after { -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Allow selection in form inputs and textareas for usability */ input, textarea, [contenteditable="true"], pre, code, .selectable { -webkit-user-select: text; -moz-user-select: text; user-select: text; } @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap'); :root { --font-size: 14px; /* Typography variables */ --text-h1: 24px; --text-h2: 20px; --text-h3: 14px; --text-h4: 13px; --text-base: 13px; --text-sm: 12px; --font-weight-bold: 700; --font-weight-semibold: 600; --font-weight-medium: 500; --font-weight-normal: 400; --font-family-inter: 'Inter Variable', sans-serif; --font-auth-display: 'Manrope', 'Segoe UI', sans-serif; /* Spacing scale */ --spacing-025: 2px; --spacing-050: 4px; --spacing-100: 8px; --spacing-150: 12px; --spacing-200: 16px; --spacing-300: 20px; --spacing-400: 24px; --spacing-500: 32px; --spacing-600: 40px; --spacing-800: 48px; --spacing-1000: 64px; /* The default background color for the application. */ --background: rgba(255, 255, 255, 1); /* The default color for elements or text that appears on top of the background. */ --foreground: rgba(48, 48, 48, 1); /* The background color for cards, modals, and other containers. */ --card: rgba(255, 255, 255, 1); /* The default color for text or elements that appear on top of cards, modals and other background containers. */ --card-foreground: rgba(48, 48, 48, 1); /* The background color for dropdowns and tooltips. */ --popover: rgba(255, 255, 255, 1); /* The default color for text or elements that appear on top of dropdowns and tooltips. */ --popover-foreground: rgba(48, 48, 48, 1); /* The primary color used for buttons, links, and other interactive elements. */ --primary: rgba(48, 48, 48, 1); /* The default color for text or elements that appear on top of primary colored elements. */ --primary-foreground: rgba(255, 255, 255, 1); /* The secondary color used for secondary(but NOT-DESTRUCTIVE) buttons and interactive elements. */ --secondary: rgba(255, 255, 255, 1); /* The default color for text or elements that appear on top of secondary colored elements. */ --secondary-foreground: rgba(48, 48, 48, 1); /* The muted color used for less prominent elements, such as disabled buttons or disabled text. */ --muted: rgba(0, 0, 0, 0.06); /* The default color for text or elements that appear on top of muted colored elements. */ --muted-foreground: rgba(97, 97, 97, 1); /* The accent color used for highlights, links, and other interactive elements. */ --accent: rgba(145, 208, 255, 1); /* The default color for text or elements that appear on top of accent colored elements. */ --accent-foreground: rgba(0, 33, 51, 1); /* The color used for background in destructive actions, such as delete buttons or error messages. */ --destructive: rgba(142, 11, 33, 1); /* The default color for text or elements that appear on top of destructive colored elements. */ --destructive-foreground: rgba(255, 250, 251, 1); /* The default border color for elements such as inputs, buttons, and other containers. */ --border: rgba(138, 138, 138, 1); /* The default background color for input fields once the text has been filled. Should be either transparent or match the input-background. */ --input: rgba(255, 255, 255, 1); /* The default background color for input fields, text areas, and other input elements. */ --input-background: rgba(255, 255, 255, 1); /* The color for focus rings, outlines, and other focus indicators. */ --ring: rgba(48, 48, 48, 1); /* Shadow for small elevations, such as cards or modals. */ --elevation-sm: 0px 5px 5px -2.5px rgba(0,0,0,0.03), 0px 3px 3px -1.5px rgba(0,0,0,0.02), 0px 2px 2px -1px rgba(0,0,0,0.02), 0px 1px 1px -0.5px rgba(0,0,0,0.03), 0px 0.5px 0.5px 0px rgba(0,0,0,0.04), 0px 0px 0px 1px rgba(0,0,0,0.06); /* The color for chart elements, such as a bar or line in a chart. */ --chart-1: rgba(48, 48, 48, 1); /* The color for another chart element, such as a bar or line in a chart. */ --chart-2: rgba(97, 97, 97, 1); /* The color for another chart element, such as a bar or line in a chart. */ --chart-3: rgba(145, 208, 255, 1); /* The color for another chart element, such as a bar or line in a chart. */ --chart-4: rgba(1, 75, 64, 1); /* The color for another chart element, such as a bar or line in a chart. */ --chart-5: rgba(142, 11, 33, 1); /* The default border radius for elements such as buttons, tooltip, and other containers. */ --radius: 8px; /* The border radius for card-like components. */ --radius-card: 12px; /* The border radius for modal components. */ --radius-modal: 16px; /* The border radius for checkbox components. */ --radius-checkbox: 4px; /* The background color for sidebars, navigation menus, and other persistent elements. */ --sidebar: rgba(255, 255, 255, 1); /* The default color for text or elements that appear on top of sidebars, navigation menus, and other persistent elements. */ --sidebar-foreground: rgba(48, 48, 48, 1); /* The primary color used for buttons, links, and other interactive elements in sidebars and navigation menus. */ --sidebar-primary: rgba(48, 48, 48, 1); /* The default color for text or elements that appear on top of primary colored elements in sidebars and navigation menus. */ --sidebar-primary-foreground: rgba(255, 255, 255, 1); /* The accent color used for highlights, links, and other interactive elements in sidebars and navigation menus. */ --sidebar-accent: rgba(145, 208, 255, 1); /* A low-opacity tint of --sidebar-accent for active/selected item backgrounds, paired with --sidebar-accent-foreground text. */ --sidebar-accent-tint: rgba(145, 208, 255, 0.15); /* The default color for text or elements that appear on top of accent colored elements in sidebars and navigation menus. */ --sidebar-accent-foreground: rgba(0, 33, 51, 1); /* The default border color for elements in sidebars and navigation menus. */ --sidebar-border: rgba(227, 227, 227, 1); /* The default color for focus rings, outlines, and other focus indicators in sidebars and navigation menus. */ --sidebar-ring: rgba(48, 48, 48, 1); } .dark { --background: rgba(18, 18, 18, 1); --foreground: rgba(255, 255, 255, 1); --card: rgba(32, 32, 32, 1); --card-foreground: rgba(255, 255, 255, 1); --popover: rgba(32, 32, 32, 1); --popover-foreground: rgba(255, 255, 255, 1); --primary: rgba(255, 255, 255, 1); --primary-foreground: rgba(18, 18, 18, 1); --secondary: rgba(64, 64, 64, 1); --secondary-foreground: rgba(255, 255, 255, 1); --muted: rgba(255, 255, 255, 0.06); --muted-foreground: rgba(158, 158, 158, 1); --accent: rgba(72, 166, 255, 1); --accent-foreground: rgba(0, 33, 51, 1); --destructive: rgba(200, 50, 80, 1); --destructive-foreground: rgba(255, 250, 251, 1); --border: rgba(117, 117, 117, 1); --input: rgba(32, 32, 32, 1); --input-background: rgba(32, 32, 32, 1); --ring: rgba(255, 255, 255, 1); --elevation-sm: 0px 5px 5px -2.5px rgba(0,0,0,0.2), 0px 3px 3px -1.5px rgba(0,0,0,0.15), 0px 2px 2px -1px rgba(0,0,0,0.15), 0px 1px 1px -0.5px rgba(0,0,0,0.2), 0px 0.5px 0.5px 0px rgba(0,0,0,0.25), 0px 0px 0px 1px rgba(255,255,255,0.1); --chart-1: rgba(255, 255, 255, 1); --chart-2: rgba(158, 158, 158, 1); --chart-3: rgba(72, 166, 255, 1); --chart-4: rgba(50, 200, 150, 1); --chart-5: rgba(200, 50, 80, 1); --sidebar: rgba(24, 24, 24, 1); --sidebar-foreground: rgba(255, 255, 255, 1); --sidebar-primary: rgba(255, 255, 255, 1); --sidebar-primary-foreground: rgba(24, 24, 24, 1); --sidebar-accent: rgba(72, 166, 255, 1); --sidebar-accent-foreground: rgba(0, 33, 51, 1); --sidebar-border: rgba(64, 64, 64, 1); --sidebar-ring: rgba(255, 255, 255, 1); } /** * Base typography. This is not applied to elements which have an ancestor with a Tailwind text class. */ html { font-size: var(--font-size); } /* Override Polaris CSS custom properties to match custom design system */ .Polaris-Frame { --p-font-family-sans: var(--font-family-inter); --p-color-bg: var(--background); --p-color-bg-surface: var(--card); --p-color-bg-surface-secondary: var(--muted); --p-color-text: var(--foreground); --p-color-text-subdued: var(--muted-foreground); --p-color-border: var(--border); --p-color-border-subdued: rgba(138, 138, 138, 0.3); --p-color-icon: var(--foreground); --p-color-icon-subdued: var(--muted-foreground); /* Buttons */ --p-color-bg-fill-primary: var(--primary); --p-color-text-primary: var(--primary-foreground); --p-color-bg-fill-primary-hover: rgba(48, 48, 48, 0.9); --p-color-bg-fill-primary-active: rgba(48, 48, 48, 0.8); --p-color-bg-fill-secondary: var(--secondary); --p-color-text-secondary: var(--secondary-foreground); --p-color-bg-fill-critical: var(--destructive); --p-color-text-critical: var(--destructive-foreground); --p-color-bg-fill-critical-hover: rgba(142, 11, 33, 0.9); --p-color-bg-fill-critical-active: rgba(142, 11, 33, 0.8); /* Brand fill for sent messages */ --p-color-bg-fill-brand: var(--primary); --p-color-text-on-bg-fill: var(--primary-foreground); /* Borders and radius */ --p-border-radius-100: var(--radius); --p-border-radius-200: var(--radius-card); --p-border-radius-300: var(--radius-modal); /* Shadows */ --p-shadow-sm: var(--elevation-sm); --p-shadow-md: var(--elevation-sm); /* Spacing */ --p-space-025: var(--spacing-025); --p-space-050: var(--spacing-050); --p-space-100: var(--spacing-100); --p-space-150: var(--spacing-150); --p-space-200: var(--spacing-200); --p-space-300: var(--spacing-300); --p-space-400: var(--spacing-400); --p-space-500: var(--spacing-500); --p-space-600: var(--spacing-600); --p-space-800: var(--spacing-800); --p-space-1000: var(--spacing-1000); } .Polaris-Frame.Polaris-Frame--hasNav { --p-color-bg-surface: var(--sidebar); --p-color-text: var(--sidebar-foreground); } /* Dark mode overrides for Polaris */ .dark .Polaris-Frame { --p-color-bg: var(--background); --p-color-bg-surface: var(--card); --p-color-bg-surface-secondary: var(--muted); --p-color-text: var(--foreground); --p-color-text-subdued: var(--muted-foreground); --p-color-border: var(--border); --p-color-border-subdued: rgba(117, 117, 117, 0.3); --p-color-bg-fill-primary: var(--primary); --p-color-text-primary: var(--primary-foreground); /* Brand fill for sent messages */ --p-color-bg-fill-brand: var(--primary); --p-color-text-on-bg-fill: var(--primary-foreground); --p-shadow-sm: var(--elevation-sm); --p-shadow-md: var(--elevation-sm); } /* Utility classes for spacing */ .gap-025 { gap: var(--spacing-025); } .gap-050 { gap: var(--spacing-050); } .gap-100 { gap: var(--spacing-100); } .gap-150 { gap: var(--spacing-150); } .gap-200 { gap: var(--spacing-200); } .gap-300 { gap: var(--spacing-300); } .gap-400 { gap: var(--spacing-400); } .gap-500 { gap: var(--spacing-500); } .p-025 { padding: var(--spacing-025); } .p-050 { padding: var(--spacing-050); } .p-100 { padding: var(--spacing-100); } .p-150 { padding: var(--spacing-150); } .p-200 { padding: var(--spacing-200); } .p-300 { padding: var(--spacing-300); } .p-400 { padding: var(--spacing-400); } .p-500 { padding: var(--spacing-500); } /* Custom card styles that respect the design system */ .custom-card { background-color: var(--card); border: 1px solid var(--border); border-radius: var(--radius-card); padding: var(--spacing-400); box-shadow: var(--elevation-sm); } .custom-card-secondary { background-color: var(--muted); border-radius: var(--radius); padding: var(--spacing-200); } /* Progress bar styles */ .progress-bar-track { height: 12px; background-color: var(--muted); border-radius: calc(var(--radius) - 2px); overflow: hidden; } .progress-bar-fill { height: 100%; background-color: var(--primary); transition: width 0.3s ease; border-radius: calc(var(--radius) - 2px); } /* Status indicator */ .status-indicator { width: 8px; height: 8px; border-radius: 50%; display: inline-block; } .status-indicator-success { background-color: #059669; } .status-indicator-warning { background-color: #d97706; } .status-indicator-error { background-color: var(--destructive); } /* Mobile responsive utilities */ @media (max-width: 768px) { .mobile-hidden { display: none !important; } .mobile-full-width { width: 100% !important; } .mobile-text-sm { font-size: 0.875rem !important; } .mobile-p-2 { padding: 0.5rem !important; } .mobile-gap-2 { gap: 0.5rem !important; } } /* Responsive modal adjustments */ @media (max-width: 640px) { .modal-responsive { margin: 0.5rem; max-height: 95vh; width: calc(100vw - 1rem); } .modal-content-responsive { padding: 1rem; } .modal-header-responsive { padding: 1rem; } } /* Touch-friendly button sizes for mobile */ @media (max-width: 768px) { .btn-touch { min-height: 44px; min-width: 44px; } } /* AIGrow chatbot — only visible on /account; hidden everywhere else */ body[data-hide-aigrow-chatbot="true"] .chat-widget-container, body[data-hide-aigrow-chatbot="true"] .greeting-bubble, body[data-hide-aigrow-chatbot="true"] > div:has(iframe[src*="aigrow"]), body[data-hide-aigrow-chatbot="true"] > iframe[src*="aigrow"], body[data-hide-aigrow-chatbot="true"] [id*="aigrow" i], body[data-hide-aigrow-chatbot="true"] [class*="aigrow" i], body[data-hide-aigrow-chatbot="true"] iframe[src*="aigrow"] { display: none !important; visibility: hidden !important; pointer-events: none !important; opacity: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } body:not([data-hide-aigrow-chatbot="true"]) .chat-widget-container { pointer-events: none; inset: auto !important; bottom: 0 !important; right: 0 !important; top: auto !important; left: auto !important; } body:not([data-hide-aigrow-chatbot="true"]) .chat-widget-container #toggle-chat, body:not([data-hide-aigrow-chatbot="true"]) .chat-widget-container #chat-window, body:not([data-hide-aigrow-chatbot="true"]) .chat-widget-container iframe, body:not([data-hide-aigrow-chatbot="true"]) .chat-widget-container button { pointer-events: auto; } body:not([data-hide-aigrow-chatbot="true"]) > div:has(iframe[src*="aigrow"]), body:not([data-hide-aigrow-chatbot="true"]) > iframe[src*="aigrow"], body:not([data-hide-aigrow-chatbot="true"]) [id*="aigrow" i], body:not([data-hide-aigrow-chatbot="true"]) [class*="aigrow" i] { pointer-events: none; width: auto !important; height: auto !important; max-width: none; max-height: none; inset: auto !important; bottom: 0 !important; right: 0 !important; top: auto !important; left: auto !important; } body:not([data-hide-aigrow-chatbot="true"]) > iframe[src*="aigrow"], body:not([data-hide-aigrow-chatbot="true"]) [id*="aigrow" i] button, body:not([data-hide-aigrow-chatbot="true"]) [id*="aigrow" i] iframe, body:not([data-hide-aigrow-chatbot="true"]) [class*="aigrow" i] button, body:not([data-hide-aigrow-chatbot="true"]) [class*="aigrow" i] iframe, body:not([data-hide-aigrow-chatbot="true"]) [id*="aigrow" i] [role="dialog"], body:not([data-hide-aigrow-chatbot="true"]) [class*="aigrow" i] [role="dialog"] { pointer-events: auto; } .selection\:bg-primary *::-moz-selection{ background-color: var(--primary); } .selection\:bg-primary *::selection{ background-color: var(--primary); } .selection\:text-primary-foreground *::-moz-selection{ color: var(--primary-foreground); } .selection\:text-primary-foreground *::selection{ color: var(--primary-foreground); } .selection\:bg-primary::-moz-selection{ background-color: var(--primary); } .selection\:bg-primary::selection{ background-color: var(--primary); } .selection\:text-primary-foreground::-moz-selection{ color: var(--primary-foreground); } .selection\:text-primary-foreground::selection{ color: var(--primary-foreground); } .file\:inline-flex::file-selector-button{ display: inline-flex; } .file\:h-7::file-selector-button{ height: 1.75rem; } .file\:border-0::file-selector-button{ border-width: 0px; } .file\:bg-transparent::file-selector-button{ background-color: transparent; } .file\:text-sm::file-selector-button{ font-size: 0.875rem; line-height: 1.25rem; } .file\:font-medium::file-selector-button{ font-weight: 500; } .file\:text-foreground::file-selector-button{ color: var(--foreground); } .placeholder\:font-normal::-moz-placeholder{ font-weight: 400; } .placeholder\:font-normal::placeholder{ font-weight: 400; } .placeholder\:text-\[\#667781\]::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(102 119 129 / var(--tw-text-opacity, 1)); } .placeholder\:text-\[\#667781\]::placeholder{ --tw-text-opacity: 1; color: rgb(102 119 129 / var(--tw-text-opacity, 1)); } .placeholder\:text-\[\#9F9F9F\]::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(159 159 159 / var(--tw-text-opacity, 1)); } .placeholder\:text-\[\#9F9F9F\]::placeholder{ --tw-text-opacity: 1; color: rgb(159 159 159 / var(--tw-text-opacity, 1)); } .placeholder\:text-fd-muted-foreground::-moz-placeholder{ --tw-text-opacity: 1; color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1)); } .placeholder\:text-fd-muted-foreground::placeholder{ --tw-text-opacity: 1; color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-400::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-400::placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-500::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-500::placeholder{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .placeholder\:text-muted-foreground::-moz-placeholder{ color: var(--muted-foreground); } .placeholder\:text-muted-foreground::placeholder{ color: var(--muted-foreground); } .placeholder\:text-slate-400::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .placeholder\:text-slate-400::placeholder{ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:-inset-2::after{ content: var(--tw-content); inset: -0.5rem; } .after\:inset-y-0::after{ content: var(--tw-content); top: 0px; bottom: 0px; } .after\:left-1\/2::after{ content: var(--tw-content); left: 50%; } .after\:w-1::after{ content: var(--tw-content); width: 0.25rem; } .after\:w-\[2px\]::after{ content: var(--tw-content); width: 2px; } .after\:-translate-x-1\/2::after{ content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .first\:rounded-l-md:first-child{ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .first\:border-l:first-child{ border-left-width: 1px; } .first\:border-t-0:first-child{ border-top-width: 0px; } .first\:pt-0:first-child{ padding-top: 0px; } .last\:rounded-r-md:last-child{ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .last\:border-0:last-child{ border-width: 0px; } .last\:border-b-0:last-child{ border-bottom-width: 0px; } .last\:pb-0:last-child{ padding-bottom: 0px; } .empty\:hidden:empty{ display: none; } .focus-within\:relative:focus-within{ position: relative; } .focus-within\:z-20:focus-within{ z-index: 20; } .focus-within\:border-\[\#00D492\]:focus-within{ --tw-border-opacity: 1; border-color: rgb(0 212 146 / var(--tw-border-opacity, 1)); } .focus-within\:border-emerald-400:focus-within{ --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .focus-within\:bg-white:focus-within{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .focus-within\:ring-2:focus-within{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-4:focus-within{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-\[\#00D492\]\/20:focus-within{ --tw-ring-color: rgb(0 212 146 / 0.2); } .focus-within\:ring-emerald-100:focus-within{ --tw-ring-opacity: 1; --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1)); } .focus-within\:ring-emerald-500\/40:focus-within{ --tw-ring-color: rgb(16 185 129 / 0.4); } .hover\:-translate-y-0\.5:hover{ --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-105:hover{ --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-\[\#00D492\]:hover{ --tw-border-opacity: 1; border-color: rgb(0 212 146 / var(--tw-border-opacity, 1)); } .hover\:border-\[\#2B7FFF\]:hover{ --tw-border-opacity: 1; border-color: rgb(43 127 255 / var(--tw-border-opacity, 1)); } .hover\:border-\[\#FF5C5C\]:hover{ --tw-border-opacity: 1; border-color: rgb(255 92 92 / var(--tw-border-opacity, 1)); } .hover\:border-amber-500:hover{ --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .hover\:border-blue-500:hover{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .hover\:border-emerald-100:hover{ --tw-border-opacity: 1; border-color: rgb(209 250 229 / var(--tw-border-opacity, 1)); } .hover\:border-emerald-200:hover{ --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .hover\:border-emerald-300:hover{ --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); } .hover\:border-emerald-400:hover{ --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .hover\:border-gray-200:hover{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .hover\:border-gray-300:hover{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .hover\:border-gray-900:hover{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .hover\:border-slate-300:hover{ --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .hover\:border-slate-400:hover{ --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .hover\:bg-\[\#00BD83\]:hover{ --tw-bg-opacity: 1; background-color: rgb(0 189 131 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#00D492\]:hover{ --tw-bg-opacity: 1; background-color: rgb(0 212 146 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#00D492\]\/10:hover{ background-color: rgb(0 212 146 / 0.1); } .hover\:bg-\[\#00D492\]\/20:hover{ background-color: rgb(0 212 146 / 0.2); } .hover\:bg-\[\#00D492\]\/5:hover{ background-color: rgb(0 212 146 / 0.05); } .hover\:bg-\[\#00D492\]\/\[0\.12\]:hover{ background-color: rgb(0 212 146 / 0.12); } .hover\:bg-\[\#00b87d\]:hover{ --tw-bg-opacity: 1; background-color: rgb(0 184 125 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#0A66C2\]\/10:hover{ background-color: rgb(10 102 194 / 0.1); } .hover\:bg-\[\#0A66C2\]\/20:hover{ background-color: rgb(10 102 194 / 0.2); } .hover\:bg-\[\#2B7FFF\]\/10:hover{ background-color: rgb(43 127 255 / 0.1); } .hover\:bg-\[\#2B7FFF\]\/20:hover{ background-color: rgb(43 127 255 / 0.2); } .hover\:bg-\[\#9F9F9F\]\/10:hover{ background-color: rgb(159 159 159 / 0.1); } .hover\:bg-\[\#F1F1F1\]:hover{ --tw-bg-opacity: 1; background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#F9F9F9\]:hover{ --tw-bg-opacity: 1; background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#e05252\]:hover{ --tw-bg-opacity: 1; background-color: rgb(224 82 82 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#e9edef\]:hover{ --tw-bg-opacity: 1; background-color: rgb(233 237 239 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#f5f6f6\]:hover{ --tw-bg-opacity: 1; background-color: rgb(245 246 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[rgba\(0\2c 212\2c 146\2c 0\.05\)\]:hover{ background-color: rgba(0,212,146,0.05); } .hover\:bg-\[rgba\(0\2c 212\2c 146\2c 0\.1\)\]:hover{ background-color: rgba(0,212,146,0.1); } .hover\:bg-\[rgba\(159\2c 159\2c 159\2c 0\.25\)\]:hover{ background-color: rgba(159,159,159,0.25); } .hover\:bg-\[rgba\(43\2c 127\2c 255\2c 0\.05\)\]:hover{ background-color: rgba(43,127,255,0.05); } .hover\:bg-accent:hover{ background-color: var(--accent); } .hover\:bg-amber-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .hover\:bg-amber-50:hover{ --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-amber-700:hover{ --tw-bg-opacity: 1; background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1)); } .hover\:bg-black\/5:hover{ background-color: rgb(0 0 0 / 0.05); } .hover\:bg-black\/\[0\.04\]:hover{ background-color: rgb(0 0 0 / 0.04); } .hover\:bg-black\/\[0\.06\]:hover{ background-color: rgb(0 0 0 / 0.06); } .hover\:bg-blue-100:hover{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-50:hover{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-500\/\[0\.12\]:hover{ background-color: rgb(59 130 246 / 0.12); } .hover\:bg-blue-600:hover{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-700:hover{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-100:hover{ --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-50:hover{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-50\/30:hover{ background-color: rgb(236 253 245 / 0.3); } .hover\:bg-emerald-50\/40:hover{ background-color: rgb(236 253 245 / 0.4); } .hover\:bg-emerald-50\/50:hover{ background-color: rgb(236 253 245 / 0.5); } .hover\:bg-emerald-600:hover{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-700:hover{ --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); } .hover\:bg-fd-accent:hover{ --tw-bg-opacity: 1; background-color: hsl(var(--fd-accent) / var(--tw-bg-opacity, 1)); } .hover\:bg-fd-accent\/50:hover{ background-color: hsl(var(--fd-accent) / 0.5); } .hover\:bg-fd-accent\/80:hover{ background-color: hsl(var(--fd-accent) / 0.8); } .hover\:bg-gray-100:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-200:hover{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50:hover{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50\/60:hover{ background-color: rgb(249 250 251 / 0.6); } .hover\:bg-gray-700:hover{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-800:hover{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-100:hover{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-700:hover{ --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-100:hover{ --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-muted:hover{ background-color: var(--muted); } .hover\:bg-orange-100:hover{ --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-600:hover{ --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary:hover{ background-color: var(--primary); } .hover\:bg-purple-100:hover{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-700:hover{ --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-50:hover{ --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-700:hover{ --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-100:hover{ --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-50:hover{ --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-50\/30:hover{ background-color: rgb(255 241 242 / 0.3); } .hover\:bg-rose-700:hover{ --tw-bg-opacity: 1; background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-100:hover{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-200\/70:hover{ background-color: rgb(226 232 240 / 0.7); } .hover\:bg-slate-50:hover{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .hover\:bg-transparent:hover{ background-color: transparent; } .hover\:bg-white:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-white\/10:hover{ background-color: rgb(255 255 255 / 0.1); } .hover\:bg-white\/20:hover{ background-color: rgb(255 255 255 / 0.2); } .hover\:bg-white\/30:hover{ background-color: rgb(255 255 255 / 0.3); } .hover\:bg-white\/60:hover{ background-color: rgb(255 255 255 / 0.6); } .hover\:from-red-600:hover{ --tw-gradient-from: #dc2626 var(--tw-gradient-from-position); --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:to-orange-600:hover{ --tw-gradient-to: #ea580c var(--tw-gradient-to-position); } .hover\:text-\[\#006d59\]:hover{ --tw-text-opacity: 1; color: rgb(0 109 89 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#008069\]:hover{ --tw-text-opacity: 1; color: rgb(0 128 105 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#009975\]:hover{ --tw-text-opacity: 1; color: rgb(0 153 117 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#00D492\]:hover{ --tw-text-opacity: 1; color: rgb(0 212 146 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#111b21\]:hover{ --tw-text-opacity: 1; color: rgb(17 27 33 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#16161C\]:hover{ --tw-text-opacity: 1; color: rgb(22 22 28 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#1a5fff\]:hover{ --tw-text-opacity: 1; color: rgb(26 95 255 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#2B7FFF\]:hover{ --tw-text-opacity: 1; color: rgb(43 127 255 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#FF5C5C\]:hover{ --tw-text-opacity: 1; color: rgb(255 92 92 / var(--tw-text-opacity, 1)); } .hover\:text-\[\#FF5C5C\]\/80:hover{ color: rgb(255 92 92 / 0.8); } .hover\:text-accent-foreground:hover{ color: var(--accent-foreground); } .hover\:text-amber-500:hover{ --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .hover\:text-blue-700:hover{ --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .hover\:text-destructive:hover{ color: var(--destructive); } .hover\:text-emerald-600:hover{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .hover\:text-emerald-700:hover{ --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .hover\:text-emerald-800:hover{ --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity, 1)); } .hover\:text-emerald-900:hover{ --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity, 1)); } .hover\:text-fd-accent-foreground:hover{ --tw-text-opacity: 1; color: hsl(var(--fd-accent-foreground) / var(--tw-text-opacity, 1)); } .hover\:text-fd-accent-foreground\/80:hover{ color: hsl(var(--fd-accent-foreground) / 0.8); } .hover\:text-fd-popover-foreground\/50:hover{ color: hsl(var(--fd-popover-foreground) / 0.5); } .hover\:text-foreground:hover{ color: var(--foreground); } .hover\:text-gray-600:hover{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-gray-700:hover{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .hover\:text-gray-800:hover{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .hover\:text-gray-900:hover{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .hover\:text-gray-950:hover{ --tw-text-opacity: 1; color: rgb(3 7 18 / var(--tw-text-opacity, 1)); } .hover\:text-muted-foreground:hover{ color: var(--muted-foreground); } .hover\:text-primary-foreground:hover{ color: var(--primary-foreground); } .hover\:text-red-500:hover{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-red-700:hover{ --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .hover\:text-rose-600:hover{ --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); } .hover\:text-rose-700:hover{ --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); } .hover\:text-rose-900:hover{ --tw-text-opacity: 1; color: rgb(136 19 55 / var(--tw-text-opacity, 1)); } .hover\:text-slate-600:hover{ --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .hover\:text-slate-700:hover{ --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .hover\:text-slate-800:hover{ --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .hover\:text-slate-900:hover{ --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:opacity-100:hover{ opacity: 1; } .hover\:opacity-70:hover{ opacity: 0.7; } .hover\:opacity-80:hover{ opacity: 0.8; } .hover\:opacity-90:hover{ opacity: 0.9; } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{ --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-md:hover{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-sm:hover{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-xl:hover{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-emerald-500\/40:hover{ --tw-shadow-color: rgb(16 185 129 / 0.4); --tw-shadow: var(--tw-shadow-colored); } .hover\:ring-4:hover{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .hover\:brightness-90:hover{ --tw-brightness: brightness(.9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover\:brightness-105:hover{ --tw-brightness: brightness(1.05); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover\:transition-none:hover{ transition-property: none; } .focus\:z-10:focus{ z-index: 10; } .focus\:border-\[\#00D492\]:focus{ --tw-border-opacity: 1; border-color: rgb(0 212 146 / var(--tw-border-opacity, 1)); } .focus\:border-\[\#2B7FFF\]:focus{ --tw-border-opacity: 1; border-color: rgb(43 127 255 / var(--tw-border-opacity, 1)); } .focus\:border-emerald-500:focus{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .focus\:border-gray-900:focus{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity, 1)); } .focus\:border-slate-900:focus{ --tw-border-opacity: 1; border-color: rgb(15 23 42 / var(--tw-border-opacity, 1)); } .focus\:border-transparent:focus{ border-color: transparent; } .focus\:bg-\[\#00D492\]:focus{ --tw-bg-opacity: 1; background-color: rgb(0 212 146 / var(--tw-bg-opacity, 1)); } .focus\:bg-accent:focus{ background-color: var(--accent); } .focus\:bg-emerald-50:focus{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .focus\:bg-primary:focus{ background-color: var(--primary); } .focus\:bg-white:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .focus\:text-accent-foreground:focus{ color: var(--accent-foreground); } .focus\:text-emerald-900:focus{ --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity, 1)); } .focus\:text-primary-foreground:focus{ color: var(--primary-foreground); } .focus\:text-red-600:focus{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .focus\:text-white:focus{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .focus\:opacity-100:focus{ opacity: 1; } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-0:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-1:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-4:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-\[3px\]:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-\[\#00D492\]:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 212 146 / var(--tw-ring-opacity, 1)); } .focus\:ring-\[\#00D492\]\/15:focus{ --tw-ring-color: rgb(0 212 146 / 0.15); } .focus\:ring-\[\#00D492\]\/20:focus{ --tw-ring-color: rgb(0 212 146 / 0.2); } .focus\:ring-\[\#00D492\]\/30:focus{ --tw-ring-color: rgb(0 212 146 / 0.3); } .focus\:ring-\[\#00D492\]\/50:focus{ --tw-ring-color: rgb(0 212 146 / 0.5); } .focus\:ring-\[\#16161C\]:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(22 22 28 / var(--tw-ring-opacity, 1)); } .focus\:ring-\[\#2B7FFF\]:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(43 127 255 / var(--tw-ring-opacity, 1)); } .focus\:ring-\[\#FF8645\]:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 134 69 / var(--tw-ring-opacity, 1)); } .focus\:ring-blue-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .focus\:ring-emerald-200:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1)); } .focus\:ring-emerald-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1)); } .focus\:ring-emerald-500\/15:focus{ --tw-ring-color: rgb(16 185 129 / 0.15); } .focus\:ring-emerald-500\/40:focus{ --tw-ring-color: rgb(16 185 129 / 0.4); } .focus\:ring-gray-900:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1)); } .focus\:ring-ring:focus{ --tw-ring-color: var(--ring); } .focus\:ring-slate-900:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1)); } .focus\:ring-offset-2:focus{ --tw-ring-offset-width: 2px; } .focus-visible\:z-10:focus-visible{ z-index: 10; } .focus-visible\:border-emerald-500:focus-visible{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .focus-visible\:border-ring:focus-visible{ border-color: var(--ring); } .focus-visible\:border-rose-500:focus-visible{ --tw-border-opacity: 1; border-color: rgb(244 63 94 / var(--tw-border-opacity, 1)); } .focus-visible\:outline-none:focus-visible{ outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:outline:focus-visible{ outline-style: solid; } .focus-visible\:outline-1:focus-visible{ outline-width: 1px; } .focus-visible\:outline-2:focus-visible{ outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible{ outline-offset: 2px; } .focus-visible\:outline-emerald-500:focus-visible{ outline-color: #10b981; } .focus-visible\:outline-ring:focus-visible{ outline-color: var(--ring); } .focus-visible\:ring-1:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-2:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-4:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-\[3px\]:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-inset:focus-visible{ --tw-ring-inset: inset; } .focus-visible\:ring-\[\#00D492\]:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 212 146 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-\[\#2B7FFF\]:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(43 127 255 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-\[\#FF8645\]:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 134 69 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-blue-500:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-emerald-500:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-emerald-500\/15:focus-visible{ --tw-ring-color: rgb(16 185 129 / 0.15); } .focus-visible\:ring-fd-ring:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--fd-ring) / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-ring:focus-visible{ --tw-ring-color: var(--ring); } .focus-visible\:ring-rose-500:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-rose-500\/25:focus-visible{ --tw-ring-color: rgb(244 63 94 / 0.25); } .focus-visible\:ring-slate-900\/20:focus-visible{ --tw-ring-color: rgb(15 23 42 / 0.2); } .focus-visible\:ring-emerald-400:focus-visible{ --tw-ring-opacity: 1; --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-offset-1:focus-visible{ --tw-ring-offset-width: 1px; } .focus-visible\:ring-offset-2:focus-visible{ --tw-ring-offset-width: 2px; } .active\:scale-95:active{ --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:scale-\[0\.98\]:active{ --tw-scale-x: 0.98; --tw-scale-y: 0.98; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:scale-\[0\.99\]:active{ --tw-scale-x: 0.99; --tw-scale-y: 0.99; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:cursor-grabbing:active{ cursor: grabbing; } .active\:bg-gray-100:active{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .active\:bg-gray-200:active{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .disabled\:pointer-events-none:disabled{ pointer-events: none; } .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; } .disabled\:cursor-wait:disabled{ cursor: wait; } .disabled\:bg-gray-50:disabled{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .disabled\:text-gray-300:disabled{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .disabled\:text-gray-500:disabled{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .disabled\:opacity-30:disabled{ opacity: 0.3; } .disabled\:opacity-40:disabled{ opacity: 0.4; } .disabled\:opacity-50:disabled{ opacity: 0.5; } .disabled\:opacity-60:disabled{ opacity: 0.6; } .disabled\:opacity-70:disabled{ opacity: 0.7; } .disabled\:hover\:scale-100:hover:disabled{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .disabled\:hover\:bg-transparent:hover:disabled{ background-color: transparent; } .group[open] .group-open\:inline{ display: inline; } .group[open] .group-open\:hidden{ display: none; } .group:focus-within .group-focus-within\:text-emerald-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{ opacity: 1; } .group:focus-within .group-focus-within\:ring-emerald-200{ --tw-ring-opacity: 1; --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1)); } .group:hover .group-hover\:w-1\.5{ width: 0.375rem; } .group:hover .group-hover\:translate-x-1{ --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-110{ --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:bg-emerald-50{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:text-emerald-600{ --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-rose-600{ --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); } .group\/menu-item:hover .group-hover\/menu-item\:opacity-100{ opacity: 1; } .group:hover .group-hover\:opacity-100{ opacity: 1; } .group:hover .group-hover\:shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:focus-visible .group-focus-visible\:opacity-100{ opacity: 1; } .group:active .group-active\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:hover ~ .peer-hover\:opacity-100{ opacity: 1; } .peer:disabled ~ .peer-disabled\:cursor-not-allowed{ cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-50{ opacity: 0.5; } .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){ grid-template-columns: calc(var(--spacing) * 4) 1fr; } .has-\[\>svg\]\:gap-x-3:has(>svg){ -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .has-\[\>svg\]\:px-2\.5:has(>svg){ padding-left: 0.625rem; padding-right: 0.625rem; } .has-\[\>svg\]\:px-3:has(>svg){ padding-left: 0.75rem; padding-right: 0.75rem; } .has-\[\>svg\]\:px-4:has(>svg){ padding-left: 1rem; padding-right: 1rem; } .aria-disabled\:pointer-events-none[aria-disabled="true"]{ pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"]{ opacity: 0.5; } .aria-selected\:bg-\[\#00D492\][aria-selected="true"]{ --tw-bg-opacity: 1; background-color: rgb(0 212 146 / var(--tw-bg-opacity, 1)); } .aria-selected\:bg-\[\#00D492\]\/10[aria-selected="true"]{ background-color: rgb(0 212 146 / 0.1); } .aria-selected\:bg-accent[aria-selected="true"]{ background-color: var(--accent); } .aria-selected\:bg-primary[aria-selected="true"]{ background-color: var(--primary); } .aria-selected\:text-\[\#16161C\][aria-selected="true"]{ --tw-text-opacity: 1; color: rgb(22 22 28 / var(--tw-text-opacity, 1)); } .aria-selected\:text-accent-foreground[aria-selected="true"]{ color: var(--accent-foreground); } .aria-selected\:text-gray-900[aria-selected="true"]{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .aria-selected\:text-muted-foreground[aria-selected="true"]{ color: var(--muted-foreground); } .aria-selected\:text-primary-foreground[aria-selected="true"]{ color: var(--primary-foreground); } .aria-selected\:text-white[aria-selected="true"]{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .aria-selected\:opacity-100[aria-selected="true"]{ opacity: 1; } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{ pointer-events: none; } .data-\[disabled\]\:pointer-events-none[data-disabled]{ pointer-events: none; } .data-\[state\=closed\]\:pointer-events-none[data-state="closed"]{ pointer-events: none; } .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"]{ left: 0px; right: 0px; } .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"]{ top: 0px; bottom: 0px; } .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"]{ top: 0px; bottom: 0px; } .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"]{ left: 0px; right: 0px; } .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"]{ bottom: 0px; } .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"]{ left: 0px; } .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"]{ right: 0px; } .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"]{ top: 0px; } .data-\[active\=true\]\:z-10[data-active="true"]{ z-index: 10; } .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"]{ margin-top: 6rem; } .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"]{ margin-bottom: 6rem; } .data-\[collapsed\=false\]\:hidden[data-collapsed="false"]{ display: none; } .data-\[orientation\=horizontal\]\:h-4[data-orientation="horizontal"]{ height: 1rem; } .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"]{ height: 100%; } .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"]{ height: 1px; } .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"]{ height: 100%; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]{ height: 1px; } .data-\[size\=default\]\:h-9[data-size="default"]{ height: 2.25rem; } .data-\[size\=sm\]\:h-8[data-size="sm"]{ height: 2rem; } .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"]{ max-height: 80vh; } .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"]{ max-height: 80vh; } .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"]{ min-height: 11rem; } .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"]{ width: 100%; } .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"]{ width: 0.375rem; } .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"]{ width: auto; } .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"]{ width: 100%; } .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"]{ width: 1px; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]{ width: 100%; } .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"]{ width: 75%; } .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"]{ width: 75%; } .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{ --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=left\]\:-translate-x-1[data-side="left"]{ --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=right\]\:translate-x-1[data-side="right"]{ --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=top\]\:-translate-y-1[data-side="top"]{ --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"]{ --tw-translate-x: calc(100% - 2px); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes fd-enterFromRight{ from{ opacity: 0; transform: translateX(200px); } to{ opacity: 1; transform: translateX(0); } } .data-\[motion\=from-end\]\:animate-fd-enterFromRight[data-motion="from-end"]{ animation: fd-enterFromRight 250ms ease; } @keyframes fd-enterFromLeft{ from{ opacity: 0; transform: translateX(-200px); } to{ opacity: 1; transform: translateX(0); } } .data-\[motion\=from-start\]\:animate-fd-enterFromLeft[data-motion="from-start"]{ animation: fd-enterFromLeft 250ms ease; } @keyframes fd-exitToRight{ from{ opacity: 1; transform: translateX(0); } to{ opacity: 0; transform: translateX(200px); } } .data-\[motion\=to-end\]\:animate-fd-exitToRight[data-motion="to-end"]{ animation: fd-exitToRight 250ms ease; } @keyframes fd-exitToLeft{ from{ opacity: 1; transform: translateX(0); } to{ opacity: 0; transform: translateX(-200px); } } .data-\[motion\=to-start\]\:animate-fd-exitToLeft[data-motion="to-start"]{ animation: fd-exitToLeft 250ms ease; } @keyframes fd-accordion-up{ from{ height: var(--radix-accordion-content-height); } to{ height: 0; opacity: 0.5; } } .data-\[state\=closed\]\:animate-fd-accordion-up[data-state="closed"]{ animation: fd-accordion-up 200ms ease-out; } @keyframes fd-collapsible-up{ from{ height: var(--radix-collapsible-content-height); } to{ height: 0; opacity: 0; } } .data-\[state\=closed\]\:animate-fd-collapsible-up[data-state="closed"]{ animation: fd-collapsible-up 150ms ease-out; } @keyframes fd-dialog-out{ from{ transform: scale(1) translate(-50%, 0); } to{ transform: scale(0.95) translateY(-50%, 0); opacity: 0; } } .data-\[state\=closed\]\:animate-fd-dialog-out[data-state="closed"]{ animation: fd-dialog-out 300ms cubic-bezier(0.32, 0.72, 0, 1); } @keyframes fd-fade-out{ to{ opacity: 0; } } .data-\[state\=closed\]\:animate-fd-fade-out[data-state="closed"]{ animation: fd-fade-out 300ms ease; } @keyframes fd-nav-menu-out{ from{ opacity: 1; height: var(--radix-navigation-menu-viewport-height); } to{ opacity: 0; height: 0px; } } .data-\[state\=closed\]\:animate-fd-nav-menu-out[data-state="closed"]{ animation: fd-nav-menu-out 200ms ease; } @keyframes fd-popover-out{ from{ opacity: 1; transform: translateY(0); } to{ opacity: 0; transform: translateY(-4px); } } .data-\[state\=closed\]\:animate-fd-popover-out[data-state="closed"]{ animation: fd-popover-out 150ms ease; } @keyframes fd-fade-out{ to{ opacity: 0; } } .data-\[state\=hidden\]\:animate-fd-fade-out[data-state="hidden"]{ animation: fd-fade-out 300ms ease; } @keyframes fd-accordion-down{ from{ height: 0; opacity: 0.5; } to{ height: var(--radix-accordion-content-height); } } .data-\[state\=open\]\:animate-fd-accordion-down[data-state="open"]{ animation: fd-accordion-down 200ms ease-out; } @keyframes fd-collapsible-down{ from{ height: 0; opacity: 0; } to{ height: var(--radix-collapsible-content-height); } } .data-\[state\=open\]\:animate-fd-collapsible-down[data-state="open"]{ animation: fd-collapsible-down 150ms ease-out; } @keyframes fd-dialog-in{ from{ transform: scale(0.95) translate(-50%, 0); opacity: 0; } to{ transform: scale(1) translate(-50%, 0); } } .data-\[state\=open\]\:animate-fd-dialog-in[data-state="open"]{ animation: fd-dialog-in 200ms cubic-bezier(0.32, 0.72, 0, 1); } @keyframes fd-fade-in{ from{ opacity: 0; } to{ opacity: 1; } } .data-\[state\=open\]\:animate-fd-fade-in[data-state="open"]{ animation: fd-fade-in 300ms ease; } @keyframes fd-nav-menu-in{ from{ opacity: 0; height: 0px; } to{ opacity: 1; height: var(--radix-navigation-menu-viewport-height); } } .data-\[state\=open\]\:animate-fd-nav-menu-in[data-state="open"]{ animation: fd-nav-menu-in 200ms ease; } @keyframes fd-popover-in{ from{ opacity: 0; transform: scale(0.98) translateY(-4px); } to{ opacity: 1; transform: scale(1) translateY(0); } } .data-\[state\=open\]\:animate-fd-popover-in[data-state="open"]{ animation: fd-popover-in 150ms ease; } .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"]{ flex-direction: column; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]{ flex-direction: column; } .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"]{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"]{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .data-\[variant\=outline\]\:border-l-0[data-variant="outline"]{ border-left-width: 0px; } .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"]{ border-top-width: 1px; } .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"]{ border-right-width: 1px; } .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"]{ border-left-width: 1px; } .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"]{ border-bottom-width: 1px; } .data-\[active\=true\]\:border-ring[data-active="true"]{ border-color: var(--ring); } .data-\[state\=active\]\:border-emerald-500[data-state="active"]{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .data-\[state\=active\]\:border-fd-primary[data-state="active"]{ --tw-border-opacity: 1; border-color: hsl(var(--fd-primary) / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-emerald-500[data-state="checked"]{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:border-primary[data-state="checked"]{ border-color: var(--primary); } .data-\[selected\=true\]\:bg-\[\#00D492\]\/10[data-selected="true"]{ background-color: rgb(0 212 146 / 0.1); } .data-\[selected\=true\]\:bg-accent[data-selected="true"]{ background-color: var(--accent); } .data-\[state\=active\]\:bg-card[data-state="active"]{ background-color: var(--card); } .data-\[state\=active\]\:bg-transparent[data-state="active"]{ background-color: transparent; } .data-\[state\=checked\]\:bg-\[\#00D492\][data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(0 212 146 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-emerald-500[data-state="checked"]{ --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-primary[data-state="checked"]{ background-color: var(--primary); } .data-\[state\=on\]\:bg-accent[data-state="on"]{ background-color: var(--accent); } .data-\[state\=open\]\:bg-accent[data-state="open"]{ background-color: var(--accent); } .data-\[state\=open\]\:bg-fd-accent\/50[data-state="open"]{ background-color: hsl(var(--fd-accent) / 0.5); } .data-\[state\=open\]\:bg-secondary[data-state="open"]{ background-color: var(--secondary); } .data-\[state\=selected\]\:bg-emerald-50\/50[data-state="selected"]{ background-color: rgb(236 253 245 / 0.5); } .data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"]{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .data-\[inset\]\:pl-8[data-inset]{ padding-left: 2rem; } .data-\[active\=true\]\:font-medium[data-active="true"]{ font-weight: 500; } .data-\[state\=active\]\:font-bold[data-state="active"]{ font-weight: 700; } .data-\[active\=true\]\:text-accent-foreground[data-active="true"]{ color: var(--accent-foreground); } .data-\[active\=true\]\:text-fd-primary[data-active="true"]{ --tw-text-opacity: 1; color: hsl(var(--fd-primary) / var(--tw-text-opacity, 1)); } .data-\[error\=true\]\:text-destructive[data-error="true"]{ color: var(--destructive); } .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{ color: var(--muted-foreground); } .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{ color: var(--accent-foreground); } .data-\[state\=active\]\:text-fd-primary[data-state="active"]{ --tw-text-opacity: 1; color: hsl(var(--fd-primary) / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:text-slate-900[data-state="active"]{ --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{ color: var(--primary-foreground); } .data-\[state\=on\]\:text-accent-foreground[data-state="on"]{ color: var(--accent-foreground); } .data-\[state\=open\]\:text-accent-foreground[data-state="open"]{ color: var(--accent-foreground); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"]{ color: var(--muted-foreground); } .data-\[state\=unchecked\]\:text-gray-200[data-state="unchecked"]{ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"]{ color: var(--destructive); } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{ opacity: 0.5; } .data-\[disabled\]\:opacity-50[data-disabled]{ opacity: 0.5; } .data-\[state\=open\]\:opacity-100[data-state="open"]{ opacity: 1; } .data-\[state\=active\]\:shadow-none[data-state="active"]{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[active\=true\]\:ring-\[3px\][data-active="true"]{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .data-\[state\=closed\]\:duration-300[data-state="closed"]{ transition-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state="open"]{ transition-duration: 500ms; } .\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot="select-value"] > *{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .\*\:data-\[slot\=select-value\]\:flex[data-slot="select-value"] > *{ display: flex; } .\*\:data-\[slot\=select-value\]\:items-center[data-slot="select-value"] > *{ align-items: center; } .\*\:data-\[slot\=select-value\]\:gap-2[data-slot="select-value"] > *{ gap: 0.5rem; } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after{ content: var(--tw-content); left: 0px; } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after{ content: var(--tw-content); height: 0.25rem; } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after{ content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after{ content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after{ content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[variant\=outline\]\:first\:border-l:first-child[data-variant="outline"]{ border-left-width: 1px; } .data-\[active\=true\]\:hover\:bg-accent:hover[data-active="true"]{ background-color: var(--accent); } .data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"]{ background-color: var(--accent); } .data-\[active\=true\]\:focus\:bg-accent:focus[data-active="true"]{ background-color: var(--accent); } .data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"]{ background-color: var(--accent); } .data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant="destructive"]{ color: var(--destructive); } .group[data-disabled="true"] .group-data-\[disabled\=true\]\:pointer-events-none{ pointer-events: none; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{ left: calc(var(--sidebar-width) * -1); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{ right: calc(var(--sidebar-width) * -1); } .group[data-side="left"] .group-data-\[side\=left\]\:-right-4{ right: -1rem; } .group[data-side="right"] .group-data-\[side\=right\]\:left-0{ left: 0px; } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:top-full{ top: 100%; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8{ margin-top: -2rem; } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5{ margin-top: 0.375rem; } .group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block{ display: block; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden{ display: none; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]{ width: calc(var(--sidebar-width-icon) + (--spacing(4))); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]{ width: calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0{ width: 0px; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-side="right"] .group-data-\[side\=right\]\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-state="closed"] .group-data-\[state\=closed\]\:-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/accordion[data-state="open"] .group-data-\[state\=open\]\/accordion\:rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden{ overflow: hidden; } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden{ overflow: hidden; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg{ border-radius: 0.5rem; } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md{ border-radius: 0.375rem; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border{ border-width: 1px; } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:border{ border-width: 1px; } .group[data-side="left"] .group-data-\[side\=left\]\:border-r{ border-right-width: 1px; } .group[data-side="right"] .group-data-\[side\=right\]\:border-l{ border-left-width: 1px; } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover{ background-color: var(--popover); } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground{ color: var(--popover-foreground); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0{ opacity: 0; } .group[data-disabled="true"] .group-data-\[disabled\=true\]\:opacity-50{ opacity: 0.5; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200{ transition-duration: 200ms; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after{ content: var(--tw-content); left: 100%; } .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5{ top: 0.375rem; } .peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5{ top: 0.625rem; } .peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1{ top: 0.25rem; } @media (prefers-reduced-motion: reduce){ .motion-reduce\:transition-none{ transition-property: none; } } .dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1)); } .dark\:border-amber-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(146 64 14 / var(--tw-border-opacity, 1)); } .dark\:border-amber-900:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(120 53 15 / var(--tw-border-opacity, 1)); } .dark\:border-blue-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); } .dark\:border-blue-900\/40:is(.dark *){ border-color: rgb(30 58 138 / 0.4); } .dark\:border-gray-600:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .dark\:border-gray-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:border-gray-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .dark\:border-green-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(22 101 52 / var(--tw-border-opacity, 1)); } .dark\:border-purple-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(107 33 168 / var(--tw-border-opacity, 1)); } .dark\:border-red-800:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(153 27 27 / var(--tw-border-opacity, 1)); } .dark\:bg-\[var\(--shiki-dark-bg\)\]:is(.dark *){ background-color: var(--shiki-dark-bg); } .dark\:bg-amber-900\/20:is(.dark *){ background-color: rgb(120 53 15 / 0.2); } .dark\:bg-amber-900\/30:is(.dark *){ background-color: rgb(120 53 15 / 0.3); } .dark\:bg-amber-950\/30:is(.dark *){ background-color: rgb(69 26 3 / 0.3); } .dark\:bg-blue-900\/20:is(.dark *){ background-color: rgb(30 58 138 / 0.2); } .dark\:bg-blue-900\/30:is(.dark *){ background-color: rgb(30 58 138 / 0.3); } .dark\:bg-blue-950\/20:is(.dark *){ background-color: rgb(23 37 84 / 0.2); } .dark\:bg-emerald-950\/40:is(.dark *){ background-color: rgb(2 44 34 / 0.4); } .dark\:bg-gray-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-800\/50:is(.dark *){ background-color: rgb(31 41 55 / 0.5); } .dark\:bg-gray-800\/60:is(.dark *){ background-color: rgb(31 41 55 / 0.6); } .dark\:bg-gray-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-900\/30:is(.dark *){ background-color: rgb(17 24 39 / 0.3); } .dark\:bg-gray-900\/50:is(.dark *){ background-color: rgb(17 24 39 / 0.5); } .dark\:bg-green-900\/20:is(.dark *){ background-color: rgb(20 83 45 / 0.2); } .dark\:bg-green-900\/30:is(.dark *){ background-color: rgb(20 83 45 / 0.3); } .dark\:bg-indigo-900\/30:is(.dark *){ background-color: rgb(49 46 129 / 0.3); } .dark\:bg-purple-900\/20:is(.dark *){ background-color: rgb(88 28 135 / 0.2); } .dark\:bg-purple-900\/30:is(.dark *){ background-color: rgb(88 28 135 / 0.3); } .dark\:bg-red-900\/20:is(.dark *){ background-color: rgb(127 29 29 / 0.2); } .dark\:bg-red-900\/30:is(.dark *){ background-color: rgb(127 29 29 / 0.3); } .dark\:bg-sky-900\/30:is(.dark *){ background-color: rgb(12 74 110 / 0.3); } .dark\:bg-teal-900\/30:is(.dark *){ background-color: rgb(19 78 74 / 0.3); } .dark\:bg-yellow-900\/30:is(.dark *){ background-color: rgb(113 63 18 / 0.3); } .dark\:text-amber-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .dark\:text-amber-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .dark\:text-amber-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .dark\:text-blue-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity, 1)); } .dark\:text-blue-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity, 1)); } .dark\:text-blue-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .dark\:text-blue-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } .dark\:text-gray-100:is(.dark *){ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .dark\:text-gray-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .dark\:text-gray-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .dark\:text-gray-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:text-gray-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .dark\:text-gray-600:is(.dark *){ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .dark\:text-green-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } .dark\:text-green-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(129 140 248 / var(--tw-text-opacity, 1)); } .dark\:text-muted-foreground:is(.dark *){ color: var(--muted-foreground); } .dark\:text-purple-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity, 1)); } .dark\:text-purple-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .dark\:text-red-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .dark\:text-red-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .dark\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark\:ring-1:is(.dark *){ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .dark\:ring-gray-700:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1)); } .dark\:ring-offset-gray-900:is(.dark *){ --tw-ring-offset-color: #111827; } .dark\:hover\:border-blue-400:hover:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); } .dark\:hover\:bg-amber-900\/50:hover:is(.dark *){ background-color: rgb(120 53 15 / 0.5); } .dark\:hover\:bg-blue-900\/20:hover:is(.dark *){ background-color: rgb(30 58 138 / 0.2); } .dark\:hover\:bg-blue-900\/50:hover:is(.dark *){ background-color: rgb(30 58 138 / 0.5); } .dark\:hover\:bg-gray-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-gray-700\/50:hover:is(.dark *){ background-color: rgb(55 65 81 / 0.5); } .dark\:hover\:bg-gray-800:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-green-900\/50:hover:is(.dark *){ background-color: rgb(20 83 45 / 0.5); } .dark\:hover\:bg-indigo-900\/50:hover:is(.dark *){ background-color: rgb(49 46 129 / 0.5); } .dark\:hover\:bg-purple-900\/50:hover:is(.dark *){ background-color: rgb(88 28 135 / 0.5); } .dark\:hover\:bg-red-900\/50:hover:is(.dark *){ background-color: rgb(127 29 29 / 0.5); } .dark\:hover\:text-gray-200:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-gray-300:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .dark\:disabled\:hover\:bg-transparent:hover:disabled:is(.dark *){ background-color: transparent; } .dark\:data-\[state\=checked\]\:bg-primary[data-state="checked"]:is(.dark *){ background-color: var(--primary); } .dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state="checked"]:is(.dark *){ background-color: var(--primary-foreground); } .dark\:data-\[state\=unchecked\]\:bg-card-foreground[data-state="unchecked"]:is(.dark *){ background-color: var(--card-foreground); } .dark\:data-\[state\=active\]\:text-foreground[data-state="active"]:is(.dark *){ color: var(--foreground); } @media not all and (min-width: 1280px){ .max-xl\:hidden{ display: none; } } @media not all and (min-width: 1024px){ .max-lg\:hidden{ display: none; } } @media not all and (min-width: 768px){ .max-md\:inset-x-0{ left: 0px; right: 0px; } .max-md\:bottom-0{ bottom: 0px; } .max-md\:hidden{ display: none; } .max-md\:bg-fd-background\/80{ background-color: hsl(var(--fd-background) / 0.8); } .max-md\:text-\[15px\]{ font-size: 15px; } .max-md\:backdrop-blur-lg{ --tw-backdrop-blur: blur(16px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .max-md\:data-\[open\=false\]\:invisible[data-open="false"]{ visibility: hidden; } } @media not all and (min-width: 640px){ .max-sm\:mt-2{ margin-top: 0.5rem; } .max-sm\:hidden{ display: none; } } @media (min-width: 640px){ .sm\:order-1{ order: 1; } .sm\:order-2{ order: 2; } .sm\:col-span-2{ grid-column: span 2 / span 2; } .sm\:mx-0{ margin-left: 0px; margin-right: 0px; } .sm\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .sm\:mb-4{ margin-bottom: 1rem; } .sm\:mb-5{ margin-bottom: 1.25rem; } .sm\:mb-6{ margin-bottom: 1.5rem; } .sm\:mb-8{ margin-bottom: 2rem; } .sm\:mr-2{ margin-right: 0.5rem; } .sm\:mt-0{ margin-top: 0px; } .sm\:mt-1{ margin-top: 0.25rem; } .sm\:mt-12{ margin-top: 3rem; } .sm\:mt-2{ margin-top: 0.5rem; } .sm\:block{ display: block; } .sm\:inline{ display: inline; } .sm\:flex{ display: flex; } .sm\:inline-flex{ display: inline-flex; } .sm\:grid{ display: grid; } .sm\:hidden{ display: none; } .sm\:h-10{ height: 2.5rem; } .sm\:h-11{ height: 2.75rem; } .sm\:h-12{ height: 3rem; } .sm\:h-14{ height: 3.5rem; } .sm\:h-16{ height: 4rem; } .sm\:h-20{ height: 5rem; } .sm\:h-3\.5{ height: 0.875rem; } .sm\:h-4{ height: 1rem; } .sm\:h-5{ height: 1.25rem; } .sm\:h-6{ height: 1.5rem; } .sm\:h-8{ height: 2rem; } .sm\:h-9{ height: 2.25rem; } .sm\:h-\[117px\]{ height: 117px; } .sm\:h-\[133px\]{ height: 133px; } .sm\:h-\[18px\]{ height: 18px; } .sm\:h-\[26px\]{ height: 26px; } .sm\:h-\[42px\]{ height: 42px; } .sm\:h-\[52px\]{ height: 52px; } .sm\:h-\[calc\(100dvh-2rem\)\]{ height: calc(100dvh - 2rem); } .sm\:h-\[min\(90dvh\2c 54rem\)\]{ height: min(90dvh, 54rem); } .sm\:max-h-\[250px\]{ max-height: 250px; } .sm\:max-h-\[300px\]{ max-height: 300px; } .sm\:max-h-\[calc\(90vh-9rem\)\]{ max-height: calc(90vh - 9rem); } .sm\:min-h-\[120px\]{ min-height: 120px; } .sm\:min-h-\[56px\]{ min-height: 56px; } .sm\:w-10{ width: 2.5rem; } .sm\:w-11{ width: 2.75rem; } .sm\:w-12{ width: 3rem; } .sm\:w-14{ width: 3.5rem; } .sm\:w-16{ width: 4rem; } .sm\:w-3\.5{ width: 0.875rem; } .sm\:w-32{ width: 8rem; } .sm\:w-4{ width: 1rem; } .sm\:w-5{ width: 1.25rem; } .sm\:w-52{ width: 13rem; } .sm\:w-6{ width: 1.5rem; } .sm\:w-8{ width: 2rem; } .sm\:w-\[120px\]{ width: 120px; } .sm\:w-\[136px\]{ width: 136px; } .sm\:w-\[150px\]{ width: 150px; } .sm\:w-\[160px\]{ width: 160px; } .sm\:w-\[180px\]{ width: 180px; } .sm\:w-\[18px\]{ width: 18px; } .sm\:w-\[19rem\]{ width: 19rem; } .sm\:w-\[220px\]{ width: 220px; } .sm\:w-\[490px\]{ width: 490px; } .sm\:w-\[600px\]{ width: 600px; } .sm\:w-\[calc\(100vw-2rem\)\]{ width: calc(100vw - 2rem); } .sm\:w-\[var\(--radix-popover-trigger-width\)\]{ width: var(--radix-popover-trigger-width); } .sm\:w-auto{ width: auto; } .sm\:w-full{ width: 100%; } .sm\:min-w-\[160px\]{ min-width: 160px; } .sm\:min-w-\[200px\]{ min-width: 200px; } .sm\:min-w-\[26px\]{ min-width: 26px; } .sm\:max-w-2xl{ max-width: 42rem; } .sm\:max-w-3xl{ max-width: 48rem; } .sm\:max-w-\[1080px\]{ max-width: 1080px; } .sm\:max-w-\[1440px\]{ max-width: 1440px; } .sm\:max-w-\[300px\]{ max-width: 300px; } .sm\:max-w-\[420px\]{ max-width: 420px; } .sm\:max-w-\[480px\]{ max-width: 480px; } .sm\:max-w-\[540px\]{ max-width: 540px; } .sm\:max-w-\[82\%\]{ max-width: 82%; } .sm\:max-w-lg{ max-width: 32rem; } .sm\:max-w-md{ max-width: 28rem; } .sm\:max-w-none{ max-width: none; } .sm\:max-w-sm{ max-width: 24rem; } .sm\:max-w-xl{ max-width: 36rem; } .sm\:flex-initial{ flex: 0 1 auto; } .sm\:flex-none{ flex: none; } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-\[170px_1fr\]{ grid-template-columns: 170px 1fr; } .sm\:grid-cols-\[1fr_120px_auto\]{ grid-template-columns: 1fr 120px auto; } .sm\:grid-cols-\[auto_1fr\]{ grid-template-columns: auto 1fr; } .sm\:flex-row{ flex-direction: row; } .sm\:flex-col{ flex-direction: column; } .sm\:flex-wrap{ flex-wrap: wrap; } .sm\:items-start{ align-items: flex-start; } .sm\:items-end{ align-items: flex-end; } .sm\:items-center{ align-items: center; } .sm\:justify-start{ justify-content: flex-start; } .sm\:justify-end{ justify-content: flex-end; } .sm\:justify-center{ justify-content: center; } .sm\:justify-between{ justify-content: space-between; } .sm\:gap-1{ gap: 0.25rem; } .sm\:gap-1\.5{ gap: 0.375rem; } .sm\:gap-10{ gap: 2.5rem; } .sm\:gap-2{ gap: 0.5rem; } .sm\:gap-2\.5{ gap: 0.625rem; } .sm\:gap-3{ gap: 0.75rem; } .sm\:gap-4{ gap: 1rem; } .sm\:gap-5{ gap: 1.25rem; } .sm\:gap-6{ gap: 1.5rem; } .sm\:gap-8{ gap: 2rem; } .sm\:gap-\[15px\]{ gap: 15px; } .sm\:gap-\[20px\]{ gap: 20px; } .sm\:gap-\[30px\]{ gap: 30px; } .sm\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .sm\:self-auto{ align-self: auto; } .sm\:self-center{ align-self: center; } .sm\:rounded-2xl{ border-radius: 1rem; } .sm\:rounded-3xl{ border-radius: 1.5rem; } .sm\:rounded-xl{ border-radius: 0.75rem; } .sm\:border{ border-width: 1px; } .sm\:border-slate-200\/80{ border-color: rgb(226 232 240 / 0.8); } .sm\:p-10{ padding: 2.5rem; } .sm\:p-3{ padding: 0.75rem; } .sm\:p-4{ padding: 1rem; } .sm\:p-5{ padding: 1.25rem; } .sm\:p-6{ padding: 1.5rem; } .sm\:p-8{ padding: 2rem; } .sm\:p-\[30px\]{ padding: 30px; } .sm\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .sm\:px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .sm\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:px-8{ padding-left: 2rem; padding-right: 2rem; } .sm\:py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .sm\:py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .sm\:py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .sm\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .sm\:py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .sm\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .sm\:pb-0{ padding-bottom: 0px; } .sm\:pb-6{ padding-bottom: 1.5rem; } .sm\:pb-\[200px\]{ padding-bottom: 200px; } .sm\:pl-2\.5{ padding-left: 0.625rem; } .sm\:pl-\[68px\]{ padding-left: 68px; } .sm\:pr-2\.5{ padding-right: 0.625rem; } .sm\:pt-6{ padding-top: 1.5rem; } .sm\:pt-8{ padding-top: 2rem; } .sm\:text-left{ text-align: left; } .sm\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .sm\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .sm\:text-5xl{ font-size: 3rem; line-height: 1; } .sm\:text-\[11px\]{ font-size: 11px; } .sm\:text-\[13px\]{ font-size: 13px; } .sm\:text-\[40px\]{ font-size: 40px; } .sm\:text-base{ font-size: 1rem; line-height: 1.5rem; } .sm\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .sm\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .sm\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } .sm\:leading-\[26px\]{ line-height: 26px; } .sm\:leading-\[50px\]{ line-height: 50px; } .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"]{ max-width: 24rem; } .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"]{ max-width: 24rem; } } @media (min-width: 768px){ .md\:absolute{ position: absolute; } .md\:sticky{ position: sticky; } .md\:order-first{ order: -9999; } .md\:col-span-2{ grid-column: span 2 / span 2; } .md\:col-span-5{ grid-column: span 5 / span 5; } .md\:col-span-7{ grid-column: span 7 / span 7; } .md\:-me-\[var\(--fd-sidebar-width\)\]{ margin-inline-end: calc(var(--fd-sidebar-width) * -1); } .md\:ms-2{ margin-inline-start: 0.5rem; } .md\:ms-auto{ margin-inline-start: auto; } .md\:block{ display: block; } .md\:inline{ display: inline; } .md\:flex{ display: flex; } .md\:table-cell{ display: table-cell; } .md\:hidden{ display: none; } .md\:h-8{ height: 2rem; } .md\:h-9{ height: 2.25rem; } .md\:h-\[65vh\]{ height: 65vh; } .md\:h-\[var\(--fd-sidebar-height\)\]{ height: var(--fd-sidebar-height); } .md\:max-h-none{ max-height: none; } .md\:min-h-\[40px\]{ min-height: 40px; } .md\:w-1\/2{ width: 50%; } .md\:w-9{ width: 2.25rem; } .md\:w-\[46\%\]{ width: 46%; } .md\:w-\[var\(--fd-sidebar-width\)\]{ width: var(--fd-sidebar-width); } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{ width: var(--radix-navigation-menu-viewport-width); } .md\:w-auto{ width: auto; } .md\:max-w-4xl{ max-width: 56rem; } .md\:flex-none{ flex: none; } .md\:translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:translate-x-\[calc\(var\(--fd-sidebar-offset\)\*-1\)\]{ --tw-translate-x: calc(var(--fd-sidebar-offset) * -1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-\[200px_1fr_auto\]{ grid-template-columns: 200px 1fr auto; } .md\:flex-row{ flex-direction: row; } .md\:items-center{ align-items: center; } .md\:gap-1\.5{ gap: 0.375rem; } .md\:divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } .md\:overflow-visible{ overflow: visible; } .md\:overflow-y-auto{ overflow-y: auto; } .md\:border-e{ border-inline-end-width: 1px; } .md\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .md\:px-8{ padding-left: 2rem; padding-right: 2rem; } .md\:py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .md\:pl-1{ padding-left: 0.25rem; } .md\:pr-1{ padding-right: 0.25rem; } .md\:ps-\[var\(--fd-layout-offset\)\]{ padding-inline-start: var(--fd-layout-offset); } .md\:pt-12{ padding-top: 3rem; } .md\:pt-4{ padding-top: 1rem; } .md\:text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .md\:text-\[60px\]{ font-size: 60px; } .md\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .md\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .md\:leading-7{ line-height: 1.75rem; } .md\:leading-\[70px\]{ line-height: 70px; } .md\:opacity-0{ opacity: 0; } .md\:transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .md\:\[--fd-nav-height\:0px\]{ --fd-nav-height: 0px; } .md\:\[--fd-sidebar-width\:268px\]{ --fd-sidebar-width: 268px; } .md\:after\:hidden::after{ content: var(--tw-content); display: none; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2{ margin: 0.5rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0{ margin-left: 0px; } .peer[data-variant="inset"][data-state="collapsed"] ~ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2{ margin-left: 0.5rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl{ border-radius: 0.75rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (min-width: 1024px){ .lg\:relative{ position: relative; } .lg\:inset-auto{ inset: auto; } .lg\:left-0{ left: 0px; } .lg\:left-14{ left: 3.5rem; } .lg\:right-14{ right: 3.5rem; } .lg\:right-auto{ right: auto; } .lg\:z-auto{ z-index: auto; } .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:col-span-3{ grid-column: span 3 / span 3; } .lg\:mx-\[18px\]{ margin-left: 18px; margin-right: 18px; } .lg\:mb-3{ margin-bottom: 0.75rem; } .lg\:mb-4{ margin-bottom: 1rem; } .lg\:mb-\[18px\]{ margin-bottom: 18px; } .lg\:mt-2{ margin-top: 0.5rem; } .lg\:block{ display: block; } .lg\:inline{ display: inline; } .lg\:flex{ display: flex; } .lg\:inline-flex{ display: inline-flex; } .lg\:table-cell{ display: table-cell; } .lg\:hidden{ display: none; } .lg\:h-10{ height: 2.5rem; } .lg\:h-11{ height: 2.75rem; } .lg\:h-12{ height: 3rem; } .lg\:h-32{ height: 8rem; } .lg\:h-4{ height: 1rem; } .lg\:h-5{ height: 1.25rem; } .lg\:h-6{ height: 1.5rem; } .lg\:h-\[100px\]{ height: 100px; } .lg\:h-\[133px\]{ height: 133px; } .lg\:h-\[18px\]{ height: 18px; } .lg\:h-\[29px\]{ height: 29px; } .lg\:h-\[40px\]{ height: 40px; } .lg\:h-\[42px\]{ height: 42px; } .lg\:h-\[45px\]{ height: 45px; } .lg\:h-\[63px\]{ height: 63px; } .lg\:max-h-\[300px\]{ max-height: 300px; } .lg\:max-h-\[400px\]{ max-height: 400px; } .lg\:max-h-\[90vh\]{ max-height: 90vh; } .lg\:w-10{ width: 2.5rem; } .lg\:w-11{ width: 2.75rem; } .lg\:w-12{ width: 3rem; } .lg\:w-32{ width: 8rem; } .lg\:w-4{ width: 1rem; } .lg\:w-48{ width: 12rem; } .lg\:w-5{ width: 1.25rem; } .lg\:w-6{ width: 1.5rem; } .lg\:w-96{ width: 24rem; } .lg\:w-\[100px\]{ width: 100px; } .lg\:w-\[136px\]{ width: 136px; } .lg\:w-\[150px\]{ width: 150px; } .lg\:w-\[18px\]{ width: 18px; } .lg\:w-\[400px\]{ width: 400px; } .lg\:w-\[45px\]{ width: 45px; } .lg\:w-\[490px\]{ width: 490px; } .lg\:w-\[500px\]{ width: 500px; } .lg\:w-\[55\%\]{ width: 55%; } .lg\:w-\[calc\(100\%-1rem\)\]{ width: calc(100% - 1rem); } .lg\:w-auto{ width: auto; } .lg\:w-64{ width: 16rem; } .lg\:min-w-\[100px\]{ min-width: 100px; } .lg\:max-w-5xl{ max-width: 64rem; } .lg\:max-w-\[70\%\]{ max-width: 70%; } .lg\:max-w-full{ max-width: 100%; } .lg\:max-w-md{ max-width: 28rem; } .lg\:max-w-none{ max-width: none; } .lg\:max-w-sm{ max-width: 24rem; } .lg\:flex-initial{ flex: 0 1 auto; } .lg\:flex-1{ flex: 1 1 0%; } .lg\:flex-none{ flex: none; } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-\[1fr_400px\]{ grid-template-columns: 1fr 400px; } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_19rem\]{ grid-template-columns: minmax(0,1fr) 19rem; } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_280px\]{ grid-template-columns: minmax(0,1fr) 280px; } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\]{ grid-template-columns: minmax(0,1fr) 320px; } .lg\:grid-cols-\[minmax\(0\2c 20rem\)_minmax\(0\2c 1fr\)\]{ grid-template-columns: minmax(0,20rem) minmax(0,1fr); } .lg\:flex-row{ flex-direction: row; } .lg\:items-start{ align-items: flex-start; } .lg\:items-end{ align-items: flex-end; } .lg\:items-center{ align-items: center; } .lg\:justify-start{ justify-content: flex-start; } .lg\:justify-end{ justify-content: flex-end; } .lg\:justify-between{ justify-content: space-between; } .lg\:gap-1\.5{ gap: 0.375rem; } .lg\:gap-2{ gap: 0.5rem; } .lg\:gap-3{ gap: 0.75rem; } .lg\:gap-4{ gap: 1rem; } .lg\:gap-5{ gap: 1.25rem; } .lg\:gap-6{ gap: 1.5rem; } .lg\:gap-8{ gap: 2rem; } .lg\:gap-\[10px\]{ gap: 10px; } .lg\:gap-\[15px\]{ gap: 15px; } .lg\:gap-\[200px\]{ gap: 200px; } .lg\:gap-\[30px\]{ gap: 30px; } .lg\:space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .lg\:rounded-2xl{ border-radius: 1rem; } .lg\:rounded-\[7px\]{ border-radius: 7px; } .lg\:rounded-b-2xl{ border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .lg\:rounded-t-2xl{ border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .lg\:border{ border-width: 1px; } .lg\:p-10{ padding: 2.5rem; } .lg\:p-12{ padding: 3rem; } .lg\:p-2{ padding: 0.5rem; } .lg\:p-4{ padding: 1rem; } .lg\:p-5{ padding: 1.25rem; } .lg\:p-6{ padding: 1.5rem; } .lg\:p-7{ padding: 1.75rem; } .lg\:p-8{ padding: 2rem; } .lg\:p-\[30px\]{ padding: 30px; } .lg\:px-0{ padding-left: 0px; padding-right: 0px; } .lg\:px-12{ padding-left: 3rem; padding-right: 3rem; } .lg\:px-14{ padding-left: 3.5rem; padding-right: 3.5rem; } .lg\:px-4{ padding-left: 1rem; padding-right: 1rem; } .lg\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:px-8{ padding-left: 2rem; padding-right: 2rem; } .lg\:px-\[18px\]{ padding-left: 18px; padding-right: 18px; } .lg\:py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .lg\:py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .lg\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .lg\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .lg\:py-8{ padding-top: 2rem; padding-bottom: 2rem; } .lg\:py-\[34px\]{ padding-top: 34px; padding-bottom: 34px; } .lg\:pb-0{ padding-bottom: 0px; } .lg\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .lg\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .lg\:text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .lg\:text-5xl{ font-size: 3rem; line-height: 1; } .lg\:text-\[80px\]{ font-size: 80px; } .lg\:text-base{ font-size: 1rem; line-height: 1.5rem; } .lg\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .lg\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .lg\:text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .lg\:text-xs{ font-size: 0.75rem; line-height: 1rem; } .lg\:leading-\[32\.5px\]{ line-height: 32.5px; } .lg\:leading-\[90px\]{ line-height: 90px; } .lg\:opacity-0{ opacity: 0; } .group:hover .lg\:group-hover\:opacity-100{ opacity: 1; } } @media (min-width: 1280px){ .xl\:sticky{ position: sticky; } .xl\:left-16{ left: 4rem; } .xl\:right-16{ right: 4rem; } .xl\:top-4{ top: 1rem; } .xl\:order-none{ order: 0; } .xl\:mx-auto{ margin-left: auto; margin-right: auto; } .xl\:inline{ display: inline; } .xl\:table-cell{ display: table-cell; } .xl\:table-column{ display: table-column; } .xl\:hidden{ display: none; } .xl\:h-36{ height: 9rem; } .xl\:w-36{ width: 9rem; } .xl\:w-\[360px\]{ width: 360px; } .xl\:w-auto{ width: auto; } .xl\:shrink-0{ flex-shrink: 0; } .xl\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-\[320px_minmax\(0\2c 1fr\)\]{ grid-template-columns: 320px minmax(0,1fr); } .xl\:grid-cols-\[minmax\(0\2c 1fr\)_30rem\]{ grid-template-columns: minmax(0,1fr) 30rem; } .xl\:flex-row{ flex-direction: row; } .xl\:items-start{ align-items: flex-start; } .xl\:px-16{ padding-left: 4rem; padding-right: 4rem; } .xl\:text-6xl{ font-size: 3.75rem; line-height: 1; } .xl\:\[--fd-toc-width\:268px\]{ --fd-toc-width: 268px; } .xl\:\[--fd-tocnav-height\:0px\]{ --fd-tocnav-height: 0px; } } @media (min-width: 1536px){ .\32xl\:max-h-\[calc\(100vh-280px\)\]{ max-height: calc(100vh - 280px); } .\32xl\:grid-cols-\[350px_minmax\(0\2c 1fr\)\]{ grid-template-columns: 350px minmax(0,1fr); } .\32xl\:overflow-y-auto{ overflow-y: auto; } } .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *){ --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 768px){ .rtl\:md\:translate-x-\[var\(--fd-sidebar-offset\)\]:where([dir="rtl"], [dir="rtl"] *){ --tw-translate-x: var(--fd-sidebar-offset); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){ border-radius: 0.375rem; } .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){ background-color: var(--accent); } .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){ padding-right: 0px; } .\[\&\:last-child\]\:pb-6:last-child{ padding-bottom: 1.5rem; } .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{ --tw-translate-y: 2px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\>button\:last-child\]\:hidden>button:last-child{ display: none; } .\[\&\>button\]\:hidden>button{ display: none; } .\[\&\>figure\:only-child\]\:-m-4>figure:only-child{ margin: -1rem; } .\[\&\>figure\:only-child\]\:rounded-none>figure:only-child{ border-radius: 0px; } .\[\&\>figure\:only-child\]\:border-none>figure:only-child{ border-style: none; } .\[\&\>span\:last-child\]\:truncate>span:last-child{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>svg\]\:pointer-events-none>svg{ pointer-events: none; } .\[\&\>svg\]\:size-3>svg{ width: 0.75rem; height: 0.75rem; } .\[\&\>svg\]\:size-3\.5>svg{ width: 0.875rem; height: 0.875rem; } .\[\&\>svg\]\:size-4>svg{ width: 1rem; height: 1rem; } .\[\&\>svg\]\:h-2\.5>svg{ height: 0.625rem; } .\[\&\>svg\]\:h-3>svg{ height: 0.75rem; } .\[\&\>svg\]\:w-2\.5>svg{ width: 0.625rem; } .\[\&\>svg\]\:w-3>svg{ width: 0.75rem; } .\[\&\>svg\]\:shrink-0>svg{ flex-shrink: 0; } .\[\&\>svg\]\:translate-y-0\.5>svg{ --tw-translate-y: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\>svg\]\:text-current>svg{ color: currentColor; } .\[\&\>svg\]\:text-muted-foreground>svg{ color: var(--muted-foreground); } .\[\&\>tr\]\:last\:border-b-0:last-child>tr{ border-bottom-width: 0px; } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{ fill: var(--muted-foreground); } .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{ stroke: var(--border); } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff']{ stroke: transparent; } .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc']{ stroke: var(--border); } .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector{ fill: var(--muted); } .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{ fill: var(--muted); } .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc']{ stroke: var(--border); } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff']{ stroke: transparent; } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{ padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{ font-size: 0.75rem; line-height: 1rem; } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{ font-weight: 500; } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{ color: var(--muted-foreground); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{ padding-top: 0px; } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{ padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{ height: 1.25rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{ width: 1.25rem; } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{ height: 3rem; } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{ padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{ height: 1.25rem; } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{ width: 1.25rem; } .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none p.is-editor-empty:first-child::before{ pointer-events: none; } .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:float-left p.is-editor-empty:first-child::before{ float: left; } .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:h-0 p.is-editor-empty:first-child::before{ height: 0px; } .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:text-gray-400 p.is-editor-empty:first-child::before{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .\[\&_p\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] p.is-editor-empty:first-child::before{ --tw-content: attr(data-placeholder); content: var(--tw-content); } .\[\&_p\]\:leading-relaxed p{ line-height: 1.625; } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']){ width: 1rem; height: 1rem; } .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']){ color: var(--muted-foreground); } .\[\&_svg\]\:pointer-events-none svg{ pointer-events: none; } .\[\&_svg\]\:size-3\.5 svg{ width: 0.875rem; height: 0.875rem; } .\[\&_svg\]\:size-4 svg{ width: 1rem; height: 1rem; } .\[\&_svg\]\:size-5 svg{ width: 1.25rem; height: 1.25rem; } .\[\&_svg\]\:h-4 svg{ height: 1rem; } .\[\&_svg\]\:w-4 svg{ width: 1rem; } .\[\&_svg\]\:shrink-0 svg{ flex-shrink: 0; } .\[\&_svg\]\:stroke-\[1\.8\] svg{ stroke-width: 1.8; } .\[\&_tr\:hover\]\:bg-gray-50\/60 tr:hover{ background-color: rgb(249 250 251 / 0.6); } .\[\&_tr\:last-child\]\:border-0 tr:last-child{ border-width: 0px; } .\[\&_tr\]\:border-b tr{ border-bottom-width: 1px; } .\[\&_tr\]\:border-gray-100 tr{ --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } .\[\&_tr\]\:bg-gray-50\/60 tr{ background-color: rgb(249 250 251 / 0.6); } .\[\&_tr\]\:text-\[11px\] tr{ font-size: 11px; } .\[\&_tr\]\:font-bold tr{ font-weight: 700; } .\[\&_tr\]\:uppercase tr{ text-transform: uppercase; } .\[\&_tr\]\:tracking-\[0\.12em\] tr{ letter-spacing: 0.12em; } .\[\&_tr\]\:text-gray-400 tr{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{ right: -0.5rem; } [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{ cursor: e-resize; } [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{ left: -0.5rem; } [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{ cursor: w-resize; } a.\[a\&\]\:hover\:bg-accent:hover{ background-color: var(--accent); } a.\[a\&\]\:hover\:text-accent-foreground:hover{ color: var(--accent-foreground); }