:root, html.p-theme-light {
color-scheme: 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;
--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, 225, 1);
--p-color-bg-surface-success-hover: rgba(180, 254, 210, 1);
--p-color-bg-surface-success-active: rgba(146, 254, 194, 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, 233, 232, 1);
--p-color-bg-surface-critical-hover: rgba(254, 226, 225, 1);
--p-color-bg-surface-critical-active: rgba(254, 218, 217, 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-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(41, 132, 90, 1);
--p-color-bg-fill-success-hover: rgba(19, 111, 69, 1);
--p-color-bg-fill-success-active: rgba(12, 81, 50, 1);
--p-color-bg-fill-success-secondary: rgba(180, 254, 210, 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(229, 28, 0, 1);
--p-color-bg-fill-critical-hover: rgba(181, 38, 11, 1);
--p-color-bg-fill-critical-active: rgba(142, 31, 11, 1);
--p-color-bg-fill-critical-selected: rgba(142, 31, 11, 1);
--p-color-bg-fill-critical-secondary: rgba(254, 211, 209, 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(12, 81, 50, 1);
--p-color-text-success-hover: rgba(8, 61, 37, 1);
--p-color-text-success-active: rgba(9, 42, 27, 1);
--p-color-text-success-secondary: rgba(41, 132, 90, 1);
--p-color-text-success-on-bg-fill: rgba(248, 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, 31, 11, 1);
--p-color-text-critical-hover: rgba(95, 21, 7, 1);
--p-color-text-critical-active: rgba(47, 10, 4, 1);
--p-color-text-critical-secondary: rgba(229, 28, 0, 1);
--p-color-text-critical-on-bg-fill: rgba(255, 251, 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, 254, 194, 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, 195, 193, 1);
--p-color-border-critical-secondary: rgba(142, 31, 11, 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-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(41, 132, 90, 1);
--p-color-icon-caution: rgba(153, 138, 0, 1);
--p-color-icon-warning: rgba(178, 132, 0, 1);
--p-color-icon-critical: rgba(239, 77, 47, 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(56, 250, 163, 1);
--p-color-avatar-two-text-on-bg-fill: rgba(12, 81, 50, 1);
--p-color-backdrop-bg: rgba(0, 0, 0, 0.71);
--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(227, 227, 227, 1);
--p-color-nav-bg-surface-active: rgba(227, 227, 227, 1);
--p-color-nav-bg-surface-selected: rgba(227, 227, 227, 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-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-500: 1.25rem;
--p-font-size-600: 1.5rem;
--p-font-size-750: 1.875rem;
--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 #E3E3E3 inset, 0.0625rem 0rem 0rem 0rem #E3E3E3 inset, -0.0625rem 0rem 0rem 0rem #E3E3E3 inset, 0rem -0.0625rem 0rem 0rem #B5B5B5 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: 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-primary: 0rem 0.125rem 0rem 0rem rgba(255, 255, 255, 0.2) inset, 0.125rem 0rem 0rem 0rem rgba(255, 255, 255, 0.2) inset, -0.125rem 0rem 0rem 0rem rgba(255, 255, 255, 0.2) inset, 0rem -0.0625rem 0rem 0.0625rem #000 inset, 0rem 0.0625rem 0rem 0rem #000 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 #000 inset;
--p-shadow-button-primary-critical: 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-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: 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.60) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.20) inset, -0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.20) inset;
--p-shadow-button-primary-success: 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-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: 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.60) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.20) inset, -0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.20) 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-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;
}
html.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;
}
@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;
}
}
.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--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--headingSm {
font-weight: var(--p-text-heading-sm-font-weight);
font-size: var(--p-text-heading-sm-font-size);
line-height: var(--p-text-heading-sm-font-line-height);
}
.Polaris-Text--headingMd {
font-size: var(--p-text-heading-md-font-size);
line-height: var(--p-text-heading-md-font-line-height);
font-weight: var(--p-text-heading-md-font-weight);
}
.Polaris-Text--headingLg {
font-size: var(--p-font-size-500);
line-height: var(--p-font-line-height-600);
font-weight: var(--p-font-weight-semibold);
}
@media (min-width: 48em) {
.Polaris-Text--headingLg {
font-size: var(--p-text-heading-lg-font-size);
line-height: var(--p-text-heading-lg-font-line-height);
}
}
.Polaris-Text--headingXl {
font-size: var(--p-font-size-500);
line-height: var(--p-font-line-height-600);
font-weight: var(--p-font-weight-bold);
}
@media (min-width: 48em) {
.Polaris-Text--headingXl {
font-size: var(--p-text-heading-xl-font-size);
line-height: var(--p-text-heading-xl-font-line-height);
}
}
.Polaris-Text--heading2xl {
font-size: var(--p-font-size-600);
line-height: var(--p-font-line-height-800);
font-weight: var(--p-font-weight-bold);
}
@media (min-width: 48em) {
.Polaris-Text--heading2xl {
font-size: var(--p-text-heading-2xl-font-size);
line-height: var(--p-text-heading-2xl-font-line-height);
}
}
.Polaris-Text--heading3xl {
font-size: var(--p-font-size-750);
line-height: var(--p-font-line-height-1000);
font-weight: var(--p-font-weight-bold);
}
@media (min-width: 48em) {
.Polaris-Text--heading3xl {
font-size: var(--p-text-heading-3xl-font-size);
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);
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);
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);
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);
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 {
-webkit-text-decoration-line: 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;
}
/* stylelint-enable -- selector-max-combinators */
.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;
}
.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);
}
@media (min-width: 48em) {
.Polaris-Navigation__PrimaryNavigation {
padding-top: var(--p-space-400);
}
}
.Polaris-Navigation__PrimaryNavigation:focus {
outline: none;
}
.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) { /* stylelint-disable-next-line polaris/border/polaris/at-rule-disallowed-list -- override focus ring */
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;
}
@media (min-width: 48em) {
.Polaris-Navigation__Item {
font-size: var(--p-font-size-400);
font-weight: var(--p-font-weight-medium);
line-height: var(--p-font-line-height-800);
}
}
.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);
}
.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:active.Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover .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);
letter-spacing: var(--pc-navigation-letter-spacing-medium);
}
.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:is(:hover, :focus-visible, :focus-within).Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover .Polaris-Navigation__SecondaryActions {
background: var(--p-color-nav-bg-surface-selected);
}
.Polaris-Navigation__ItemInnerWrapper--selected:is(:hover, :focus-visible, :focus-within).Polaris-Navigation--itemInnerWrapperDisplayActionsOnHover .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 {
font-weight: var(--p-font-weight-semibold);
color: var(--p-color-text);
outline: var(--p-border-width-025) solid transparent;
position: relative;
}
.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 .Polaris-Navigation__Text {
font-weight: var(--p-font-weight-semibold);
}
.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;
}
@media (min-width: 48em) {
.Polaris-Navigation__Item--selected {
font-weight: var(--p-font-weight-medium);
}
}
.Polaris-Navigation--itemChildActive .Polaris-Navigation__Text {
font-weight: var(--p-font-weight-medium);
}
.Polaris-Navigation--itemChildActive::before { /* Currently open - nib */
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: 1.75rem;
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;
}
}
.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;
font-size: var(--p-font-size-350);
font-weight: var(--p-font-weight-medium);
line-height: var(--p-font-line-height-500);
margin-top: var(--p-space-200);
margin-bottom: var(--p-space-200);
}
@media (min-width: 48em) {
.Polaris-Navigation__Text {
font-size: var(--p-font-size-400);
line-height: var(--p-font-line-height-500);
margin-top: var(--p-space-100);
margin-bottom: var(--p-space-100);
}
}
@media (min-width: 20.625em) {
.Polaris-Navigation__Text {
font-size: var(--p-font-size-400);
line-height: var(--p-font-line-height-500);
margin-top: var(--p-space-100);
margin-bottom: var(--p-space-100);
}
}
@media (min-width: 65em) {
.Polaris-Navigation__Text {
font-size: var(--p-font-size-500);
line-height: var(--p-font-line-height-600);
margin-top: var(--p-space-100);
margin-bottom: var(--p-space-100);
}
}
@media (min-width: 90em) {
.Polaris-Navigation__Text {
font-size: var(--p-font-size-600);
line-height: var(--p-font-line-height-700);
margin-top: var(--p-space-100);
margin-bottom: var(--p-space-100);
}
}
@media (min-width: 120em) {
.Polaris-Navigation__Text {
font-size: var(--p-font-size-600);
line-height: var(--p-font-line-height-750);
margin-top: var(--p-space-100);
margin-bottom: var(--p-space-100);
}
}
@media (min-width: 150em) {
.Polaris-Navigation__Text {
font-size: var(--p-font-size-600);
line-height: var(--p-font-line-height-800);
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(nav(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: 1.75rem;
}
}
.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 {
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;
position: relative;
}
.Polaris-Navigation__SecondaryAction:focus-visible:not(:active) { /* stylelint-disable-next-line polaris/border/polaris/at-rule-disallowed-list -- override focus ring mixin */
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::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 {
font-size: 0.9375rem;
font-weight: var(--p-font-weight-regular);
line-height: 2.5rem;
color: var(--p-color-text-secondary);
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: 1.75rem;
border-radius: 0;
opacity: 0;
transition: opacity var(--p-motion-duration-150) var(--p-motion-ease-out);
}
.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:hover .Polaris-Navigation__Text {
font-weight: var(--p-font-weight-medium);
letter-spacing: var(--pc-navigation-letter-spacing-medium);
}
.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);
}
@media (min-width: 48em) {
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item {
font-size: var(--p-font-size-350);
line-height: 1;
}
}
.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Text {
margin-top: var(--p-space-100);
margin-bottom: var(--p-space-100);
font-weight: var(--p-font-weight-regular);
line-height: var(--p-space-500);
}
.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 .Polaris-Navigation__Text {
font-weight: var(--p-font-weight-semibold) !important;
}
.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 {
font-weight: var(--p-font-weight-medium);
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; /* Gray line icon */
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%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; /* Gray pointer icon */
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; /* Light gray line icon */
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; /* Light gray pointer icon */
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; /* Currently selected below, currently hovering - line */
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; /* Currently selected below, currently hovering - arrow */
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; /* Currently selected with line that goes to currently hovered - pointer */
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; /* Currently selected with line that goes to currently hovered - line */
}
.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 {
text-transform: none;
display: flex;
align-items: center;
padding-left: var(--p-space-500);
padding-right: var(--p-space-100);
}
.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 (max-width: 47.9975em) {
.Polaris-Navigation__SectionHeading > :first-child {
font-size: var(--p-font-size-350);
line-height: var(--p-font-line-height-500);
}
}
@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));
margin-right: calc(var(--p-space-200) + var(--p-space-050));
padding: calc(var(--p-space-100) - var(--p-space-050));
border-radius: var(--p-border-radius-200);
position: relative;
}
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus {
outline: none;
}
.Polaris-Navigation__SectionHeading .Polaris-Navigation__Action:focus-visible:not(:active) { /* stylelint-disable-next-line polaris/border/polaris/at-rule-disallowed-list -- remove focus ring mixin */
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::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 {
font-weight: var(--p-font-weight-regular);
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-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--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--headingSm {
font-weight: var(--p-text-heading-sm-font-weight);
font-size: var(--p-text-heading-sm-font-size);
line-height: var(--p-text-heading-sm-font-line-height);
}
.Polaris-Text--headingMd {
font-size: var(--p-text-heading-md-font-size);
line-height: var(--p-text-heading-md-font-line-height);
font-weight: var(--p-text-heading-md-font-weight);
}
.Polaris-Text--headingLg {
font-size: var(--p-font-size-500);
line-height: var(--p-font-line-height-600);
font-weight: var(--p-font-weight-semibold);
}
@media (min-width: 48em) {
.Polaris-Text--headingLg {
font-size: var(--p-text-heading-lg-font-size);
line-height: var(--p-text-heading-lg-font-line-height);
}
}
.Polaris-Text--headingXl {
font-size: var(--p-font-size-500);
line-height: var(--p-font-line-height-600);
font-weight: var(--p-font-weight-bold);
}
@media (min-width: 48em) {
.Polaris-Text--headingXl {
font-size: var(--p-text-heading-xl-font-size);
line-height: var(--p-text-heading-xl-font-line-height);
}
}
.Polaris-Text--heading2xl {
font-size: var(--p-font-size-600);
line-height: var(--p-font-line-height-800);
font-weight: var(--p-font-weight-bold);
}
@media (min-width: 48em) {
.Polaris-Text--heading2xl {
font-size: var(--p-text-heading-2xl-font-size);
line-height: var(--p-text-heading-2xl-font-line-height);
}
}
.Polaris-Text--heading3xl {
font-size: var(--p-font-size-750);
line-height: var(--p-font-line-height-1000);
font-weight: var(--p-font-weight-bold);
}
@media (min-width: 48em) {
.Polaris-Text--heading3xl {
font-size: var(--p-text-heading-3xl-font-size);
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);
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);
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);
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);
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 {
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
.Polaris-Icon1 {
display: block;
height: 1.25rem;
width: 1.25rem;
max-height: 100%;
max-width: 100%;
margin: auto;
}
.Polaris-Icon1 svg {
fill: currentColor;
}
.Polaris-Icon1--toneInherit svg {
color: inherit;
}
.Polaris-Icon1--toneBase svg {
color: var(--p-color-icon);
}
.Polaris-Icon1--toneSubdued svg {
color: var(--p-color-icon-secondary);
}
.Polaris-Icon1--toneCaution svg {
color: var(--p-color-icon-caution);
}
.Polaris-Icon1--toneWarning svg {
color: var(--p-color-icon-warning);
}
.Polaris-Icon1--toneCritical svg {
color: var(--p-color-icon-critical);
}
.Polaris-Icon1--toneInteractive svg {
color: var(--p-color-icon-emphasis);
}
.Polaris-Icon1--toneInfo svg {
color: var(--p-color-icon-info);
}
.Polaris-Icon1--toneSuccess svg {
color: var(--p-color-icon-success);
}
.Polaris-Icon1--tonePrimary svg {
color: var(--p-color-icon-brand);
}
.Polaris-Icon1--toneEmphasis svg {
color: var(--p-color-icon-emphasis);
}
.Polaris-Icon1--toneMagic svg {
color: var(--p-color-icon-magic);
}
.Polaris-Icon1--toneTextCaution svg {
color: var(--p-color-text-caution);
}
.Polaris-Icon1--toneTextWarning svg {
color: var(--p-color-text-warning);
}
.Polaris-Icon1--toneTextCritical svg {
color: var(--p-color-text-critical);
}
.Polaris-Icon1--toneTextInfo svg {
color: var(--p-color-text-info);
}
.Polaris-Icon1--toneTextPrimary svg {
color: var(--p-color-text-brand);
}
.Polaris-Icon1--toneTextSuccess svg {
color: var(--p-color-text-success);
}
.Polaris-Icon1--toneTextMagic svg {
color: var(--p-color-text-magic);
}
.Polaris-Icon1__Svg, .Polaris-Icon1__Img {
position: relative;
display: block;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.Polaris-Icon1__Placeholder {
padding-bottom: 100%;
background: var(--p-color-bg-fill-tertiary);
border-radius: var(--p-border-radius-100);
}
.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 h2, .Polaris-LegacyCard h3 {
font-size: var(--p-font-size-325);
}
.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 {
box-shadow: none;
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;
}
}
@media print {
.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;
}
}
@media print {
.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-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;
}