: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, 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-tooltip-tail-down-border-experimental:rgba(212, 212, 212, 1);--p-color-tooltip-tail-up-border-experimental:rgba(227, 227, 227, 1);--p-color-border-gradient-experimental:linear-gradient(to bottom, rgba(235, 235, 235, 1), rgba(204, 204, 204, 1) 78%, rgba(181, 181, 181, 1));--p-color-border-gradient-hover-experimental:linear-gradient(to bottom, rgba(235, 235, 235, 1), rgba(204, 204, 204, 1) 78%, rgba(181, 181, 181, 1));--p-color-border-gradient-selected-experimental:linear-gradient(to bottom, rgba(235, 235, 235, 1), rgba(204, 204, 204, 1) 78%, rgba(181, 181, 181, 1));--p-color-border-gradient-active-experimental:linear-gradient(to bottom, rgba(235, 235, 235, 1), rgba(204, 204, 204, 1) 78%, rgba(181, 181, 181, 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-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-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(138, 138, 138, 1);--p-color-text:rgba(227, 227, 227, 1);--p-color-text-secondary:rgba(181, 181, 181, 1);--p-color-bg-surface-secondary-active:rgba(97, 97, 97, 1);--p-color-bg-surface-secondary-hover:rgba(74, 74, 74, 1);--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(74, 74, 74, 1);--p-color-bg-fill-transparent-hover:rgba(255, 255, 255, 0.17);--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.28);--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.20);--p-color-bg-fill-brand-active:rgba(247, 247, 247, 1);--p-color-bg-surface-brand-selected:rgba(74, 74, 74, 1);--p-color-border-secondary:rgba(97, 97, 97, 1);--p-color-tooltip-tail-down-border-experimental:rgba(60, 60, 60, 1);--p-color-tooltip-tail-up-border-experimental:rgba(71, 71, 71, 1);--p-color-border-gradient-experimental:linear-gradient(to bottom, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.03));--p-color-border-gradient-hover-experimental:linear-gradient(to bottom, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.03));--p-color-border-gradient-selected-experimental:linear-gradient(to bottom, rgba(0, 0, 0, 0.20), rgba(255, 255, 255, 0.20));--p-color-border-gradient-active-experimental:linear-gradient(to bottom, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.03));--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:'12.27.0'; --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); } 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%; 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{ -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; } .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{ display:block; 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{ display:none; visibility:hidden; opacity: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-325); font-weight:var(--p-font-weight-regular); 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-325); font-weight:var(--p-font-weight-regular); line-height:var(--p-font-line-height-500); 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; } .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-200) var(--p-motion-ease-in-out), opacity var(--p-motion-duration-200) var(--p-motion-ease-in-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; color:inherit; cursor:pointer; 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); position:relative; margin:var(--pc-tooltip-overlay-offset) var(--p-space-100) var(--p-space-100); opacity:1; box-shadow:var(--p-shadow-400); border-radius:var(--pc-tooltip-border-radius); 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{ position: relative;; 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{ 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-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-400); 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-200)); } .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); } .Polaris-RadioButton__Backdrop::after{ 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; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:max-height; 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; overflow:visible; display:block; } } .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; cursor:pointer; position: relative; 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 auto; } .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; } } @media (min-width: 48em){ .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__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); } } @media (--p-breakpoints-md-up) and print{ .Polaris-Frame--hasNav .Polaris-Frame__Main{ padding-left:0; } } @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__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)); 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{ position: relative; position:relative; 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); color:var(--p-color-text); 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; } } @media (max-width: 47.9975em){ .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{ position: relative; -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; color:inherit; cursor:pointer; 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; border:none; font-size:inherit; line-height:inherit; color:inherit; cursor:pointer; 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; 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__LoadingContainer--enter{ opacity:0; transform:translateY(-100%); } .Polaris-IndexTable--loadingContainerEnterActive{ opacity:1; transition:opacity var(--p-motion-duration-100) var(--p-motion-ease-out), transform var(--p-motion-duration-100) var(--p-motion-ease-out); transform:translateY(0); } .Polaris-IndexTable__LoadingContainer--exit{ opacity:1; transform:translateY(0); } .Polaris-IndexTable--loadingContainerExitActive{ 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); } .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); } .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); --pc-index-table-checkbox-offset-left:var(--p-space-300); --pc-index-table-checkbox-offset-right: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); } .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__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); } } @media (min-width: 30.625em){ .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)); } } @media (min-width: 30.625em){ .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); } } @media (min-width: 30.625em){ .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; } } @media (min-width: 48em){ .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__TableCellContentContainer{ display:flex; align-items:center; } .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; 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; cursor:pointer; 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; color:inherit; cursor:pointer; 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{ -webkit-text-decoration-color:var(--p-color-border-tertiary); 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: 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; margin:0; 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; 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{ 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; color: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; } .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; } .Polaris-RangeSlider-SingleThumb__Input::-ms-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::-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; } .Polaris-RangeSlider-SingleThumb--disabled .Polaris-RangeSlider-SingleThumb__Input::-ms-track { 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); } .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-325); font-weight:var(--p-font-weight-regular); line-height:var(--p-font-line-height-500); 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); } .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; } } @media (min-width: 48em){ .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; cursor:pointer; position: relative; 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;; }