UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

317 lines (171 loc) • 379 kB
@charset "UTF-8"; /* stylelint-disable scss/at-import-partial-extension-blacklist */ /** Import the scss file from polaris-tokens so that the content is appended to the main polaris-react css file */ :root { color-scheme: light; --p-background:rgba(246, 246, 247, 1); --p-background-hovered:rgba(241, 242, 243, 1); --p-background-pressed:rgba(237, 238, 239, 1); --p-background-selected:rgba(237, 238, 239, 1); --p-surface:rgba(255, 255, 255, 1); --p-surface-neutral:rgba(228, 229, 231, 1); --p-surface-neutral-hovered:rgba(219, 221, 223, 1); --p-surface-neutral-pressed:rgba(201, 204, 208, 1); --p-surface-neutral-disabled:rgba(241, 242, 243, 1); --p-surface-neutral-subdued:rgba(246, 246, 247, 1); --p-surface-subdued:rgba(250, 251, 251, 1); --p-surface-disabled:rgba(250, 251, 251, 1); --p-surface-hovered:rgba(246, 246, 247, 1); --p-surface-pressed:rgba(241, 242, 243, 1); --p-surface-depressed:rgba(237, 238, 239, 1); --p-surface-search-field:rgba(241, 242, 243, 1); --p-backdrop:rgba(0, 0, 0, 0.5); --p-overlay:rgba(255, 255, 255, 0.5); --p-shadow-color-picker:rgba(0, 0, 0, 0.5); --p-shadow-color-picker-dragger:rgba(33, 43, 54, 0.32); --p-hint-from-direct-light:rgba(0, 0, 0, 0.15); --p-border:rgba(140, 145, 150, 1); --p-border-neutral-subdued:rgba(186, 191, 195, 1); --p-border-hovered:rgba(153, 158, 164, 1); --p-border-disabled:rgba(210, 213, 216, 1); --p-border-subdued:rgba(201, 204, 207, 1); --p-border-depressed:rgba(87, 89, 89, 1); --p-border-shadow:rgba(174, 180, 185, 1); --p-border-shadow-subdued:rgba(186, 191, 196, 1); --p-divider:rgba(225, 227, 229, 1); --p-icon:rgba(92, 95, 98, 1); --p-icon-hovered:rgba(26, 28, 29, 1); --p-icon-pressed:rgba(68, 71, 74, 1); --p-icon-disabled:rgba(186, 190, 195, 1); --p-icon-subdued:rgba(140, 145, 150, 1); --p-text:rgba(32, 34, 35, 1); --p-text-disabled:rgba(140, 145, 150, 1); --p-text-subdued:rgba(109, 113, 117, 1); --p-interactive:rgba(44, 110, 203, 1); --p-interactive-disabled:rgba(189, 193, 204, 1); --p-interactive-hovered:rgba(31, 81, 153, 1); --p-interactive-pressed:rgba(16, 50, 98, 1); --p-focused:rgba(69, 143, 255, 1); --p-surface-selected:rgba(242, 247, 254, 1); --p-surface-selected-hovered:rgba(237, 244, 254, 1); --p-surface-selected-pressed:rgba(229, 239, 253, 1); --p-icon-on-interactive:rgba(255, 255, 255, 1); --p-text-on-interactive:rgba(255, 255, 255, 1); --p-action-secondary:rgba(255, 255, 255, 1); --p-action-secondary-disabled:rgba(255, 255, 255, 1); --p-action-secondary-hovered:rgba(246, 246, 247, 1); --p-action-secondary-pressed:rgba(241, 242, 243, 1); --p-action-secondary-depressed:rgba(109, 113, 117, 1); --p-action-primary:rgba(0, 128, 96, 1); --p-action-primary-disabled:rgba(241, 241, 241, 1); --p-action-primary-hovered:rgba(0, 110, 82, 1); --p-action-primary-pressed:rgba(0, 94, 70, 1); --p-action-primary-depressed:rgba(0, 61, 44, 1); --p-icon-on-primary:rgba(255, 255, 255, 1); --p-text-on-primary:rgba(255, 255, 255, 1); --p-text-primary:rgba(0, 123, 92, 1); --p-text-primary-hovered:rgba(0, 108, 80, 1); --p-text-primary-pressed:rgba(0, 92, 68, 1); --p-surface-primary-selected:rgba(241, 248, 245, 1); --p-surface-primary-selected-hovered:rgba(179, 208, 195, 1); --p-surface-primary-selected-pressed:rgba(162, 188, 176, 1); --p-border-critical:rgba(253, 87, 73, 1); --p-border-critical-subdued:rgba(224, 179, 178, 1); --p-border-critical-disabled:rgba(255, 167, 163, 1); --p-icon-critical:rgba(215, 44, 13, 1); --p-surface-critical:rgba(254, 211, 209, 1); --p-surface-critical-subdued:rgba(255, 244, 244, 1); --p-surface-critical-subdued-hovered:rgba(255, 240, 240, 1); --p-surface-critical-subdued-pressed:rgba(255, 233, 232, 1); --p-surface-critical-subdued-depressed:rgba(254, 188, 185, 1); --p-text-critical:rgba(215, 44, 13, 1); --p-action-critical:rgba(216, 44, 13, 1); --p-action-critical-disabled:rgba(241, 241, 241, 1); --p-action-critical-hovered:rgba(188, 34, 0, 1); --p-action-critical-pressed:rgba(162, 27, 0, 1); --p-action-critical-depressed:rgba(108, 15, 0, 1); --p-icon-on-critical:rgba(255, 255, 255, 1); --p-text-on-critical:rgba(255, 255, 255, 1); --p-interactive-critical:rgba(216, 44, 13, 1); --p-interactive-critical-disabled:rgba(253, 147, 141, 1); --p-interactive-critical-hovered:rgba(205, 41, 12, 1); --p-interactive-critical-pressed:rgba(103, 15, 3, 1); --p-border-warning:rgba(185, 137, 0, 1); --p-border-warning-subdued:rgba(225, 184, 120, 1); --p-icon-warning:rgba(185, 137, 0, 1); --p-surface-warning:rgba(255, 215, 157, 1); --p-surface-warning-subdued:rgba(255, 245, 234, 1); --p-surface-warning-subdued-hovered:rgba(255, 242, 226, 1); --p-surface-warning-subdued-pressed:rgba(255, 235, 211, 1); --p-text-warning:rgba(145, 106, 0, 1); --p-border-highlight:rgba(68, 157, 167, 1); --p-border-highlight-subdued:rgba(152, 198, 205, 1); --p-icon-highlight:rgba(0, 160, 172, 1); --p-surface-highlight:rgba(164, 232, 242, 1); --p-surface-highlight-subdued:rgba(235, 249, 252, 1); --p-surface-highlight-subdued-hovered:rgba(228, 247, 250, 1); --p-surface-highlight-subdued-pressed:rgba(213, 243, 248, 1); --p-text-highlight:rgba(52, 124, 132, 1); --p-border-success:rgba(0, 164, 124, 1); --p-border-success-subdued:rgba(149, 201, 180, 1); --p-icon-success:rgba(0, 127, 95, 1); --p-surface-success:rgba(174, 233, 209, 1); --p-surface-success-subdued:rgba(241, 248, 245, 1); --p-surface-success-subdued-hovered:rgba(236, 246, 241, 1); --p-surface-success-subdued-pressed:rgba(226, 241, 234, 1); --p-text-success:rgba(0, 128, 96, 1); --p-icon-attention:rgba(138, 97, 22); --p-surface-attention:rgba(255, 234, 138); --p-decorative-one-icon:rgba(126, 87, 0, 1); --p-decorative-one-surface:rgba(255, 201, 107, 1); --p-decorative-one-text:rgba(61, 40, 0, 1); --p-decorative-two-icon:rgba(175, 41, 78, 1); --p-decorative-two-surface:rgba(255, 196, 176, 1); --p-decorative-two-text:rgba(73, 11, 28, 1); --p-decorative-three-icon:rgba(0, 109, 65, 1); --p-decorative-three-surface:rgba(146, 230, 181, 1); --p-decorative-three-text:rgba(0, 47, 25, 1); --p-decorative-four-icon:rgba(0, 106, 104, 1); --p-decorative-four-surface:rgba(145, 224, 214, 1); --p-decorative-four-text:rgba(0, 45, 45, 1); --p-decorative-five-icon:rgba(174, 43, 76, 1); --p-decorative-five-surface:rgba(253, 201, 208, 1); --p-decorative-five-text:rgba(79, 14, 31, 1); --p-breakpoints-xs:0rem; --p-breakpoints-sm:30.625rem; --p-breakpoints-md:48rem; --p-breakpoints-lg:65rem; --p-breakpoints-xl:90rem; --p-shadow-transparent:0 0 0 0 transparent; --p-shadow-faint:0 0.0625rem 0 0 rgba(22, 29, 37, 0.05); --p-shadow-base:0 0 0 0.0625rem rgba(63, 63, 68, 0.05), 0 0.0625rem 0.1875rem 0 rgba(63, 63, 68, 0.15); --p-shadow-deep:0 0 0 0.0625rem rgba(6, 44, 82, 0.1), 0 0.125rem 1rem rgba(33, 43, 54, 0.08); --p-shadow-button:0 0.0625rem 0 rgba(0, 0, 0, 0.05); --p-shadow-top-bar:0 0.125rem 0.125rem -0.0625rem rgba(0, 0, 0, 0.15); --p-shadow-card:0 0 0.3125rem rgba(23, 24, 24, 0.05), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.15); --p-shadow-popover:-0.0625rem 0 1.25rem rgba(23, 24, 24, 0.05), 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.15); --p-shadow-layer:0 1.9375rem 2.5625rem 0 rgba(32, 42, 53, 0.2), 0 0.125rem 1rem 0 rgba(32, 42, 54, 0.08); --p-shadow-modal:0 1.625rem 5rem rgba(0, 0, 0, 0.2), 0 0 0.0625rem rgba(0, 0, 0, 0.2); --p-shadows-inset-button:inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.2); --p-shadows-inset-button-pressed:inset 0 0.0625rem 0 rgba(0, 0, 0, 0.15); --p-override-loading-z-index:514; --p-choice-size:1.25rem; --p-icon-size-small:0.5rem; --p-icon-size-medium:1.25rem; --p-choice-margin:0.0625rem; --p-control-border-width:0.125rem; --p-banner-border-default:inset 0 0.0625rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.0625rem var(--p-border-neutral-subdued); --p-banner-border-success:inset 0 0.0625rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.0625rem var(--p-border-success-subdued); --p-banner-border-highlight:inset 0 0.0625rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.0625rem var(--p-border-highlight-subdued); --p-banner-border-warning:inset 0 0.0625rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.0625rem var(--p-border-warning-subdued); --p-banner-border-critical:inset 0 0.0625rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.0625rem var(--p-border-critical-subdued); --p-thin-border-subdued:0.0625rem solid var(--p-border-subdued); --p-text-field-spinner-offset:0.125rem; --p-text-field-focus-ring-offset:-0.25rem; --p-button-group-item-spacing:-0.0625rem; --p-range-slider-thumb-size-base:1rem; --p-range-slider-thumb-size-active:1.5rem; --p-frame-offset:0rem; --p-duration-0:0ms; --p-duration-50:50ms; --p-duration-100:100ms; --p-duration-150:150ms; --p-duration-200:200ms; --p-duration-250:250ms; --p-duration-300:300ms; --p-duration-350:350ms; --p-duration-400:400ms; --p-duration-450:450ms; --p-duration-500:500ms; --p-duration-5000:5000ms; --p-ease:cubic-bezier(0.25, 0.1, 0.25, 1); --p-ease-in:cubic-bezier(0.42, 0, 1, 1); --p-ease-out:cubic-bezier(0, 0, 0.58, 1); --p-ease-in-out:cubic-bezier(0.42, 0, 0.58, 1); --p-linear:cubic-bezier(0, 0, 1, 1); --p-keyframes-bounce:p-keyframes-bounce; --p-keyframes-fade-in:p-keyframes-fade-in; --p-keyframes-pulse:p-keyframes-pulse; --p-keyframes-spin:p-keyframes-spin; --p-border-radius-05:0.125rem; --p-border-radius-1:0.25rem; --p-border-radius-2:0.5rem; --p-border-radius-3:0.75rem; --p-border-radius-4:1rem; --p-border-radius-5:1.25rem; --p-border-radius-6:1.875rem; --p-border-radius-base:0.1875rem; --p-border-radius-large:0.375rem; --p-border-radius-half:50%; --p-border-width-1:0.0625rem; --p-border-width-2:0.125rem; --p-border-width-3:0.1875rem; --p-border-width-4:0.25rem; --p-border-width-5:0.3125rem; --p-border-base:var(--p-border-width-1) solid var(--p-border-subdued); --p-border-dark:var(--p-border-width-1) solid var(--p-border); --p-border-transparent:var(--p-border-width-1) solid transparent; --p-border-divider:var(--p-border-width-1) solid var(--p-divider); --p-space-0:0; --p-space-025:0.0625rem; --p-space-05:0.125rem; --p-space-1:0.25rem; --p-space-2:0.5rem; --p-space-3:0.75rem; --p-space-4:1rem; --p-space-5:1.25rem; --p-space-6:1.5rem; --p-space-8:2rem; --p-space-10:2.5rem; --p-space-12:3rem; --p-space-16:4rem; --p-space-20:5rem; --p-space-24:6rem; --p-space-28:7rem; --p-space-32:8rem; --p-font-family-sans:-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-1:0.75rem; --p-font-size-2:0.8125rem; --p-font-size-3:0.875rem; --p-font-size-4:0.9375rem; --p-font-size-5:1rem; --p-font-size-6:1.0625rem; --p-font-size-7:1.25rem; --p-font-size-8:1.3125rem; --p-font-size-9:1.5rem; --p-font-size-10:1.625rem; --p-font-size-11:1.6875rem; --p-font-size-12:1.75rem; --p-font-size-13:2.625rem; --p-font-weight-regular:400; --p-font-weight-medium:500; --p-font-weight-semibold:600; --p-font-weight-bold:700; --p-line-height-1:1rem; --p-line-height-2:1.25rem; --p-line-height-3:1.5rem; --p-line-height-4:1.75rem; --p-line-height-5:2rem; --p-line-height-6:2.25rem; --p-line-height-7:2.75rem; --p-z-1:100; --p-z-2:400; --p-z-3:510; --p-z-4:512; --p-z-5:513; --p-z-6:514; --p-z-7:515; --p-z-8:516; --p-z-9:517; --p-z-10:518; --p-z-11:519; --p-z-12:520; } [p-color-scheme="light"] { color-scheme: light; --p-background:rgba(246, 246, 247, 1); --p-background-hovered:rgba(241, 242, 243, 1); --p-background-pressed:rgba(237, 238, 239, 1); --p-background-selected:rgba(237, 238, 239, 1); --p-surface:rgba(255, 255, 255, 1); --p-surface-neutral:rgba(228, 229, 231, 1); --p-surface-neutral-hovered:rgba(219, 221, 223, 1); --p-surface-neutral-pressed:rgba(201, 204, 208, 1); --p-surface-neutral-disabled:rgba(241, 242, 243, 1); --p-surface-neutral-subdued:rgba(246, 246, 247, 1); --p-surface-subdued:rgba(250, 251, 251, 1); --p-surface-disabled:rgba(250, 251, 251, 1); --p-surface-hovered:rgba(246, 246, 247, 1); --p-surface-pressed:rgba(241, 242, 243, 1); --p-surface-depressed:rgba(237, 238, 239, 1); --p-surface-search-field:rgba(241, 242, 243, 1); --p-backdrop:rgba(0, 0, 0, 0.5); --p-overlay:rgba(255, 255, 255, 0.5); --p-shadow-color-picker:rgba(0, 0, 0, 0.5); --p-shadow-color-picker-dragger:rgba(33, 43, 54, 0.32); --p-hint-from-direct-light:rgba(0, 0, 0, 0.15); --p-border:rgba(140, 145, 150, 1); --p-border-neutral-subdued:rgba(186, 191, 195, 1); --p-border-hovered:rgba(153, 158, 164, 1); --p-border-disabled:rgba(210, 213, 216, 1); --p-border-subdued:rgba(201, 204, 207, 1); --p-border-depressed:rgba(87, 89, 89, 1); --p-border-shadow:rgba(174, 180, 185, 1); --p-border-shadow-subdued:rgba(186, 191, 196, 1); --p-divider:rgba(225, 227, 229, 1); --p-icon:rgba(92, 95, 98, 1); --p-icon-hovered:rgba(26, 28, 29, 1); --p-icon-pressed:rgba(68, 71, 74, 1); --p-icon-disabled:rgba(186, 190, 195, 1); --p-icon-subdued:rgba(140, 145, 150, 1); --p-text:rgba(32, 34, 35, 1); --p-text-disabled:rgba(140, 145, 150, 1); --p-text-subdued:rgba(109, 113, 117, 1); --p-interactive:rgba(44, 110, 203, 1); --p-interactive-disabled:rgba(189, 193, 204, 1); --p-interactive-hovered:rgba(31, 81, 153, 1); --p-interactive-pressed:rgba(16, 50, 98, 1); --p-focused:rgba(69, 143, 255, 1); --p-surface-selected:rgba(242, 247, 254, 1); --p-surface-selected-hovered:rgba(237, 244, 254, 1); --p-surface-selected-pressed:rgba(229, 239, 253, 1); --p-icon-on-interactive:rgba(255, 255, 255, 1); --p-text-on-interactive:rgba(255, 255, 255, 1); --p-action-secondary:rgba(255, 255, 255, 1); --p-action-secondary-disabled:rgba(255, 255, 255, 1); --p-action-secondary-hovered:rgba(246, 246, 247, 1); --p-action-secondary-pressed:rgba(241, 242, 243, 1); --p-action-secondary-depressed:rgba(109, 113, 117, 1); --p-action-primary:rgba(0, 128, 96, 1); --p-action-primary-disabled:rgba(241, 241, 241, 1); --p-action-primary-hovered:rgba(0, 110, 82, 1); --p-action-primary-pressed:rgba(0, 94, 70, 1); --p-action-primary-depressed:rgba(0, 61, 44, 1); --p-icon-on-primary:rgba(255, 255, 255, 1); --p-text-on-primary:rgba(255, 255, 255, 1); --p-text-primary:rgba(0, 123, 92, 1); --p-text-primary-hovered:rgba(0, 108, 80, 1); --p-text-primary-pressed:rgba(0, 92, 68, 1); --p-surface-primary-selected:rgba(241, 248, 245, 1); --p-surface-primary-selected-hovered:rgba(179, 208, 195, 1); --p-surface-primary-selected-pressed:rgba(162, 188, 176, 1); --p-border-critical:rgba(253, 87, 73, 1); --p-border-critical-subdued:rgba(224, 179, 178, 1); --p-border-critical-disabled:rgba(255, 167, 163, 1); --p-icon-critical:rgba(215, 44, 13, 1); --p-surface-critical:rgba(254, 211, 209, 1); --p-surface-critical-subdued:rgba(255, 244, 244, 1); --p-surface-critical-subdued-hovered:rgba(255, 240, 240, 1); --p-surface-critical-subdued-pressed:rgba(255, 233, 232, 1); --p-surface-critical-subdued-depressed:rgba(254, 188, 185, 1); --p-text-critical:rgba(215, 44, 13, 1); --p-action-critical:rgba(216, 44, 13, 1); --p-action-critical-disabled:rgba(241, 241, 241, 1); --p-action-critical-hovered:rgba(188, 34, 0, 1); --p-action-critical-pressed:rgba(162, 27, 0, 1); --p-action-critical-depressed:rgba(108, 15, 0, 1); --p-icon-on-critical:rgba(255, 255, 255, 1); --p-text-on-critical:rgba(255, 255, 255, 1); --p-interactive-critical:rgba(216, 44, 13, 1); --p-interactive-critical-disabled:rgba(253, 147, 141, 1); --p-interactive-critical-hovered:rgba(205, 41, 12, 1); --p-interactive-critical-pressed:rgba(103, 15, 3, 1); --p-border-warning:rgba(185, 137, 0, 1); --p-border-warning-subdued:rgba(225, 184, 120, 1); --p-icon-warning:rgba(185, 137, 0, 1); --p-surface-warning:rgba(255, 215, 157, 1); --p-surface-warning-subdued:rgba(255, 245, 234, 1); --p-surface-warning-subdued-hovered:rgba(255, 242, 226, 1); --p-surface-warning-subdued-pressed:rgba(255, 235, 211, 1); --p-text-warning:rgba(145, 106, 0, 1); --p-border-highlight:rgba(68, 157, 167, 1); --p-border-highlight-subdued:rgba(152, 198, 205, 1); --p-icon-highlight:rgba(0, 160, 172, 1); --p-surface-highlight:rgba(164, 232, 242, 1); --p-surface-highlight-subdued:rgba(235, 249, 252, 1); --p-surface-highlight-subdued-hovered:rgba(228, 247, 250, 1); --p-surface-highlight-subdued-pressed:rgba(213, 243, 248, 1); --p-text-highlight:rgba(52, 124, 132, 1); --p-border-success:rgba(0, 164, 124, 1); --p-border-success-subdued:rgba(149, 201, 180, 1); --p-icon-success:rgba(0, 127, 95, 1); --p-surface-success:rgba(174, 233, 209, 1); --p-surface-success-subdued:rgba(241, 248, 245, 1); --p-surface-success-subdued-hovered:rgba(236, 246, 241, 1); --p-surface-success-subdued-pressed:rgba(226, 241, 234, 1); --p-text-success:rgba(0, 128, 96, 1); --p-icon-attention:rgba(138, 97, 22); --p-surface-attention:rgba(255, 234, 138); --p-decorative-one-icon:rgba(126, 87, 0, 1); --p-decorative-one-surface:rgba(255, 201, 107, 1); --p-decorative-one-text:rgba(61, 40, 0, 1); --p-decorative-two-icon:rgba(175, 41, 78, 1); --p-decorative-two-surface:rgba(255, 196, 176, 1); --p-decorative-two-text:rgba(73, 11, 28, 1); --p-decorative-three-icon:rgba(0, 109, 65, 1); --p-decorative-three-surface:rgba(146, 230, 181, 1); --p-decorative-three-text:rgba(0, 47, 25, 1); --p-decorative-four-icon:rgba(0, 106, 104, 1); --p-decorative-four-surface:rgba(145, 224, 214, 1); --p-decorative-four-text:rgba(0, 45, 45, 1); --p-decorative-five-icon:rgba(174, 43, 76, 1); --p-decorative-five-surface:rgba(253, 201, 208, 1); --p-decorative-five-text:rgba(79, 14, 31, 1); --p-breakpoints-xs:0rem; --p-breakpoints-sm:30.625rem; --p-breakpoints-md:48rem; --p-breakpoints-lg:65rem; --p-breakpoints-xl:90rem; --p-shadow-transparent:0 0 0 0 transparent; --p-shadow-faint:0 0.0625rem 0 0 rgba(22, 29, 37, 0.05); --p-shadow-base:0 0 0 0.0625rem rgba(63, 63, 68, 0.05), 0 0.0625rem 0.1875rem 0 rgba(63, 63, 68, 0.15); --p-shadow-deep:0 0 0 0.0625rem rgba(6, 44, 82, 0.1), 0 0.125rem 1rem rgba(33, 43, 54, 0.08); --p-shadow-button:0 0.0625rem 0 rgba(0, 0, 0, 0.05); --p-shadow-top-bar:0 0.125rem 0.125rem -0.0625rem rgba(0, 0, 0, 0.15); --p-shadow-card:0 0 0.3125rem rgba(23, 24, 24, 0.05), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.15); --p-shadow-popover:-0.0625rem 0 1.25rem rgba(23, 24, 24, 0.05), 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.15); --p-shadow-layer:0 1.9375rem 2.5625rem 0 rgba(32, 42, 53, 0.2), 0 0.125rem 1rem 0 rgba(32, 42, 54, 0.08); --p-shadow-modal:0 1.625rem 5rem rgba(0, 0, 0, 0.2), 0 0 0.0625rem rgba(0, 0, 0, 0.2); --p-shadows-inset-button:inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.2); --p-shadows-inset-button-pressed:inset 0 0.0625rem 0 rgba(0, 0, 0, 0.15); --p-override-loading-z-index:514; --p-choice-size:1.25rem; --p-icon-size-small:0.5rem; --p-icon-size-medium:1.25rem; --p-choice-margin:0.0625rem; --p-control-border-width:0.125rem; --p-banner-border-default:inset 0 0.0625rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.0625rem var(--p-border-neutral-subdued); --p-banner-border-success:inset 0 0.0625rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.0625rem var(--p-border-success-subdued); --p-banner-border-highlight:inset 0 0.0625rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.0625rem var(--p-border-highlight-subdued); --p-banner-border-warning:inset 0 0.0625rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.0625rem var(--p-border-warning-subdued); --p-banner-border-critical:inset 0 0.0625rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.0625rem var(--p-border-critical-subdued); --p-thin-border-subdued:0.0625rem solid var(--p-border-subdued); --p-text-field-spinner-offset:0.125rem; --p-text-field-focus-ring-offset:-0.25rem; --p-button-group-item-spacing:-0.0625rem; --p-range-slider-thumb-size-base:1rem; --p-range-slider-thumb-size-active:1.5rem; --p-frame-offset:0rem; --p-duration-0:0ms; --p-duration-50:50ms; --p-duration-100:100ms; --p-duration-150:150ms; --p-duration-200:200ms; --p-duration-250:250ms; --p-duration-300:300ms; --p-duration-350:350ms; --p-duration-400:400ms; --p-duration-450:450ms; --p-duration-500:500ms; --p-duration-5000:5000ms; --p-ease:cubic-bezier(0.25, 0.1, 0.25, 1); --p-ease-in:cubic-bezier(0.42, 0, 1, 1); --p-ease-out:cubic-bezier(0, 0, 0.58, 1); --p-ease-in-out:cubic-bezier(0.42, 0, 0.58, 1); --p-linear:cubic-bezier(0, 0, 1, 1); --p-keyframes-bounce:p-keyframes-bounce; --p-keyframes-fade-in:p-keyframes-fade-in; --p-keyframes-pulse:p-keyframes-pulse; --p-keyframes-spin:p-keyframes-spin; --p-border-radius-05:0.125rem; --p-border-radius-1:0.25rem; --p-border-radius-2:0.5rem; --p-border-radius-3:0.75rem; --p-border-radius-4:1rem; --p-border-radius-5:1.25rem; --p-border-radius-6:1.875rem; --p-border-radius-base:0.1875rem; --p-border-radius-large:0.375rem; --p-border-radius-half:50%; --p-border-width-1:0.0625rem; --p-border-width-2:0.125rem; --p-border-width-3:0.1875rem; --p-border-width-4:0.25rem; --p-border-width-5:0.3125rem; --p-border-base:var(--p-border-width-1) solid var(--p-border-subdued); --p-border-dark:var(--p-border-width-1) solid var(--p-border); --p-border-transparent:var(--p-border-width-1) solid transparent; --p-border-divider:var(--p-border-width-1) solid var(--p-divider); --p-space-0:0; --p-space-025:0.0625rem; --p-space-05:0.125rem; --p-space-1:0.25rem; --p-space-2:0.5rem; --p-space-3:0.75rem; --p-space-4:1rem; --p-space-5:1.25rem; --p-space-6:1.5rem; --p-space-8:2rem; --p-space-10:2.5rem; --p-space-12:3rem; --p-space-16:4rem; --p-space-20:5rem; --p-space-24:6rem; --p-space-28:7rem; --p-space-32:8rem; --p-font-family-sans:-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-1:0.75rem; --p-font-size-2:0.8125rem; --p-font-size-3:0.875rem; --p-font-size-4:0.9375rem; --p-font-size-5:1rem; --p-font-size-6:1.0625rem; --p-font-size-7:1.25rem; --p-font-size-8:1.3125rem; --p-font-size-9:1.5rem; --p-font-size-10:1.625rem; --p-font-size-11:1.6875rem; --p-font-size-12:1.75rem; --p-font-size-13:2.625rem; --p-font-weight-regular:400; --p-font-weight-medium:500; --p-font-weight-semibold:600; --p-font-weight-bold:700; --p-line-height-1:1rem; --p-line-height-2:1.25rem; --p-line-height-3:1.5rem; --p-line-height-4:1.75rem; --p-line-height-5:2rem; --p-line-height-6:2.25rem; --p-line-height-7:2.75rem; --p-z-1:100; --p-z-2:400; --p-z-3:510; --p-z-4:512; --p-z-5:513; --p-z-6:514; --p-z-7:515; --p-z-8:516; --p-z-9:517; --p-z-10:518; --p-z-11:519; --p-z-12:520; } [p-color-scheme="dark"] { color-scheme: dark; --p-background:rgba(11, 12, 13, 1); --p-background-hovered:rgba(11, 12, 13, 1); --p-background-pressed:rgba(11, 12, 13, 1); --p-background-selected:rgba(11, 12, 13, 1); --p-surface:rgba(32, 33, 35, 1); --p-surface-neutral:rgba(49, 51, 53, 1); --p-surface-neutral-hovered:rgba(49, 51, 53, 1); --p-surface-neutral-pressed:rgba(49, 51, 53, 1); --p-surface-neutral-disabled:rgba(49, 51, 53, 1); --p-surface-neutral-subdued:rgba(68, 71, 74, 1); --p-surface-subdued:rgba(26, 28, 29, 1); --p-surface-disabled:rgba(26, 28, 29, 1); --p-surface-hovered:rgba(47, 49, 51, 1); --p-surface-pressed:rgba(62, 64, 67, 1); --p-surface-depressed:rgba(80, 83, 86, 1); --p-surface-search-field:rgba(47, 49, 51, 1); --p-backdrop:rgba(0, 0, 0, 0.5); --p-overlay:rgba(33, 33, 33, 0.5); --p-shadow-color-picker:rgba(0, 0, 0, 0); --p-shadow-color-picker-dragger:rgba(0, 0, 0, 0); --p-hint-from-direct-light:rgba(185, 185, 185, 0.2); --p-border:rgba(80, 83, 86, 1); --p-border-neutral-subdued:rgba(130, 135, 139, 1); --p-border-hovered:rgba(80, 83, 86, 1); --p-border-disabled:rgba(103, 107, 111, 1); --p-border-subdued:rgba(130, 135, 139, 1); --p-border-depressed:rgba(142, 145, 145, 1); --p-border-shadow:rgba(91, 95, 98, 1); --p-border-shadow-subdued:rgba(130, 135, 139, 1); --p-divider:rgba(69, 71, 73, 1); --p-icon:rgba(166, 172, 178, 1); --p-icon-hovered:rgba(225, 227, 229, 1); --p-icon-pressed:rgba(166, 172, 178, 1); --p-icon-disabled:rgba(84, 87, 90, 1); --p-icon-subdued:rgba(120, 125, 129, 1); --p-text:rgba(227, 229, 231, 1); --p-text-disabled:rgba(111, 115, 119, 1); --p-text-subdued:rgba(153, 159, 164, 1); --p-interactive:rgba(54, 163, 255, 1); --p-interactive-disabled:rgba(38, 98, 182, 1); --p-interactive-hovered:rgba(103, 175, 255, 1); --p-interactive-pressed:rgba(136, 188, 255, 1); --p-focused:rgba(38, 98, 182, 1); --p-surface-selected:rgba(2, 14, 35, 1); --p-surface-selected-hovered:rgba(7, 29, 61, 1); --p-surface-selected-pressed:rgba(13, 43, 86, 1); --p-icon-on-interactive:rgba(255, 255, 255, 1); --p-text-on-interactive:rgba(255, 255, 255, 1); --p-action-secondary:rgba(77, 80, 83, 1); --p-action-secondary-disabled:rgba(32, 34, 35, 1); --p-action-secondary-hovered:rgba(84, 87, 91, 1); --p-action-secondary-pressed:rgba(96, 100, 103, 1); --p-action-secondary-depressed:rgba(123, 127, 132, 1); --p-action-primary:rgba(0, 128, 96, 1); --p-action-primary-disabled:rgba(0, 86, 64, 1); --p-action-primary-hovered:rgba(0, 150, 113, 1); --p-action-primary-pressed:rgba(0, 164, 124, 1); --p-action-primary-depressed:rgba(0, 179, 136, 1); --p-icon-on-primary:rgba(230, 255, 244, 1); --p-text-on-primary:rgba(255, 255, 255, 1); --p-text-primary:rgba(0, 141, 106, 1); --p-text-primary-hovered:rgba(0, 158, 120, 1); --p-text-primary-pressed:rgba(0, 176, 133, 1); --p-surface-primary-selected:rgba(12, 18, 16, 1); --p-surface-primary-selected-hovered:rgba(40, 48, 44, 1); --p-surface-primary-selected-pressed:rgba(54, 64, 59, 1); --p-border-critical:rgba(227, 47, 14, 1); --p-border-critical-subdued:rgba(227, 47, 14, 1); --p-border-critical-disabled:rgba(131, 23, 4, 1); --p-icon-critical:rgba(218, 45, 13, 1); --p-surface-critical:rgba(69, 7, 1, 1); --p-surface-critical-subdued:rgba(69, 7, 1, 1); --p-surface-critical-subdued-hovered:rgba(68, 23, 20, 1); --p-surface-critical-subdued-pressed:rgba(107, 16, 3, 1); --p-surface-critical-subdued-depressed:rgba(135, 24, 5, 1); --p-text-critical:rgba(233, 128, 122, 1); --p-action-critical:rgba(205, 41, 12, 1); --p-action-critical-disabled:rgba(187, 37, 10, 1); --p-action-critical-hovered:rgba(227, 47, 14, 1); --p-action-critical-pressed:rgba(250, 53, 17, 1); --p-action-critical-depressed:rgba(253, 87, 73, 1); --p-icon-on-critical:rgba(255, 248, 247, 1); --p-text-on-critical:rgba(255, 255, 255, 1); --p-interactive-critical:rgba(253, 114, 106, 1); --p-interactive-critical-disabled:rgba(254, 172, 168, 1); --p-interactive-critical-hovered:rgba(253, 138, 132, 1); --p-interactive-critical-pressed:rgba(253, 159, 155, 1); --p-border-warning:rgba(153, 112, 0, 1); --p-border-warning-subdued:rgba(153, 112, 0, 1); --p-icon-warning:rgba(104, 75, 0, 1); --p-surface-warning:rgba(153, 112, 0, 1); --p-surface-warning-subdued:rgba(77, 59, 29, 1); --p-surface-warning-subdued-hovered:rgba(82, 63, 32, 1); --p-surface-warning-subdued-pressed:rgba(87, 67, 34, 1); --p-text-warning:rgba(202, 149, 0, 1); --p-border-highlight:rgba(68, 157, 167, 1); --p-border-highlight-subdued:rgba(68, 157, 167, 1); --p-icon-highlight:rgba(44, 108, 115, 1); --p-surface-highlight:rgba(0, 105, 113, 1); --p-surface-highlight-subdued:rgba(18, 53, 57, 1); --p-surface-highlight-subdued-hovered:rgba(20, 58, 62, 1); --p-surface-highlight-subdued-pressed:rgba(24, 65, 70, 1); --p-text-highlight:rgba(162, 239, 250, 1); --p-border-success:rgba(0, 135, 102, 1); --p-border-success-subdued:rgba(0, 135, 102, 1); --p-icon-success:rgba(0, 94, 70, 1); --p-surface-success:rgba(0, 94, 70, 1); --p-surface-success-subdued:rgba(28, 53, 44, 1); --p-surface-success-subdued-hovered:rgba(31, 58, 48, 1); --p-surface-success-subdued-pressed:rgba(35, 65, 54, 1); --p-text-success:rgba(88, 173, 142, 1); --p-icon-attention:rgba(138, 97, 22); --p-surface-attention:rgba(255, 234, 138); --p-decorative-one-icon:rgba(255, 186, 67, 1); --p-decorative-one-surface:rgba(142, 102, 9, 1); --p-decorative-one-text:rgba(255, 255, 255, 1); --p-decorative-two-icon:rgba(245, 182, 192, 1); --p-decorative-two-surface:rgba(206, 88, 20, 1); --p-decorative-two-text:rgba(255, 255, 255, 1); --p-decorative-three-icon:rgba(0, 227, 141, 1); --p-decorative-three-surface:rgba(0, 124, 90, 1); --p-decorative-three-text:rgba(255, 255, 255, 1); --p-decorative-four-icon:rgba(0, 221, 218, 1); --p-decorative-four-surface:rgba(22, 124, 121, 1); --p-decorative-four-text:rgba(255, 255, 255, 1); --p-decorative-five-icon:rgba(244, 183, 191, 1); --p-decorative-five-surface:rgba(194, 51, 86, 1); --p-decorative-five-text:rgba(255, 255, 255, 1); --p-breakpoints-xs:0rem; --p-breakpoints-sm:30.625rem; --p-breakpoints-md:48rem; --p-breakpoints-lg:65rem; --p-breakpoints-xl:90rem; --p-shadow-transparent:0 0 0 0 transparent; --p-shadow-faint:0 0.0625rem 0 0 rgba(22, 29, 37, 0.05); --p-shadow-base:0 0 0 0.0625rem rgba(63, 63, 68, 0.05), 0 0.0625rem 0.1875rem 0 rgba(63, 63, 68, 0.15); --p-shadow-deep:0 0 0 0.0625rem rgba(6, 44, 82, 0.1), 0 0.125rem 1rem rgba(33, 43, 54, 0.08); --p-shadow-button:0 0.0625rem 0 rgba(0, 0, 0, 0.05); --p-shadow-top-bar:0 0.125rem 0.125rem -0.0625rem rgba(0, 0, 0, 0.15); --p-shadow-card:0 0 0.3125rem rgba(23, 24, 24, 0.05), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.15); --p-shadow-popover:-0.0625rem 0 1.25rem rgba(23, 24, 24, 0.05), 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.15); --p-shadow-layer:0 1.9375rem 2.5625rem 0 rgba(32, 42, 53, 0.2), 0 0.125rem 1rem 0 rgba(32, 42, 54, 0.08); --p-shadow-modal:0 1.625rem 5rem rgba(0, 0, 0, 0.2), 0 0 0.0625rem rgba(0, 0, 0, 0.2); --p-shadows-inset-button:inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.2); --p-shadows-inset-button-pressed:inset 0 0.0625rem 0 rgba(0, 0, 0, 0.15); --p-override-loading-z-index:514; --p-choice-size:1.25rem; --p-icon-size-small:0.5rem; --p-icon-size-medium:1.25rem; --p-choice-margin:0.0625rem; --p-control-border-width:0.125rem; --p-banner-border-default:inset 0 0.0625rem 0 0 var(--p-border-neutral-subdued), inset 0 0 0 0.0625rem var(--p-border-neutral-subdued); --p-banner-border-success:inset 0 0.0625rem 0 0 var(--p-border-success-subdued), inset 0 0 0 0.0625rem var(--p-border-success-subdued); --p-banner-border-highlight:inset 0 0.0625rem 0 0 var(--p-border-highlight-subdued), inset 0 0 0 0.0625rem var(--p-border-highlight-subdued); --p-banner-border-warning:inset 0 0.0625rem 0 0 var(--p-border-warning-subdued), inset 0 0 0 0.0625rem var(--p-border-warning-subdued); --p-banner-border-critical:inset 0 0.0625rem 0 0 var(--p-border-critical-subdued), inset 0 0 0 0.0625rem var(--p-border-critical-subdued); --p-thin-border-subdued:0.0625rem solid var(--p-border-subdued); --p-text-field-spinner-offset:0.125rem; --p-text-field-focus-ring-offset:-0.25rem; --p-button-group-item-spacing:-0.0625rem; --p-range-slider-thumb-size-base:1rem; --p-range-slider-thumb-size-active:1.5rem; --p-frame-offset:0rem; --p-duration-0:0ms; --p-duration-50:50ms; --p-duration-100:100ms; --p-duration-150:150ms; --p-duration-200:200ms; --p-duration-250:250ms; --p-duration-300:300ms; --p-duration-350:350ms; --p-duration-400:400ms; --p-duration-450:450ms; --p-duration-500:500ms; --p-duration-5000:5000ms; --p-ease:cubic-bezier(0.25, 0.1, 0.25, 1); --p-ease-in:cubic-bezier(0.42, 0, 1, 1); --p-ease-out:cubic-bezier(0, 0, 0.58, 1); --p-ease-in-out:cubic-bezier(0.42, 0, 0.58, 1); --p-linear:cubic-bezier(0, 0, 1, 1); --p-keyframes-bounce:p-keyframes-bounce; --p-keyframes-fade-in:p-keyframes-fade-in; --p-keyframes-pulse:p-keyframes-pulse; --p-keyframes-spin:p-keyframes-spin; --p-border-radius-05:0.125rem; --p-border-radius-1:0.25rem; --p-border-radius-2:0.5rem; --p-border-radius-3:0.75rem; --p-border-radius-4:1rem; --p-border-radius-5:1.25rem; --p-border-radius-6:1.875rem; --p-border-radius-base:0.1875rem; --p-border-radius-large:0.375rem; --p-border-radius-half:50%; --p-border-width-1:0.0625rem; --p-border-width-2:0.125rem; --p-border-width-3:0.1875rem; --p-border-width-4:0.25rem; --p-border-width-5:0.3125rem; --p-border-base:var(--p-border-width-1) solid var(--p-border-subdued); --p-border-dark:var(--p-border-width-1) solid var(--p-border); --p-border-transparent:var(--p-border-width-1) solid transparent; --p-border-divider:var(--p-border-width-1) solid var(--p-divider); --p-space-0:0; --p-space-025:0.0625rem; --p-space-05:0.125rem; --p-space-1:0.25rem; --p-space-2:0.5rem; --p-space-3:0.75rem; --p-space-4:1rem; --p-space-5:1.25rem; --p-space-6:1.5rem; --p-space-8:2rem; --p-space-10:2.5rem; --p-space-12:3rem; --p-space-16:4rem; --p-space-20:5rem; --p-space-24:6rem; --p-space-28:7rem; --p-space-32:8rem; --p-font-family-sans:-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-1:0.75rem; --p-font-size-2:0.8125rem; --p-font-size-3:0.875rem; --p-font-size-4:0.9375rem; --p-font-size-5:1rem; --p-font-size-6:1.0625rem; --p-font-size-7:1.25rem; --p-font-size-8:1.3125rem; --p-font-size-9:1.5rem; --p-font-size-10:1.625rem; --p-font-size-11:1.6875rem; --p-font-size-12:1.75rem; --p-font-size-13:2.625rem; --p-font-weight-regular:400; --p-font-weight-medium:500; --p-font-weight-semibold:600; --p-font-weight-bold:700; --p-line-height-1:1rem; --p-line-height-2:1.25rem; --p-line-height-3:1.5rem; --p-line-height-4:1.75rem; --p-line-height-5:2rem; --p-line-height-6:2.25rem; --p-line-height-7:2.75rem; --p-z-1:100; --p-z-2:400; --p-z-3:510; --p-z-4:512; --p-z-5:513; --p-z-6:514; --p-z-7:515; --p-z-8:516; --p-z-9:517; --p-z-10:518; --p-z-11:519; --p-z-12:520; } @keyframes Polaris-CustomProperties--pKeyframesBounce { from, 65%, 85% { transform: scale(1); } 75% { transform: scale(0.85); } 82.5% { transform: scale(1.05); } } @keyframes Polaris-CustomProperties--pKeyframesFadeIn { to { opacity: 1; } } @keyframes Polaris-CustomProperties--pKeyframesPulse { from, 75% { transform: scale(0.85); opacity: 1; } to { transform: scale(2.5); opacity: 0; } } @keyframes Polaris-CustomProperties--pKeyframesSpin { to { transform: rotate(1turn); } } /* stylelint-disable unit-disallowed-list */ /* stylelint-disable length-zero-no-unit */ /* Breakpoints - Aliases */ /* Breakpoints - Media conditions */ :root { --polaris-version-number: '9.11.0'; } html, body { font-size: var(--p-font-size-4); font-weight: var(--p-font-weight-regular); line-height: var(--p-line-height-2); text-transform: initial; letter-spacing: initial; font-weight: var(--p-font-weight-regular); color: var(--p-text); } @media (min-width: 40em) { html, body { font-size: var(--p-font-size-3); } } 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; } body { min-height: 100%; margin: 0; padding: 0; background-color: #f6f6f7; } @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; } .Polaris-Avatar { --pc-avatar-extra-small-size: 1.5rem; --pc-avatar-small-size: 2rem; --pc-avatar-medium-size: 2.5rem; --pc-avatar-large-size: 3.75rem; position: relative; display: block; overflow: hidden; min-width: var(--pc-avatar-extra-small-size); max-width: 100%; background: var(--p-surface-neutral); color: var(--p-icon-subdued); border-radius: var(--p-border-radius-half); -webkit-user-select: none; user-select: none; } @media (forced-colors: active) { .Polaris-Avatar { border: var(--p-border-width-1) solid transparent; } } .Polaris-Avatar::after { content: ''; display: block; padding-bottom: 100%; } .Polaris-Avatar--hidden { visibility: hidden; } .Polaris-Avatar--sizeExtraSmall { width: var(--pc-avatar-extra-small-size); } .Polaris-Avatar--sizeSmall { width: var(--pc-avatar-small-size); } .Polaris-Avatar--sizeMedium { width: var(--pc-avatar-medium-size); } .Polaris-Avatar--sizeLarge { width: var(--pc-avatar-large-size); } .Polaris-Avatar--styleOne { color: var(--p-decorative-one-text); background: var(--p-decorative-one-surface); } .Polaris-Avatar--styleTwo { color: var(--p-decorative-two-text); background: var(--p-decorative-two-surface); } .Polaris-Avatar--styleThree { color: var(--p-decorative-three-text); background: var(--p-decorative-three-surface); } .Polaris-Avatar--styleFour { color: var(--p-decorative-four-text); background: var(--p-decorative-four-surface); } .Polaris-Avatar--styleFive { color: var(--p-decorative-five-text); background: var(--p-decorative-five-surface); } .Polaris-Avatar--hasImage { background: transparent; } .Polaris-Avatar__Image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-color: var(--p-background); border-radius: var(--p-border-radius-half); 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%; } /* stylelint-disable unit-disallowed-list */ /* stylelint-disable length-zero-no-unit */ /* Breakpoints - Aliases */ /* Breakpoints - Media conditions */ .Polaris-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; } /* stylelint-disable unit-disallowed-list */ /* stylelint-disable length-zero-no-unit */ /* Breakpoints - Aliases */ /* Breakpoints - Media conditions */ .Polaris-Icon { display: block; height: 1.25rem; width: 1.25rem; max-height: 100%; max-width: 100%; margin: auto; } .Polaris-Icon--applyColor { color: var(--p-surface); } .Polaris-Icon--hasBackdrop { position: relative; display: flex; align-items: center; margin: var(--p-space-1); } .Polaris-Icon--hasBackdrop::before { content: ''; position: absolute; top: calc(var(--p-space-1)*-1); bottom: calc(var(--p-space-1)*-1); left: calc(var(--p-space-1)*-1); right: calc(var(--p-space-1)*-1); border-radius: var(--p-border-radius-half); } .Polaris-Icon--colorBase svg { fill: var(--p-icon); } .Polaris-Icon--colorBase::before { background-color: var(--p-surface-neutral); } .Polaris-Icon--colorSubdued svg { fill: var(--p-icon-subdued); } .Polaris-Icon--colorCritical svg { fill: var(--p-icon-critical); } .Polaris-Icon--colorCritical::before { background-color: var(--p-surface-critical); } .Polaris-Icon--colorInteractive svg { fill: var(--p-interactive); } .Polaris-Icon--colorWarning svg { fill: var(--p-icon-warning); } .Polaris-Icon--colorWarning::before { background-color: var(--p-surface-warning); } .Polaris-Icon--colorHighlight svg { fill: var(--p-icon-highlight); } .Polaris-Icon--colorHighlight::before { background-color: var(--p-surface-highlight); } .Polaris-Icon--colorSuccess svg { fill: var(--p-icon-success); } .Polaris-Icon--colorSuccess::before { background-color: var(--p-surface-success); } .Polaris-Icon--colorPrimary svg { fill: var(--p-action-primary); } .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: currentColor; } .Polaris-Spinner svg { animation: var(--p-keyframes-spin) var(--p-duration-500) linear infinite; fill: var(--p-border-highlight); } .Polaris-Spinner--sizeSmall svg { height: 1.25rem; width: 1.25rem; } .Polaris-Spinner--sizeLarge svg { height: 2.75rem; width: 2.75rem; } .Polaris-Scrollable { --pc-scrollable-shadow-size: var(--p-space-5); --pc-scrollable-shadow-bottom: inset 0 calc(var(--pc-scrollable-shadow-size)*-1) var(--pc-scrollable-shadow-size) calc(var(--pc-scrollable-shadow-size)*-1) var(--p-hint-from-direct-light); --pc-scrollable-shadow-top: inset 0 var(--pc-scrollable-shadow-size) var(--pc-scrollable-shadow-size) calc(var(--pc-scrollable-shadow-size)*-1) var(--p-hint-from-direct-light); --pc-scrollable-max-height: none; -webkit-overflow-scrolling: touch; position: relative; max-height: var(--pc-scrollable-max-height); } .Polaris-Scrollable:focus { outline: var(--p-border-width-2) solid var(--p-focused); outline-offset: 0.125rem; } .Polaris-Scrollable--horizontal { overflow-x: auto; } .Polaris-Scrollable--vertical { overflow-y: auto; } .Polaris-Scrollable--verticalHasScrolling { overflow-y: scroll; } .Polaris-Scrollable--hasTopShadow { box-shadow: var(--pc-scrollable-shadow-top); } .Polaris-Scrollable--hasBottomShadow { box-shadow: var(--pc-scrollable-shadow-bottom); } .Polaris-Scrollable--hasTopShadow.Polaris-Scrollable--hasBottomShadow { box-shadow: var(--pc-scrollable-shadow-top), var(--pc-scrollable-shadow-bottom); } /* stylelint-disable unit-disallowed-list */ /* stylelint-disable length-zero-no-unit */ /* Breakpoints - Aliases */ /* Breakpoints - Media conditions */ .Polaris-Popover { max-width: calc(100vw - var(--p-space-8)); margin: 0.3125rem var(--p-space-2) var(--p-space-4); box-shadow: var(--p-shadow-popover); border-radius: var(--p-border-radius-2); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: left, top; } .Polaris-Popover__PopoverOverlay { opacity: 0; transition: opacity var(--p-duration-100) var(--p-ease), transform var(--p-duration-100) var(--p-ease); transform: translateY(-0.3125rem); } .Polaris-Popover__PopoverOverlay--entering { opacity: 1; transform: translateY(0); } .Polaris-Popover__PopoverOverlay--open { opacity: 1; transform: none; } .Polaris-Popover__PopoverOverlay--exiting { opacity: 1; transform: translateY(0); transition-duration: var(--p-duration-0); } .Polaris-Popover--measuring:not(.Polaris-Popover__PopoverOverlay--exiting) { opacity: 0; transform: translateY(-0.3125rem); } .Polaris-Popover--fullWidth { margin: 0.3125rem auto 0 auto; } .Polaris-Popover--fullWidth .Polaris-Popover__Content { max-width: none; } .Polaris-Popover--positionedAbove { margin: var(--p-space-4) var(--p-space-2) 0.3125rem; } .Polaris-Popover--positionedAbove.Polaris-Popover--fullWidth { margin: 0 auto 0.3125rem auto; } .Polaris-Popover__Wrapper { position: relative; overflow: hidden; background-color: var(--p-surface); border-radius: var(--p-border-radius-2); outline: var(--p-border-width-1) solid transparent; } .Polaris-Popover__Content { position: relative; display: flex; flex-direction: column; border-radius: var(--p-border-radius-1); max-width: 25rem; max-height: 31.25rem; } .Polaris-Popover__Content:focus { outline: none; } .Polaris-Popover__Content--fullHeight { max-height: none; } .Polaris-Popover__Content--fluidContent { max-height: none; max-width: none; } .Polaris-Popover__Pane { flex: 1 1; max-width: 100%; } .Polaris-Popover__Pane + .Polaris-Popover__Pane { border-top: var(--p-border-divider); } .Polaris-Popover__Pane:focus { outline: none; } .Polaris-Popover__Pane--fixed { overflow: visible; flex: 0 0 auto; } .Polaris-Popover__Section { padding: var(--p-space-4); } .Polaris-Popover__Section + .Polaris-Popover__Section { border-top: var(--p-border-divider); } .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-PositionedOverlay { position: absolute; z-index: var(--p-z-2); } .Polaris-PositionedOverlay--fixed { position: fixed; } .Polaris-PositionedOverlay--calculating { visibility: hidden; } .Polaris-PositionedOverlay--preventInteraction { pointer-events: none; } .Polaris-Badge { --pc-badge-horizontal-padding: var(--p-space-2); --pc-badge-vertical-padding: var(--p-space-05); display: inline-flex; align-items: center; padding: var(--pc-badge-vertical-padding) var(--pc-badge-horizontal-padding); background-color: var(--p-surface-neutral); border-radius: var(--p-border-radius-5); font-size: var(--p-font-size-2); line-height: var(--p-line-height-1); color: var(--p-text); font-weight: var(--p-font-weight-regular); } @media print { .Polaris-Badge { border: solid var(--p-border-width-1) var(--p-border); } } .Polaris-Badge--sizeSmall { font-size: var(--p-font-size-1); } .Polaris-Badge--statusSuccess { background-color: var(--p-surface-success); color: var(--p-text); } .Polaris-Badge--statusInfo { background-color: var(--p-surface-highlight); color: var(--p-text); } .Polaris-Badge--statusAttention { background-color: var(--p-surface-attention); color: var(--p-text); } .Polaris-Badge--statusWarning { background-color: var(--p-surface-warning); color: var(--p-text); } .Polaris-Badge--statusCritical { background-color: var(--p-surface-critical); color: var(--p-text); } .Polaris-Badge--statusNew { color: var(--p-text); font-weight: var(--p-font-weight-medium); border: none; } .Polaris-Badge--withinFilter { border-radius: var(--p-border-radius-1); } .Polaris-Badge__Icon { margin-left: calc((var(--p-space-1))*-1); } .Polaris-Badge__Icon + *:not(.Polaris-Badge__Icon) { margin-left: var(--p-space-1); } .Polaris-Badge__PipContainer { display: grid; align-items: center; margin-left: calc(var(--p-space-05)*-1); margin-right: var(--p-space-1); } .Polaris-Badge-Pip { --pc-pip-size: var(--p-space-2); --pc-pip-color: var(--p-icon); display: inline-block; color: var(--pc-pip-color); height: var(--pc-pip-size); width: var(--pc-pip-size); border: var(--p-border-width-2) solid var(--pc-pip-color); border-radius: var(--p-border-radius-half); flex-shrink: 0; } .Polaris-Badge-Pip--statusInfo { --pc-pip-color: var(--p-icon); } .Polaris-Badge-Pip--statusSuccess { --pc-pip-color: var(--p-icon-success); } .Polaris-Badge-Pip--statusNew { --pc-pip-color: var(--p-icon-highlight); } .Polaris-Badge-Pip--statusAttention { --pc-pip-color: var(--p-icon-attention); } .Polaris-Badge-Pip--statusWarning { --pc-pip-color: var(--p-icon-warning); } .Polaris-Badge-Pip--statusCritical { --pc-pip-color: var(--p-icon-critical); } .Polaris-Badge-Pip--progressIncomplete { background: transparent; } .Polaris-Badge-Pip--progressPartiallyComplete { background: linear-gradient(to top, currentColor, currentColor 50%, transparent 50%, transparent); } @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; } } /* stylelint-disable unit-disallowed-list */ /* stylelint-disable length-zero-no-unit */ /* Breakpoints - Aliases */ /* Breakpoints - Media conditions */ .Polaris-TextStyle--variationPositive { color: var(--p-text-success); } .Polaris-TextStyle--variationNegative { color: var(--p-text-critical); } .Polaris-TextStyle--variationWarning { color: var(--p-text-warning); } .Polaris-TextStyle--variationCode { position: relative; padding: 0 var(--p-space-1); border-radius: var(--p-border-radius-base); background-color: var(--p-surface-subdued); display: inline-block; font-size: var(--p-font-size-5); box-shadow: inset 0 0 0 0.0625rem var(--p-border-subdued); } .Polaris-TextStyle--variationCode::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: var(--p-border-width-1) solid transparent; pointer-events: none; } .Polaris-TextStyle--variationStrong { font-weight: var(--p-font-weight-semibold); } .Polaris-TextStyle--variationSubdued { color: var(--p-text-subdued); } @media print { .Polaris-TextStyle--variationSubdued { color: var(--p-text-subdued); } } /* stylelint-disable unit-disallowed-list */ /* stylelint-disable length-zero-no-unit */ /* Breakpoints - Aliases */ /* Breakpoints - Media conditions */ .Polaris-ActionList { --pc-action-list-image-size: 1.25rem; --pc-action-list-item-min-height: var(--p-space-10); --pc-action-list-item-vertical-padding: calc((var(--pc-action-list-item-min-height) - var(--p-line-height-2))/2); outline: none; list-style: none; margin: 0; padding: 0; } .Polaris-ActionList__Section--withoutTitle:not(:first-child) { border-top: var(--p-border-divider); } .Polaris-ActionList__Actions { outline: none; list-style: none; margin: 0; border-top: var(--p-border-divider); padding: var(--p-space-2); } .Polaris-ActionList > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions, .Polaris-ActionList__Section:first-child > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions { border-top: none; } .Polaris-ActionList__Title { font-size: var(--p-font-size-2); font-weight: var(--p-font-weight-semibold); line-height: var(--p-line-height-1); text-transform: uppercase; padding: var(--p-space-3) var(--p-space-4) var(--p-space-3) var(--p-space-4); } @media (min-width: 40em) { .Polaris-ActionList__Title { font-size: var(--p-font-size-1); } } .Polaris-ActionList__Section:not(:first-child) .Polaris-ActionList__Title { padding-top: var(--p-space-1); } .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; display: block; width: 100%; min-height: var(--pc-action-list-item-min-height); text-align: left; text-decoration: none; cursor: pointer; padding: var(--pc-action-list-item-vertical-padding) var(--p-space-2); border-radius: var(--p-border-radius-1); border-top: var(--p-border-width-1) 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.0