UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

881 lines (716 loc) • 499 kB
@charset "UTF-8"; :root,.p-theme-light{--p-border-radius-0:0rem;--p-border-radius-050:0.125rem;--p-border-radius-100:0.25rem;--p-border-radius-150:0.375rem;--p-border-radius-200:0.5rem;--p-border-radius-300:0.75rem;--p-border-radius-400:1rem;--p-border-radius-500:1.25rem;--p-border-radius-750:1.875rem;--p-border-radius-full:624.9375rem;--p-border-width-0:0rem;--p-border-width-0165:0.04125rem;--p-border-width-025:0.0625rem;--p-border-width-050:0.125rem;--p-border-width-100:0.25rem;--p-breakpoints-xs:0rem;--p-breakpoints-sm:30.625rem;--p-breakpoints-md:48rem;--p-breakpoints-lg:65rem;--p-breakpoints-xl:90rem;color-scheme:light;--p-color-bg:rgba(241, 241, 241, 1);--p-color-bg-inverse:rgba(26, 26, 26, 1);--p-color-bg-surface:rgba(255, 255, 255, 1);--p-color-bg-surface-hover:rgba(247, 247, 247, 1);--p-color-bg-surface-active:rgba(243, 243, 243, 1);--p-color-bg-surface-selected:rgba(241, 241, 241, 1);--p-color-bg-surface-disabled:rgba(0, 0, 0, 0.05);--p-color-bg-surface-secondary:rgba(247, 247, 247, 1);--p-color-bg-surface-secondary-hover:rgba(241, 241, 241, 1);--p-color-bg-surface-secondary-active:rgba(235, 235, 235, 1);--p-color-bg-surface-secondary-selected:rgba(235, 235, 235, 1);--p-color-bg-surface-tertiary:rgba(243, 243, 243, 1);--p-color-bg-surface-tertiary-hover:rgba(235, 235, 235, 1);--p-color-bg-surface-tertiary-active:rgba(227, 227, 227, 1);--p-color-bg-surface-brand:rgba(227, 227, 227, 1);--p-color-bg-surface-brand-hover:rgba(235, 235, 235, 1);--p-color-bg-surface-brand-active:rgba(241, 241, 241, 1);--p-color-bg-surface-brand-selected:rgba(241, 241, 241, 1);--p-color-bg-surface-info:rgba(234, 244, 255, 1);--p-color-bg-surface-info-hover:rgba(224, 240, 255, 1);--p-color-bg-surface-info-active:rgba(202, 230, 255, 1);--p-color-bg-surface-success:rgba(205, 254, 212, 1);--p-color-bg-surface-success-hover:rgba(175, 254, 191, 1);--p-color-bg-surface-success-active:rgba(146, 252, 172, 1);--p-color-bg-surface-caution:rgba(255, 248, 219, 1);--p-color-bg-surface-caution-hover:rgba(255, 244, 191, 1);--p-color-bg-surface-caution-active:rgba(255, 239, 157, 1);--p-color-bg-surface-warning:rgba(255, 241, 227, 1);--p-color-bg-surface-warning-hover:rgba(255, 235, 213, 1);--p-color-bg-surface-warning-active:rgba(255, 228, 198, 1);--p-color-bg-surface-critical:rgba(254, 232, 235, 1);--p-color-bg-surface-critical-hover:rgba(254, 225, 230, 1);--p-color-bg-surface-critical-active:rgba(254, 217, 223, 1);--p-color-bg-surface-emphasis:rgba(240, 242, 255, 1);--p-color-bg-surface-emphasis-hover:rgba(234, 237, 255, 1);--p-color-bg-surface-emphasis-active:rgba(226, 231, 255, 1);--p-color-bg-surface-magic:rgba(248, 247, 255, 1);--p-color-bg-surface-magic-hover:rgba(243, 241, 255, 1);--p-color-bg-surface-magic-active:rgba(233, 229, 255, 1);--p-color-bg-surface-inverse:rgba(48, 48, 48, 1);--p-color-bg-surface-transparent:rgba(0, 0, 0, 0);--p-color-bg-fill:rgba(255, 255, 255, 1);--p-color-bg-fill-hover:rgba(250, 250, 250, 1);--p-color-bg-fill-active:rgba(247, 247, 247, 1);--p-color-bg-fill-selected:rgba(204, 204, 204, 1);--p-color-bg-fill-disabled:rgba(0, 0, 0, 0.05);--p-color-bg-fill-secondary:rgba(241, 241, 241, 1);--p-color-bg-fill-secondary-hover:rgba(235, 235, 235, 1);--p-color-bg-fill-secondary-active:rgba(227, 227, 227, 1);--p-color-bg-fill-secondary-selected:rgba(227, 227, 227, 1);--p-color-bg-fill-tertiary:rgba(227, 227, 227, 1);--p-color-bg-fill-tertiary-hover:rgba(212, 212, 212, 1);--p-color-bg-fill-tertiary-active:rgba(204, 204, 204, 1);--p-color-bg-fill-brand:rgba(48, 48, 48, 1);--p-color-bg-fill-brand-hover:rgba(26, 26, 26, 1);--p-color-bg-fill-brand-active:rgba(26, 26, 26, 1);--p-color-bg-fill-brand-selected:rgba(48, 48, 48, 1);--p-color-bg-fill-brand-disabled:rgba(0, 0, 0, 0.17);--p-color-bg-fill-info:rgba(145, 208, 255, 1);--p-color-bg-fill-info-hover:rgba(81, 192, 255, 1);--p-color-bg-fill-info-active:rgba(0, 148, 213, 1);--p-color-bg-fill-info-secondary:rgba(213, 235, 255, 1);--p-color-bg-fill-success:rgba(4, 123, 93, 1);--p-color-bg-fill-success-hover:rgba(3, 94, 76, 1);--p-color-bg-fill-success-active:rgba(1, 75, 64, 1);--p-color-bg-fill-success-secondary:rgba(175, 254, 191, 1);--p-color-bg-fill-warning:rgba(255, 184, 0, 1);--p-color-bg-fill-warning-hover:rgba(229, 165, 0, 1);--p-color-bg-fill-warning-active:rgba(178, 132, 0, 1);--p-color-bg-fill-warning-secondary:rgba(255, 214, 164, 1);--p-color-bg-fill-caution:rgba(255, 230, 0, 1);--p-color-bg-fill-caution-hover:rgba(234, 211, 0, 1);--p-color-bg-fill-caution-active:rgba(225, 203, 0, 1);--p-color-bg-fill-caution-secondary:rgba(255, 235, 120, 1);--p-color-bg-fill-critical:rgba(199, 10, 36, 1);--p-color-bg-fill-critical-hover:rgba(163, 10, 36, 1);--p-color-bg-fill-critical-active:rgba(142, 11, 33, 1);--p-color-bg-fill-critical-selected:rgba(142, 11, 33, 1);--p-color-bg-fill-critical-secondary:rgba(254, 209, 215, 1);--p-color-bg-fill-emphasis:rgba(0, 91, 211, 1);--p-color-bg-fill-emphasis-hover:rgba(0, 66, 153, 1);--p-color-bg-fill-emphasis-active:rgba(0, 46, 106, 1);--p-color-bg-fill-magic:rgba(128, 81, 255, 1);--p-color-bg-fill-magic-secondary:rgba(233, 229, 255, 1);--p-color-bg-fill-magic-secondary-hover:rgba(228, 222, 255, 1);--p-color-bg-fill-magic-secondary-active:rgba(223, 217, 255, 1);--p-color-bg-fill-inverse:rgba(48, 48, 48, 1);--p-color-bg-fill-inverse-hover:rgba(74, 74, 74, 1);--p-color-bg-fill-inverse-active:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent:rgba(0, 0, 0, 0.02);--p-color-bg-fill-transparent-hover:rgba(0, 0, 0, 0.05);--p-color-bg-fill-transparent-active:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-selected:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-secondary:rgba(0, 0, 0, 0.06);--p-color-bg-fill-transparent-secondary-hover:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-secondary-active:rgba(0, 0, 0, 0.11);--p-color-text:rgba(48, 48, 48, 1);--p-color-text-secondary:rgba(97, 97, 97, 1);--p-color-text-disabled:rgba(181, 181, 181, 1);--p-color-text-link:rgba(0, 91, 211, 1);--p-color-text-link-hover:rgba(0, 66, 153, 1);--p-color-text-link-active:rgba(0, 46, 106, 1);--p-color-text-brand:rgba(74, 74, 74, 1);--p-color-text-brand-hover:rgba(48, 48, 48, 1);--p-color-text-brand-on-bg-fill:rgba(255, 255, 255, 1);--p-color-text-brand-on-bg-fill-hover:rgba(227, 227, 227, 1);--p-color-text-brand-on-bg-fill-active:rgba(204, 204, 204, 1);--p-color-text-brand-on-bg-fill-disabled:rgba(255, 255, 255, 1);--p-color-text-info:rgba(0, 58, 90, 1);--p-color-text-info-hover:rgba(0, 58, 90, 1);--p-color-text-info-active:rgba(0, 33, 51, 1);--p-color-text-info-secondary:rgba(0, 124, 180, 1);--p-color-text-info-on-bg-fill:rgba(0, 33, 51, 1);--p-color-text-success:rgba(1, 75, 64, 1);--p-color-text-success-hover:rgba(7, 54, 48, 1);--p-color-text-success-active:rgba(2, 38, 34, 1);--p-color-text-success-secondary:rgba(4, 123, 93, 1);--p-color-text-success-on-bg-fill:rgba(250, 255, 251, 1);--p-color-text-caution:rgba(79, 71, 0, 1);--p-color-text-caution-hover:rgba(51, 46, 0, 1);--p-color-text-caution-active:rgba(31, 28, 0, 1);--p-color-text-caution-secondary:rgba(130, 117, 0, 1);--p-color-text-caution-on-bg-fill:rgba(51, 46, 0, 1);--p-color-text-warning:rgba(94, 66, 0, 1);--p-color-text-warning-hover:rgba(65, 45, 0, 1);--p-color-text-warning-active:rgba(37, 26, 0, 1);--p-color-text-warning-secondary:rgba(149, 111, 0, 1);--p-color-text-warning-on-bg-fill:rgba(37, 26, 0, 1);--p-color-text-critical:rgba(142, 11, 33, 1);--p-color-text-critical-hover:rgba(95, 7, 22, 1);--p-color-text-critical-active:rgba(47, 4, 11, 1);--p-color-text-critical-secondary:rgba(199, 10, 36, 1);--p-color-text-critical-on-bg-fill:rgba(255, 250, 251, 1);--p-color-text-emphasis:rgba(0, 91, 211, 1);--p-color-text-emphasis-hover:rgba(0, 66, 153, 1);--p-color-text-emphasis-active:rgba(0, 46, 106, 1);--p-color-text-emphasis-on-bg-fill:rgba(252, 253, 255, 1);--p-color-text-emphasis-on-bg-fill-hover:rgba(226, 231, 255, 1);--p-color-text-emphasis-on-bg-fill-active:rgba(213, 220, 255, 1);--p-color-text-magic:rgba(87, 0, 209, 1);--p-color-text-magic-secondary:rgba(113, 38, 255, 1);--p-color-text-magic-on-bg-fill:rgba(253, 253, 255, 1);--p-color-text-inverse:rgba(227, 227, 227, 1);--p-color-text-inverse-secondary:rgba(181, 181, 181, 1);--p-color-text-link-inverse:rgba(197, 208, 255, 1);--p-color-border:rgba(227, 227, 227, 1);--p-color-border-hover:rgba(204, 204, 204, 1);--p-color-border-disabled:rgba(235, 235, 235, 1);--p-color-border-secondary:rgba(235, 235, 235, 1);--p-color-border-tertiary:rgba(204, 204, 204, 1);--p-color-border-focus:rgba(0, 91, 211, 1);--p-color-border-brand:rgba(227, 227, 227, 1);--p-color-border-info:rgba(168, 216, 255, 1);--p-color-border-success:rgba(146, 252, 172, 1);--p-color-border-caution:rgba(255, 235, 120, 1);--p-color-border-warning:rgba(255, 200, 121, 1);--p-color-border-critical:rgba(254, 193, 199, 1);--p-color-border-critical-secondary:rgba(142, 11, 33, 1);--p-color-border-emphasis:rgba(0, 91, 211, 1);--p-color-border-emphasis-hover:rgba(0, 66, 153, 1);--p-color-border-emphasis-active:rgba(0, 46, 106, 1);--p-color-border-magic:rgba(228, 222, 255, 1);--p-color-border-magic-secondary:rgba(148, 116, 255, 1);--p-color-border-magic-secondary-hover:rgba(128, 81, 255, 1);--p-color-border-inverse:rgba(97, 97, 97, 1);--p-color-border-inverse-hover:rgba(204, 204, 204, 1);--p-color-border-inverse-active:rgba(227, 227, 227, 1);--p-color-tooltip-tail-down-border:rgba(212, 212, 212, 1);--p-color-tooltip-tail-up-border:rgba(227, 227, 227, 1);--p-color-icon:rgba(74, 74, 74, 1);--p-color-icon-hover:rgba(48, 48, 48, 1);--p-color-icon-active:rgba(26, 26, 26, 1);--p-color-icon-disabled:rgba(204, 204, 204, 1);--p-color-icon-secondary:rgba(138, 138, 138, 1);--p-color-icon-secondary-hover:rgba(97, 97, 97, 1);--p-color-icon-secondary-active:rgba(74, 74, 74, 1);--p-color-icon-brand:rgba(26, 26, 26, 1);--p-color-icon-info:rgba(0, 148, 213, 1);--p-color-icon-success:rgba(4, 123, 93, 1);--p-color-icon-caution:rgba(153, 138, 0, 1);--p-color-icon-warning:rgba(178, 132, 0, 1);--p-color-icon-critical:rgba(226, 44, 56, 1);--p-color-icon-emphasis:rgba(0, 91, 211, 1);--p-color-icon-emphasis-hover:rgba(0, 66, 153, 1);--p-color-icon-emphasis-active:rgba(0, 46, 106, 1);--p-color-icon-magic:rgba(128, 81, 255, 1);--p-color-icon-inverse:rgba(227, 227, 227, 1);--p-color-avatar-bg-fill:rgba(181, 181, 181, 1);--p-color-avatar-five-bg-fill:rgba(253, 75, 146, 1);--p-color-avatar-five-text-on-bg-fill:rgba(255, 246, 248, 1);--p-color-avatar-four-bg-fill:rgba(81, 192, 255, 1);--p-color-avatar-four-text-on-bg-fill:rgba(0, 33, 51, 1);--p-color-avatar-one-bg-fill:rgba(197, 48, 197, 1);--p-color-avatar-one-text-on-bg-fill:rgba(253, 239, 253, 1);--p-color-avatar-seven-bg-fill:rgba(148, 116, 255, 1);--p-color-avatar-seven-text-on-bg-fill:rgba(248, 247, 255, 1);--p-color-avatar-six-bg-fill:rgba(37, 232, 43, 1);--p-color-avatar-six-text-on-bg-fill:rgba(3, 61, 5, 1);--p-color-avatar-text-on-bg-fill:rgba(255, 255, 255, 1);--p-color-avatar-three-bg-fill:rgba(44, 224, 212, 1);--p-color-avatar-three-text-on-bg-fill:rgba(3, 60, 57, 1);--p-color-avatar-two-bg-fill:rgba(82, 244, 144, 1);--p-color-avatar-two-text-on-bg-fill:rgba(1, 75, 64, 1);--p-color-backdrop-bg:rgba(0, 0, 0, 0.71);--p-color-button-gradient-bg-fill:linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, rgba(255, 255, 255, 0.15) 100%);--p-color-checkbox-bg-surface-disabled:rgba(0, 0, 0, 0.08);--p-color-checkbox-icon-disabled:rgba(255, 255, 255, 1);--p-color-input-bg-surface:rgba(253, 253, 253, 1);--p-color-input-bg-surface-hover:rgba(250, 250, 250, 1);--p-color-input-bg-surface-active:rgba(247, 247, 247, 1);--p-color-input-border:rgba(138, 138, 138, 1);--p-color-input-border-hover:rgba(97, 97, 97, 1);--p-color-input-border-active:rgba(26, 26, 26, 1);--p-color-nav-bg:rgba(235, 235, 235, 1);--p-color-nav-bg-surface:rgba(0, 0, 0, 0.02);--p-color-nav-bg-surface-hover:rgba(241, 241, 241, 1);--p-color-nav-bg-surface-active:rgba(250, 250, 250, 1);--p-color-nav-bg-surface-selected:rgba(250, 250, 250, 1);--p-color-radio-button-bg-surface-disabled:rgba(0, 0, 0, 0.08);--p-color-radio-button-icon-disabled:rgba(255, 255, 255, 1);--p-color-video-thumbnail-play-button-bg-fill-hover:rgba(0, 0, 0, 0.81);--p-color-video-thumbnail-play-button-bg-fill:rgba(0, 0, 0, 0.71);--p-color-video-thumbnail-play-button-text-on-bg-fill:rgba(255, 255, 255, 1);--p-color-scrollbar-thumb-bg-hover:rgba(138, 138, 138, 1);--p-color-scrollbar-thumb-bg:rgba(181, 181, 181, 1);--p-font-family-sans:'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;--p-font-family-mono:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;--p-font-size-275:0.6875rem;--p-font-size-300:0.75rem;--p-font-size-325:0.8125rem;--p-font-size-350:0.875rem;--p-font-size-400:1rem;--p-font-size-450:1.125rem;--p-font-size-500:1.25rem;--p-font-size-550:1.375rem;--p-font-size-600:1.5rem;--p-font-size-750:1.875rem;--p-font-size-800:2rem;--p-font-size-900:2.25rem;--p-font-size-1000:2.5rem;--p-font-weight-regular:450;--p-font-weight-medium:550;--p-font-weight-semibold:650;--p-font-weight-bold:700;--p-font-letter-spacing-densest:-0.03375rem;--p-font-letter-spacing-denser:-0.01875rem;--p-font-letter-spacing-dense:-0.0125rem;--p-font-letter-spacing-normal:0rem;--p-font-line-height-300:0.75rem;--p-font-line-height-400:1rem;--p-font-line-height-500:1.25rem;--p-font-line-height-600:1.5rem;--p-font-line-height-700:1.75rem;--p-font-line-height-800:2rem;--p-font-line-height-1000:2.5rem;--p-font-line-height-1200:3rem;--p-height-0:0rem;--p-height-025:0.0625rem;--p-height-050:0.125rem;--p-height-100:0.25rem;--p-height-150:0.375rem;--p-height-200:0.5rem;--p-height-300:0.75rem;--p-height-400:1rem;--p-height-500:1.25rem;--p-height-600:1.5rem;--p-height-700:1.75rem;--p-height-800:2rem;--p-height-900:2.25rem;--p-height-1000:2.5rem;--p-height-1200:3rem;--p-height-1600:4rem;--p-height-2000:5rem;--p-height-2400:6rem;--p-height-2800:7rem;--p-height-3200:8rem;--p-motion-duration-0:0ms;--p-motion-duration-50:50ms;--p-motion-duration-100:100ms;--p-motion-duration-150:150ms;--p-motion-duration-200:200ms;--p-motion-duration-250:250ms;--p-motion-duration-300:300ms;--p-motion-duration-350:350ms;--p-motion-duration-400:400ms;--p-motion-duration-450:450ms;--p-motion-duration-500:500ms;--p-motion-duration-5000:5000ms;--p-motion-ease:cubic-bezier(0.25, 0.1, 0.25, 1);--p-motion-ease-in:cubic-bezier(0.42, 0, 1, 1);--p-motion-ease-out:cubic-bezier(0.19, 0.91, 0.38, 1);--p-motion-ease-in-out:cubic-bezier(0.42, 0, 0.58, 1);--p-motion-linear:cubic-bezier(0, 0, 1, 1);--p-motion-keyframes-bounce:p-motion-keyframes-bounce;--p-motion-keyframes-fade-in:p-motion-keyframes-fade-in;--p-motion-keyframes-pulse:p-motion-keyframes-pulse;--p-motion-keyframes-spin:p-motion-keyframes-spin;--p-motion-keyframes-appear-above:p-motion-keyframes-appear-above;--p-motion-keyframes-appear-below:p-motion-keyframes-appear-below;--p-shadow-0:none;--p-shadow-100:0rem 0.0625rem 0rem 0rem rgba(26, 26, 26, 0.07);--p-shadow-200:0rem 0.1875rem 0.0625rem -0.0625rem rgba(26, 26, 26, 0.07);--p-shadow-300:0rem 0.25rem 0.375rem -0.125rem rgba(26, 26, 26, 0.20);--p-shadow-400:0rem 0.5rem 1rem -0.25rem rgba(26, 26, 26, 0.22);--p-shadow-500:0rem 0.75rem 1.25rem -0.5rem rgba(26, 26, 26, 0.24);--p-shadow-600:0rem 1.25rem 1.25rem -0.5rem rgba(26, 26, 26, 0.28);--p-shadow-bevel-100:0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset, -0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset, 0rem -0.0625rem 0rem 0rem rgba(0, 0, 0, 0.17) inset, 0rem 0.0625rem 0rem 0rem rgba(204, 204, 204, 0.5) inset;--p-shadow-inset-100:0rem 0.0625rem 0.125rem 0rem rgba(26, 26, 26, 0.15) inset, 0rem 0.0625rem 0.0625rem 0rem rgba(26, 26, 26, 0.15) inset;--p-shadow-inset-200:0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, 0.20) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.12) inset, -0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.12) inset;--p-shadow-button:0rem -0.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.1) inset, 0rem 0.03125rem 0rem 0.09375rem #FFF inset;--p-shadow-button-hover:0rem 0.0625rem 0rem 0rem #EBEBEB inset, -0.0625rem 0rem 0rem 0rem #EBEBEB inset, 0.0625rem 0rem 0rem 0rem #EBEBEB inset, 0rem -0.0625rem 0rem 0rem #CCC inset;--p-shadow-button-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.122) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.122) inset, 0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, 0.2) inset;--p-shadow-button-primary:0rem -0.0625rem 0rem 0.0625rem rgba(0, 0, 0, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(48, 48, 48, 1) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.25) inset;--p-shadow-button-primary-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.24) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.0625rem 0rem 0rem #000 inset, 0rem -0.0625rem 0rem 0.0625rem #1A1A1A;--p-shadow-button-primary-inset:0rem 0.1875rem 0rem 0rem rgb(0, 0, 0) inset;--p-shadow-button-primary-critical:0rem -0.0625rem 0rem 0.0625rem rgba(142, 31, 11, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(181, 38, 11, 0.8) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.349) inset;--p-shadow-button-primary-critical-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.48) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;--p-shadow-button-primary-critical-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;--p-shadow-button-primary-success:0rem -0.0625rem 0rem 0.0625rem rgba(12, 81, 50, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(19, 111, 69, 0.8) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.251) inset;--p-shadow-button-primary-success-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.48) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;--p-shadow-button-primary-success-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;--p-shadow-border-inset:0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.08) inset;--p-space-0:0rem;--p-space-025:0.0625rem;--p-space-050:0.125rem;--p-space-100:0.25rem;--p-space-150:0.375rem;--p-space-200:0.5rem;--p-space-300:0.75rem;--p-space-400:1rem;--p-space-500:1.25rem;--p-space-600:1.5rem;--p-space-800:2rem;--p-space-1000:2.5rem;--p-space-1200:3rem;--p-space-1600:4rem;--p-space-2000:5rem;--p-space-2400:6rem;--p-space-2800:7rem;--p-space-3200:8rem;--p-space-button-group-gap:var(--p-space-200);--p-space-card-gap:var(--p-space-400);--p-space-card-padding:var(--p-space-400);--p-space-table-cell-padding:var(--p-space-150);--p-text-heading-3xl-font-family:var(--p-font-family-sans);--p-text-heading-3xl-font-size:var(--p-font-size-900);--p-text-heading-3xl-font-weight:var(--p-font-weight-bold);--p-text-heading-3xl-font-letter-spacing:var(--p-font-letter-spacing-densest);--p-text-heading-3xl-font-line-height:var(--p-font-line-height-1200);--p-text-heading-2xl-font-family:var(--p-font-family-sans);--p-text-heading-2xl-font-size:var(--p-font-size-750);--p-text-heading-2xl-font-weight:var(--p-font-weight-bold);--p-text-heading-2xl-font-letter-spacing:var(--p-font-letter-spacing-denser);--p-text-heading-2xl-font-line-height:var(--p-font-line-height-1000);--p-text-heading-xl-font-family:var(--p-font-family-sans);--p-text-heading-xl-font-size:var(--p-font-size-600);--p-text-heading-xl-font-weight:var(--p-font-weight-bold);--p-text-heading-xl-font-letter-spacing:var(--p-font-letter-spacing-dense);--p-text-heading-xl-font-line-height:var(--p-font-line-height-800);--p-text-heading-lg-font-family:var(--p-font-family-sans);--p-text-heading-lg-font-size:var(--p-font-size-500);--p-text-heading-lg-font-weight:var(--p-font-weight-semibold);--p-text-heading-lg-font-letter-spacing:var(--p-font-letter-spacing-dense);--p-text-heading-lg-font-line-height:var(--p-font-line-height-600);--p-text-heading-md-font-family:var(--p-font-family-sans);--p-text-heading-md-font-size:var(--p-font-size-350);--p-text-heading-md-font-weight:var(--p-font-weight-semibold);--p-text-heading-md-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-md-font-line-height:var(--p-font-line-height-500);--p-text-heading-sm-font-family:var(--p-font-family-sans);--p-text-heading-sm-font-size:var(--p-font-size-325);--p-text-heading-sm-font-weight:var(--p-font-weight-semibold);--p-text-heading-sm-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-sm-font-line-height:var(--p-font-line-height-500);--p-text-heading-xs-font-family:var(--p-font-family-sans);--p-text-heading-xs-font-size:var(--p-font-size-300);--p-text-heading-xs-font-weight:var(--p-font-weight-semibold);--p-text-heading-xs-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-xs-font-line-height:var(--p-font-line-height-400);--p-text-body-lg-font-family:var(--p-font-family-sans);--p-text-body-lg-font-size:var(--p-font-size-350);--p-text-body-lg-font-weight:var(--p-font-weight-regular);--p-text-body-lg-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-lg-font-line-height:var(--p-font-line-height-500);--p-text-body-md-font-family:var(--p-font-family-sans);--p-text-body-md-font-size:var(--p-font-size-325);--p-text-body-md-font-weight:var(--p-font-weight-regular);--p-text-body-md-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-md-font-line-height:var(--p-font-line-height-500);--p-text-body-sm-font-family:var(--p-font-family-sans);--p-text-body-sm-font-size:var(--p-font-size-300);--p-text-body-sm-font-weight:var(--p-font-weight-regular);--p-text-body-sm-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-sm-font-line-height:var(--p-font-line-height-400);--p-text-body-xs-font-family:var(--p-font-family-sans);--p-text-body-xs-font-size:var(--p-font-size-275);--p-text-body-xs-font-weight:var(--p-font-weight-regular);--p-text-body-xs-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-xs-font-line-height:var(--p-font-line-height-300);--p-width-0:0rem;--p-width-025:0.0625rem;--p-width-050:0.125rem;--p-width-100:0.25rem;--p-width-150:0.375rem;--p-width-200:0.5rem;--p-width-300:0.75rem;--p-width-400:1rem;--p-width-500:1.25rem;--p-width-600:1.5rem;--p-width-700:1.75rem;--p-width-800:2rem;--p-width-900:2.25rem;--p-width-1000:2.5rem;--p-width-1200:3rem;--p-width-1600:4rem;--p-width-2000:5rem;--p-width-2400:6rem;--p-width-2800:7rem;--p-width-3200:8rem;--p-z-index-0:auto;--p-z-index-1:100;--p-z-index-2:400;--p-z-index-3:510;--p-z-index-4:512;--p-z-index-5:513;--p-z-index-6:514;--p-z-index-7:515;--p-z-index-8:516;--p-z-index-9:517;--p-z-index-10:518;--p-z-index-11:519;--p-z-index-12:520;} .p-theme-light-mobile{--p-color-button-gradient-bg-fill:none;--p-shadow-100:none;--p-shadow-bevel-100:none;--p-shadow-button:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-hover:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-inset:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-primary:none;--p-shadow-button-primary-hover:none;--p-shadow-button-primary-inset:none;--p-shadow-button-primary-critical:none;--p-shadow-button-primary-critical-hover:none;--p-shadow-button-primary-critical-inset:none;--p-shadow-button-primary-success:none;--p-shadow-button-primary-success-hover:none;--p-shadow-button-primary-success-inset:none;--p-space-card-gap:var(--p-space-200);--p-text-heading-2xl-font-size:var(--p-font-size-800);--p-text-heading-xl-font-size:var(--p-font-size-550);--p-text-heading-xl-font-line-height:var(--p-font-line-height-700);--p-text-heading-lg-font-size:var(--p-font-size-450);--p-text-heading-md-font-size:var(--p-font-size-400);--p-text-heading-sm-font-size:var(--p-font-size-350);--p-text-body-lg-font-size:var(--p-font-size-450);--p-text-body-lg-font-line-height:var(--p-font-line-height-700);--p-text-body-md-font-size:var(--p-font-size-400);--p-text-body-md-font-line-height:var(--p-font-line-height-600);--p-text-body-sm-font-size:var(--p-font-size-350);--p-text-body-sm-font-line-height:var(--p-font-line-height-500);--p-text-body-xs-font-size:var(--p-font-size-300);--p-text-body-xs-font-line-height:var(--p-font-line-height-400);} .p-theme-light-high-contrast-experimental{--p-color-text:rgba(26, 26, 26, 1);--p-color-text-secondary:rgba(26, 26, 26, 1);--p-color-text-brand:rgba(26, 26, 26, 1);--p-color-icon-secondary:rgba(74, 74, 74, 1);--p-color-border:rgba(138, 138, 138, 1);--p-color-input-border:rgba(74, 74, 74, 1);--p-color-border-secondary:rgba(138, 138, 138, 1);--p-color-bg-surface-secondary:rgba(241, 241, 241, 1);--p-shadow-bevel-100:0rem 0.0625rem 0rem 0rem rgba(26, 26, 26, 0.07), 0rem 0.0625rem 0rem 0rem rgba(208, 208, 208, 0.40) inset, 0.0625rem 0rem 0rem 0rem #CCC inset, -0.0625rem 0rem 0rem 0rem #CCC inset, 0rem -0.0625rem 0rem 0rem #999 inset;} .p-theme-dark-experimental{color-scheme:dark;--p-color-bg:rgba(26, 26, 26, 1);--p-color-bg-surface:rgba(48, 48, 48, 1);--p-color-bg-fill:rgba(48, 48, 48, 1);--p-color-icon:rgba(227, 227, 227, 1);--p-color-icon-secondary:rgba(181, 181, 181, 1);--p-color-icon-disabled:rgba(74, 74, 74, 1);--p-color-text:rgba(227, 227, 227, 1);--p-color-text-secondary:rgba(181, 181, 181, 1);--p-color-text-disabled:rgba(74, 74, 74, 1);--p-color-bg-surface-secondary-active:rgba(255, 255, 255, 0.14);--p-color-bg-surface-secondary-hover:rgba(255, 255, 255, 0.06);--p-color-bg-fill-transparent:rgba(255, 255, 255, 0.11);--p-color-bg-fill-brand:rgba(255, 255, 255, 1);--p-color-text-brand-on-bg-fill:rgba(48, 48, 48, 1);--p-color-bg-surface-hover:rgba(74, 74, 74, 1);--p-color-bg-fill-hover:rgba(255, 255, 255, 0.05);--p-color-bg-fill-transparent-hover:rgba(255, 255, 255, 0.14);--p-color-bg-fill-brand-hover:rgba(243, 243, 243, 1);--p-color-bg-surface-selected:rgba(97, 97, 97, 1);--p-color-bg-fill-selected:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent-selected:rgba(255, 255, 255, 0.22);--p-color-bg-fill-brand-selected:rgba(212, 212, 212, 1);--p-color-bg-surface-active:rgba(97, 97, 97, 1);--p-color-bg-fill-active:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent-active:rgba(255, 255, 255, 0.17);--p-color-bg-fill-brand-active:rgba(247, 247, 247, 1);--p-color-bg-fill-secondary:rgba(255, 255, 255, 0.08);--p-color-bg-fill-secondary-hover:rgba(255, 255, 255, 0.11);--p-color-bg-fill-secondary-selected:rgba(255, 255, 255, 0.17);--p-color-bg-surface-brand-selected:rgba(74, 74, 74, 1);--p-color-border-secondary:rgba(74, 74, 74, 1);--p-color-bg-surface-tertiary:rgba(255, 255, 255, 0.08);--p-color-icon-brand:rgba(74, 74, 74, 1);--p-color-bg-fill-disabled:rgba(255, 255, 255, 0.05);--p-color-text-brand-on-bg-fill-disabled:rgba(138, 138, 138, 1);--p-color-bg-fill-brand-disabled:rgba(255, 255, 255, 0.22);--p-color-bg-fill-tertiary:rgba(48, 48, 48, 1);--p-color-tooltip-tail-down-border:rgba(60, 60, 60, 1);--p-color-tooltip-tail-up-border:rgba(71, 71, 71, 1);--p-shadow-bevel-100:0.0625rem 0rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, -0.0625rem 0rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, 0rem -0.0625rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, 0rem 0.0625rem 0rem 0rem rgba(204, 204, 204, 0.16) inset;} @keyframes p-motion-keyframes-bounce{ from, 65%, 85%{ transform:scale(1) } 75%{ transform:scale(0.85) } 82.5%{ transform:scale(1.05) } } @keyframes p-motion-keyframes-fade-in{ to{ opacity:1 } } @keyframes p-motion-keyframes-pulse{ from, 75%{ transform:scale(0.85); opacity:1; } to{ transform:scale(2.5); opacity:0; } } @keyframes p-motion-keyframes-spin{ to{ transform:rotate(1turn) } } @keyframes p-motion-keyframes-appear-above{ from{ transform:translateY(var(--p-space-100)); opacity:0; } to{ transform:none; opacity:1; } } @keyframes p-motion-keyframes-appear-below{ from{ transform:translateY(calc(var(--p-space-100)*-1)); opacity:0; } to{ transform:none; opacity:1; } } :root{ --polaris-version-number:'13.9.5'; --pg-navigation-width:15rem; --pg-dangerous-magic-space-4:1rem; --pg-dangerous-magic-space-5:1.25rem; --pg-dangerous-magic-space-8:2rem; --pg-layout-width-primary-min:30rem; --pg-layout-width-primary-max:41.375rem; --pg-layout-width-secondary-min:15rem; --pg-layout-width-secondary-max:20rem; --pg-layout-width-one-half-width-base:28.125rem; --pg-layout-width-one-third-width-base:15rem; --pg-layout-width-nav-base:var(--pg-navigation-width); --pg-layout-width-page-content-partially-condensed:28.125rem; --pg-layout-width-inner-spacing-base:var(--pg-dangerous-magic-space-4); --pg-layout-width-outer-spacing-min:var(--pg-dangerous-magic-space-5); --pg-layout-width-outer-spacing-max:var(--pg-dangerous-magic-space-8); --pg-layout-relative-size:2; --pg-dismiss-icon-size:2rem; --pg-top-bar-height:3.5rem; --pg-mobile-nav-width:calc(100vw - var(--pg-dismiss-icon-size) - var(--pg-dangerous-magic-space-8)); --pg-control-height:2rem; --pg-control-vertical-padding:calc((2.25rem - var(--p-font-line-height-600) - var(--p-space-050))/2); } html, body{ font-size:var(--p-font-size-325); line-height:var(--p-font-line-height-500); font-weight:var(--p-font-weight-regular); font-feature-settings:'calt' 0; letter-spacing:initial; color:var(--p-color-text); -webkit-tap-highlight-color:transparent; } html, body, button{ font-family:var(--p-font-family-sans); } html{ position:relative; font-size:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; text-size-adjust:100%; text-rendering:optimizeLegibility; scrollbar-width:thin; scrollbar-color:var(--p-color-bg) var(--p-color-bg); transition:scrollbar-color var(--p-motion-duration-100) var(--p-motion-ease-in); } html::-webkit-scrollbar{ width:0.6875rem; background-color:var(--p-color-bg); } html::-webkit-scrollbar-thumb{ background-color:var(--p-color-bg); border:var(--p-border-width-050) solid transparent; border-radius:var(--p-border-radius-300); background-clip:content-box; } html:hover{ scrollbar-color:var(--p-color-scrollbar-thumb-bg-hover) var(--p-color-bg); } html:hover::-webkit-scrollbar-thumb{ background-color:var(--p-color-scrollbar-thumb-bg-hover); } @supports (font: -apple-system-body){ @media (max-width: 30.6225em){ html{ font:-apple-system-body; } } } body{ min-height:100%; margin:0; padding:0; background-color:rgba(241, 242, 244, 1); scrollbar-color:var(--p-color-scrollbar-thumb-bg-hover) transparent; } @media print{ body{ background-color:transparent !important; } } *, *::before, *::after{ box-sizing:border-box; } h1, h2, h3, h4, h5, h6, p{ margin:0; font-size:1em; font-weight:var(--p-font-weight-regular); } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner{ border-style:none; } html[class~='Polaris-Safari-16-Font-Optical-Sizing-Patch']{ font-variation-settings:'opsz' 14; } .Polaris-Avatar{ --pc-avatar-xs-size:1.25rem; --pc-avatar-sm-size:1.5rem; --pc-avatar-md-size:1.75rem; --pc-avatar-lg-size:2rem; --pc-avatar-xl-size:2.5rem; position:relative; display:block; overflow:hidden; min-width:var(--pc-avatar-xs-size); max-width:100%; background:var(--p-color-avatar-bg-fill); color:var(--p-color-avatar-text-on-bg-fill); -webkit-user-select:none; user-select:none; } .Polaris-Avatar.Polaris-Avatar--imageHasLoaded{ background:transparent; } @media (forced-colors: active){ .Polaris-Avatar{ border:var(--p-border-width-025) solid transparent; } } .Polaris-Avatar::after{ content:''; display:block; padding-bottom:100%; } .Polaris-Avatar__Text{ font-size:var(--p-font-size-400); font-weight:var(--p-font-weight-regular); } .Polaris-Avatar__Text.Polaris-Avatar--long{ font-size:var(--p-font-size-300); } .Polaris-Avatar--hidden{ visibility:hidden; } .Polaris-Avatar--sizeXs{ width:var(--pc-avatar-xs-size); border-radius:0.25rem; } .Polaris-Avatar--sizeSm{ width:var(--pc-avatar-sm-size); border-radius:0.375rem; } .Polaris-Avatar--sizeMd{ width:var(--pc-avatar-md-size); border-radius:0.375rem; } .Polaris-Avatar--sizeLg{ width:var(--pc-avatar-lg-size); border-radius:0.5rem; } .Polaris-Avatar--sizeXl{ width:var(--pc-avatar-xl-size); border-radius:0.5rem; } .Polaris-Avatar--styleOne{ background:var(--p-color-avatar-one-bg-fill); color:var(--p-color-avatar-one-text-on-bg-fill); } .Polaris-Avatar--styleOne svg, .Polaris-Avatar--styleOne text{ color:var(--p-color-avatar-one-text-on-bg-fill); } .Polaris-Avatar--styleTwo{ background:var(--p-color-avatar-two-bg-fill); color:var(--p-color-avatar-two-text-on-bg-fill); } .Polaris-Avatar--styleTwo svg, .Polaris-Avatar--styleTwo text{ color:var(--p-color-avatar-two-text-on-bg-fill); } .Polaris-Avatar--styleThree{ background:var(--p-color-avatar-three-bg-fill); color:var(--p-color-avatar-three-text-on-bg-fill); } .Polaris-Avatar--styleThree svg, .Polaris-Avatar--styleThree text{ color:var(--p-color-avatar-three-text-on-bg-fill); } .Polaris-Avatar--styleFour{ background:var(--p-color-avatar-four-bg-fill); color:var(--p-color-avatar-four-text-on-bg-fill); } .Polaris-Avatar--styleFour svg, .Polaris-Avatar--styleFour text{ color:var(--p-color-avatar-four-text-on-bg-fill); } .Polaris-Avatar--styleFive{ background:var(--p-color-avatar-five-bg-fill); color:var(--p-color-avatar-five-text-on-bg-fill); } .Polaris-Avatar--styleFive svg, .Polaris-Avatar--styleFive text{ color:var(--p-color-avatar-five-text-on-bg-fill); } .Polaris-Avatar--styleSix{ background:var(--p-color-avatar-six-bg-fill); color:var(--p-color-avatar-six-text-on-bg-fill); } .Polaris-Avatar--styleSix svg, .Polaris-Avatar--styleSix text{ color:var(--p-color-avatar-six-text-on-bg-fill); } .Polaris-Avatar--styleSeven{ background:var(--p-color-avatar-seven-bg-fill); color:var(--p-color-avatar-seven-text-on-bg-fill); } .Polaris-Avatar--styleSeven svg, .Polaris-Avatar--styleSeven text{ color:var(--p-color-avatar-seven-text-on-bg-fill); } .Polaris-Avatar--imageHasLoaded{ background:transparent; } .Polaris-Avatar__Image{ position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:inherit; transform:translate(-50%, -50%); object-fit:cover; } .Polaris-Avatar__Initials{ position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; } .Polaris-Avatar__Svg{ width:100%; height:100%; } .Polaris-Text--root{ margin:0; text-align:inherit; } .Polaris-Text--block{ display:block; } .Polaris-Text--truncate{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .Polaris-Text--visuallyHidden{ position: absolute !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .Polaris-Text--start{ text-align:start; } .Polaris-Text--center{ text-align:center; } .Polaris-Text--end{ text-align:end; } .Polaris-Text--justify{ text-align:justify; } .Polaris-Text--base{ color:var(--p-color-text); } .Polaris-Text--inherit{ color:inherit; } .Polaris-Text--disabled{ color:var(--p-color-text-disabled); } .Polaris-Text--success{ color:var(--p-color-text-success); } .Polaris-Text--critical{ color:var(--p-color-text-critical); } .Polaris-Text--caution{ color:var(--p-color-text-caution); } .Polaris-Text--subdued{ color:var(--p-color-text-secondary); } .Polaris-Text--magic{ color:var(--p-color-text-magic); } .Polaris-Text__magic--subdued{ color:var(--p-color-text-magic-secondary); } .Polaris-Text__text--inverse{ color:var(--p-color-text-inverse); } .Polaris-Text--textInverseSecondary{ color:var(--p-color-text-inverse-secondary); } .Polaris-Text--headingXs{ font-size:var(--p-text-heading-xs-font-size); font-weight:var(--p-text-heading-xs-font-weight); letter-spacing:var(--p-text-heading-xs-font-letter-spacing); line-height:var(--p-text-heading-xs-font-line-height); } .Polaris-Text--headingSm{ font-size:var(--p-text-heading-sm-font-size); font-weight:var(--p-text-heading-sm-font-weight); letter-spacing:var(--p-text-heading-sm-font-letter-spacing); line-height:var(--p-text-heading-sm-font-line-height); } .Polaris-Text--headingMd{ font-size:var(--p-text-heading-md-font-size); font-weight:var(--p-text-heading-md-font-weight); letter-spacing:var(--p-text-heading-md-font-letter-spacing); line-height:var(--p-text-heading-md-font-line-height); } .Polaris-Text--headingLg{ font-size:var(--p-text-heading-lg-font-size); font-weight:var(--p-text-heading-lg-font-weight); letter-spacing:var(--p-text-heading-lg-font-letter-spacing); line-height:var(--p-text-heading-lg-font-line-height); } .Polaris-Text--headingXl{ font-size:var(--p-font-size-500); font-weight:var(--p-font-weight-semibold); letter-spacing:var(--p-font-letter-spacing-dense); line-height:var(--p-font-line-height-600); } @media (min-width: 48em){ .Polaris-Text--headingXl{ font-size:var(--p-text-heading-xl-font-size); font-weight:var(--p-text-heading-xl-font-weight); letter-spacing:var(--p-text-heading-xl-font-letter-spacing); line-height:var(--p-text-heading-xl-font-line-height); } } .Polaris-Text--heading2xl{ font-size:var(--p-font-size-600); font-weight:var(--p-font-weight-bold); letter-spacing:var(--p-font-letter-spacing-dense); line-height:var(--p-font-line-height-800); } @media (min-width: 48em){ .Polaris-Text--heading2xl{ font-size:var(--p-text-heading-2xl-font-size); font-weight:var(--p-text-heading-2xl-font-weight); letter-spacing:var(--p-text-heading-2xl-font-letter-spacing); line-height:var(--p-text-heading-2xl-font-line-height); } } .Polaris-Text--heading3xl{ font-size:var(--p-font-size-750); font-weight:var(--p-font-weight-bold); letter-spacing:var(--p-font-letter-spacing-denser); line-height:var(--p-font-line-height-1000); } @media (min-width: 48em){ .Polaris-Text--heading3xl{ font-size:var(--p-text-heading-3xl-font-size); font-weight:var(--p-text-heading-3xl-font-weight); letter-spacing:var(--p-text-heading-3xl-font-letter-spacing); line-height:var(--p-text-heading-3xl-font-line-height); } } .Polaris-Text--bodyXs{ font-size:var(--p-text-body-xs-font-size); font-weight:var(--p-text-body-xs-font-weight); letter-spacing:var(--p-text-body-xs-font-letter-spacing); line-height:var(--p-text-body-xs-font-line-height); } .Polaris-Text--bodySm{ font-size:var(--p-text-body-sm-font-size); font-weight:var(--p-text-body-sm-font-weight); letter-spacing:var(--p-text-body-sm-font-letter-spacing); line-height:var(--p-text-body-sm-font-line-height); } .Polaris-Text--bodyMd{ font-size:var(--p-text-body-md-font-size); font-weight:var(--p-text-body-sm-font-weight); letter-spacing:var(--p-text-body-md-font-letter-spacing); line-height:var(--p-text-body-md-font-line-height); } .Polaris-Text--bodyLg{ font-size:var(--p-text-body-lg-font-size); font-weight:var(--p-text-body-sm-font-weight); letter-spacing:var(--p-text-body-lg-font-letter-spacing); line-height:var(--p-text-body-lg-font-line-height); } .Polaris-Text--regular{ font-weight:var(--p-font-weight-regular); } .Polaris-Text--medium{ font-weight:var(--p-font-weight-medium); } .Polaris-Text--semibold{ font-weight:var(--p-font-weight-semibold); } .Polaris-Text--bold{ font-weight:var(--p-font-weight-bold); } .Polaris-Text--break{ overflow-wrap:anywhere; word-break:normal; } .Polaris-Text--numeric{ font-variant-numeric:tabular-nums lining-nums; } .Polaris-Text__line--through{ -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-crit