@shopify/polaris/dist/styles.css

Shopify’s product component library

:root{ --polaris-version-number:'5.8.4'; --polaris-animation-skeleton-shimmer:polaris-SkeletonShimmerAnimation; }

html, body{ font-size:1.5rem; font-weight:400; line-height:2rem; text-transform:initial; letter-spacing:initial; font-weight:400; color:var(--p-text, #212b36); }

@media (min-width: 40em){ html, body{ font-size:1.4rem; } }

html, body, button{ font-family:-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; }

html{ position:relative; font-size:62.5%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; text-size-adjust:100%; text-rendering:optimizeLegibility; }

body{ min-height:100%; margin:0; padding:0; background-color:#f4f6f8; }

*, *::before, *::after{ box-sizing:border-box; }

h1, h2, h3, h4, h5, h6, p{ margin:0; font-size:1em; font-weight:400; }

button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner{ border-style:none; }

@keyframes polaris-SkeletonShimmerAnimation{ 0%{ opacity:0.45; }
  100%{ opacity:0.9; } }


.Polaris-Avatar{ position:relative; display:block; overflow:hidden; min-width:3.2rem; max-width:100%; background:var(--p-action-secondary, #dfe3e8); color:var(--p-icon-subdued, #919eab); border-radius:3rem; -webkit-user-select:none; user-select:none; }

@media (-ms-high-contrast: active){ .Polaris-Avatar{ border:1px solid windowText; } }

.Polaris-Avatar::after{ content:''; display:block; padding-bottom:100%; }

.Polaris-Avatar--hidden{ visibility:hidden; }

.Polaris-Avatar--sizeSmall{ width:3.2rem; }

.Polaris-Avatar--sizeMedium{ width:4rem; }

.Polaris-Avatar--sizeLarge{ width:6rem; }

.Polaris-Avatar--styleOne{ color:var(--p-decorative-one-text, white); background:var(--p-decorative-one-surface, #47c1bf); }

.Polaris-Avatar--styleTwo{ color:var(--p-decorative-two-text, white); background:var(--p-decorative-two-surface, #de3618); }

.Polaris-Avatar--styleThree{ color:var(--p-decorative-three-text, white); background:var(--p-decorative-three-surface, #f49342); }

.Polaris-Avatar--styleFour{ color:var(--p-decorative-four-text, white); background:var(--p-decorative-four-surface, #50b83c); }

.Polaris-Avatar--styleFive{ color:var(--p-decorative-five-text, white); background:var(--p-decorative-five-surface, #006fbb); }

.Polaris-Avatar--styleSix{ color:white; background:#9c6ade; }

.Polaris-Avatar--hasImage{ background:transparent; }

.Polaris-Avatar__Image{ position:absolute; top:50%; left:50%; width:100%; height:100%; background-color:var(--p-background, #dfe3e8); border-radius:3rem; 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-Icon{ display:block; height:2rem; width:2rem; max-height:100%; max-width:100%; margin:auto; }

.Polaris-Icon--hasBackdrop{ position:relative; display:flex; align-items:center; margin:0.4rem; }

.Polaris-Icon--hasBackdrop::before{ content:''; position:absolute; top:-0.4rem; bottom:-0.4rem; left:-0.4rem; right:-0.4rem; border-radius:50%; }

.Polaris-Icon--isColored{ color:var(--p-surface, white); }

.Polaris-Icon--colorWhite{ color:transparent; }

.Polaris-Icon--colorWhite svg{ fill:white; }

.Polaris-Icon--colorWhite img{ filter:brightness(0) saturate(100%) invert(100%); }

.Polaris-Icon--colorWhite.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-subdued); }

.Polaris-Icon--colorBlack svg{ fill:black; }

.Polaris-Icon--colorBlack img{ filter:brightness(0) saturate(100%); }

.Polaris-Icon--colorBlack.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorSkyLighter svg{ fill:#f9fafb; }

.Polaris-Icon--colorSkyLighter img{ filter:brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%) hue-rotate(170deg) brightness(99%) contrast(99%); }

.Polaris-Icon--colorSkyLighter.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-subdued); }

.Polaris-Icon--colorSkyLight svg{ fill:#f4f6f8; }

.Polaris-Icon--colorSkyLight img{ filter:brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%) hue-rotate(174deg) brightness(99%) contrast(96%); }

.Polaris-Icon--colorSkyLight.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-subdued); }

.Polaris-Icon--colorSky svg{ fill:#dfe3e8; }

.Polaris-Icon--colorSky img{ filter:brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%) hue-rotate(175deg) brightness(97%) contrast(87%); }

.Polaris-Icon--colorSky.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-subdued); }

.Polaris-Icon--colorSkyDark svg{ fill:#c4cdd5; }

.Polaris-Icon--colorSkyDark img{ filter:brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%) hue-rotate(167deg) brightness(96%) contrast(91%); }

.Polaris-Icon--colorSkyDark.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-subdued); }

.Polaris-Icon--colorInkLightest svg{ fill:#919eab; }

.Polaris-Icon--colorInkLightest img{ filter:brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%) hue-rotate(169deg) brightness(88%) contrast(90%); }

.Polaris-Icon--colorInkLightest.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorInkLighter svg{ fill:#637381; }

.Polaris-Icon--colorInkLighter img{ filter:brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%) hue-rotate(166deg) brightness(95%) contrast(90%); }

.Polaris-Icon--colorInkLighter::before{ background-color:var(--p-surface, #dfe3e8); }

.Polaris-Icon--colorInkLighter.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorInkLight svg{ fill:#454f5b; }

.Polaris-Icon--colorInkLight img{ filter:brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%) hue-rotate(173deg) brightness(83%) contrast(84%); }

.Polaris-Icon--colorInkLight.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorInk svg{ fill:#212b36; }

.Polaris-Icon--colorInk img{ filter:brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%) hue-rotate(171deg) brightness(99%) contrast(84%); }

.Polaris-Icon--colorInk::before{ background-color:var(--p-surface, #dfe3e8); }

.Polaris-Icon--colorInk.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorBlueLighter svg{ fill:#ebf5fa; }

.Polaris-Icon--colorBlueLighter img{ filter:brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%) hue-rotate(175deg) brightness(103%) contrast(96%); }

.Polaris-Icon--colorBlueLighter.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorBlueLight svg{ fill:#b4e1fa; }

.Polaris-Icon--colorBlueLight img{ filter:brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%) hue-rotate(178deg) brightness(108%) contrast(96%); }

.Polaris-Icon--colorBlueLight.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorBlue svg{ fill:#006fbb; }

.Polaris-Icon--colorBlue img{ filter:brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2885%) hue-rotate(190deg) brightness(99%) contrast(101%); }

.Polaris-Icon--colorBlue.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorBlueDark svg{ fill:#084e8a; }

.Polaris-Icon--colorBlueDark img{ filter:brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%) hue-rotate(182deg) brightness(94%) contrast(101%); }

.Polaris-Icon--colorBlueDark::before{ background-color:var(--p-surface-highlight, #b4e1fa); }

.Polaris-Icon--colorBlueDark.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorBlueDarker svg{ fill:#001429; }

.Polaris-Icon--colorBlueDarker img{ filter:brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%) hue-rotate(195deg) brightness(97%) contrast(102%); }

.Polaris-Icon--colorBlueDarker.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Icon--colorIndigoLighter svg{ fill:#f4f5fa; }

.Polaris-Icon--colorIndigoLighter img{ filter:brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(1090%) hue-rotate(179deg) brightness(100%) contrast(96%); }

.Polaris-Icon--colorIndigoLighter.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-action-primary); }

.Polaris-Icon--colorIndigoLight svg{ fill:#b3bcf5; }

.Polaris-Icon--colorIndigoLight img{ filter:brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%) hue-rotate(194deg) brightness(111%) contrast(92%); }

.Polaris-Icon--colorIndigoLight.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-action-primary); }

.Polaris-Icon--colorIndigo svg{ fill:#5c6ac4; }

.Polaris-Icon--colorIndigo img{ filter:brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%) hue-rotate(194deg) brightness(88%) contrast(84%); }

.Polaris-Icon--colorIndigo.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-action-primary); }

.Polaris-Icon--colorIndigoDark svg{ fill:#202e78; }

.Polaris-Icon--colorIndigoDark img{ filter:brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%) hue-rotate(218deg) brightness(87%) contrast(98%); }

.Polaris-Icon--colorIndigoDark.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-action-primary); }

.Polaris-Icon--colorIndigoDarker svg{ fill:#000639; }

.Polaris-Icon--colorIndigoDarker img{ filter:brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%) hue-rotate(229deg) brightness(72%) contrast(111%); }

.Polaris-Icon--colorIndigoDarker.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-action-primary); }

.Polaris-Icon--colorTealLighter svg{ fill:#e0f5f5; }

.Polaris-Icon--colorTealLighter img{ filter:brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1124%) hue-rotate(173deg) brightness(114%) contrast(92%); }

.Polaris-Icon--colorTealLighter.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-highlight); }

.Polaris-Icon--colorTealLight svg{ fill:#b7ecec; }

.Polaris-Icon--colorTealLight img{ filter:brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%) hue-rotate(122deg) brightness(97%) contrast(91%); }

.Polaris-Icon--colorTealLight.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-highlight); }

.Polaris-Icon--colorTeal svg{ fill:#47c1bf; }

.Polaris-Icon--colorTeal img{ filter:brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%); }

.Polaris-Icon--colorTeal::before{ background-color:var(--p-surface-highlight, white); }

.Polaris-Icon--colorTeal.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-highlight); }

.Polaris-Icon--colorTealDark svg{ fill:#00848e; }

.Polaris-Icon--colorTealDark img{ filter:brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%) hue-rotate(168deg) brightness(93%) contrast(101%); }

.Polaris-Icon--colorTealDark::before{ background-color:var(--p-surface-highlight, #b7ecec); }

.Polaris-Icon--colorTealDark.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-highlight); }

.Polaris-Icon--colorTealDarker svg{ fill:#003135; }

.Polaris-Icon--colorTealDarker img{ filter:brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(2237%) hue-rotate(141deg) brightness(96%) contrast(104%); }

.Polaris-Icon--colorTealDarker.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-highlight); }

.Polaris-Icon--colorGreenLighter svg{ fill:#e3f1df; }

.Polaris-Icon--colorGreenLighter img{ filter:brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%) hue-rotate(46deg) brightness(108%) contrast(89%); }

.Polaris-Icon--colorGreenLighter.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-success); }

.Polaris-Icon--colorGreen svg{ fill:#50b83c; }

.Polaris-Icon--colorGreen img{ filter:brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%) hue-rotate(64deg) brightness(106%) contrast(91%); }

.Polaris-Icon--colorGreen::before{ background-color:var(--p-surface-success, #e3f1df); }

.Polaris-Icon--colorGreen.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-success); }

.Polaris-Icon--colorGreenDark svg{ fill:#108043; }

.Polaris-Icon--colorGreenDark img{ filter:brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%) hue-rotate(155deg) brightness(97%) contrast(87%); }

.Polaris-Icon--colorGreenDark::before{ background-color:var(--p-surface-success, #bbe5b3); }

.Polaris-Icon--colorGreenDark.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-success); }

.Polaris-Icon--colorYellowLighter svg{ fill:#fcf1cd; }

.Polaris-Icon--colorYellowLighter img{ filter:brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%) hue-rotate(357deg) brightness(103%) contrast(98%); }

.Polaris-Icon--colorYellowLighter.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-warning); }

.Polaris-Icon--colorYellow svg{ fill:#eec200; }

.Polaris-Icon--colorYellow img{ filter:brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%) hue-rotate(5deg) brightness(100%) contrast(100%); }

.Polaris-Icon--colorYellow.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-warning); }

.Polaris-Icon--colorYellowDark svg{ fill:#8a6116; }

.Polaris-Icon--colorYellowDark img{ filter:brightness(0) saturate(100%) invert(37%) sepia(51%) saturate(709%) hue-rotate(0deg) brightness(93%) contrast(89%); }

.Polaris-Icon--colorYellowDark::before{ background-color:var(--p-surface-warning, #ffea8a); }

.Polaris-Icon--colorYellowDark.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-warning); }

.Polaris-Icon--colorOrange svg{ fill:#f49342; }

.Polaris-Icon--colorOrange img{ filter:brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%) hue-rotate(340deg) brightness(105%) contrast(91%); }

.Polaris-Icon--colorOrange.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-warning); }

.Polaris-Icon--colorOrangeDark svg{ fill:#c05717; }

.Polaris-Icon--colorOrangeDark img{ filter:brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%) hue-rotate(5deg) brightness(96%) contrast(82%); }

.Polaris-Icon--colorOrangeDark.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-warning); }

.Polaris-Icon--colorRedLighter svg{ fill:#fbeae5; }

.Polaris-Icon--colorRedLighter img{ filter:brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(137%) hue-rotate(324deg) brightness(102%) contrast(97%); }

.Polaris-Icon--colorRedLighter.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-critical); }

.Polaris-Icon--colorRed svg{ fill:#de3618; }

.Polaris-Icon--colorRed img{ filter:brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%) hue-rotate(353deg) brightness(89%) contrast(95%); }

.Polaris-Icon--colorRed.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-critical); }

.Polaris-Icon--colorRedDark svg{ fill:#bf0711; }

.Polaris-Icon--colorRedDark img{ filter:brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%) hue-rotate(353deg) brightness(75%) contrast(101%); }

.Polaris-Icon--colorRedDark::before{ background-color:var(--p-surface-critical, #fead9a); }

.Polaris-Icon--colorRedDark.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-critical); }

.Polaris-Icon--colorPurple svg{ fill:#9c6ade; }

.Polaris-Icon--colorPurple img{ filter:brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%) hue-rotate(229deg) brightness(91%) contrast(91%); }

.Polaris-Icon--colorPurple.Polaris-Icon--newDesignLanguage svg{ fill:var(--p-icon-highlight); }

.Polaris-Icon--colorBase svg{ fill:var(--p-icon); }

.Polaris-Icon--colorSubdued svg{ fill:var(--p-icon-subdued); }

.Polaris-Icon--colorCritical svg{ fill:var(--p-icon-critical); }

.Polaris-Icon--colorWarning svg{ fill:var(--p-icon-warning); }

.Polaris-Icon--colorHighlight svg{ fill:var(--p-icon-highlight); }

.Polaris-Icon--colorSuccess svg{ fill:var(--p-icon-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-VisuallyHidden{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }


@keyframes Polaris-Spinner--loading{ to{ transform:rotate(360deg); } }

.Polaris-Spinner{ color:transparent; }

.Polaris-Spinner--sizeSmall svg{ height:2rem; width:2rem; }

.Polaris-Spinner--sizeLarge svg{ height:4.4rem; width:4.4rem; }

.Polaris-Spinner--colorWhite svg{ animation:Polaris-Spinner--loading 500ms linear infinite; fill:var(--p-border-highlight, white); }

.Polaris-Spinner--colorTeal svg, .Polaris-Spinner--colorHighlight svg{ animation:Polaris-Spinner--loading 500ms linear infinite; fill:var(--p-border-highlight, #47c1bf); }

.Polaris-Spinner--colorInkLightest svg{ animation:Polaris-Spinner--loading 500ms linear infinite; fill:var(--p-border-highlight, #919eab); }


.Polaris-Scrollable{ -webkit-overflow-scrolling:touch; position:relative; }

.Polaris-Scrollable--horizontal{ overflow-x:auto; }

.Polaris-Scrollable--vertical{ overflow-y:auto; }

.Polaris-Scrollable--verticalHasScrolling{ overflow-y:scroll; }

.Polaris-Scrollable--hasTopShadow{ box-shadow:inset 0 2rem 2rem -2rem var(--p-hint-from-direct-light, rgba(0, 0, 0, 0.1)); }

.Polaris-Scrollable--hasBottomShadow{ box-shadow:inset 0 -2rem 2rem -2rem var(--p-hint-from-direct-light, rgba(0, 0, 0, 0.1)); }

.Polaris-Scrollable--hasTopShadow.Polaris-Scrollable--hasBottomShadow{ box-shadow:inset 0 2rem 2rem -2rem var(--p-hint-from-direct-light, rgba(0, 0, 0, 0.1)), inset 0 -2rem 2rem -2rem var(--p-hint-from-direct-light, rgba(0, 0, 0, 0.1)); }


.Polaris-Popover{ max-width:calc(100vw - 3.2rem); margin:0.5rem 0.8rem 1.6rem; box-shadow:var(--p-popover-shadow, 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08)); border-radius:var(--p-border-radius-wide, 3px); -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:left, top; }

.Polaris-Popover__PopoverOverlay{ -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:opacity; opacity:0; transition:opacity 200ms cubic-bezier(0.36, 0, 1, 1); }

.Polaris-Popover__PopoverOverlay--entering{ opacity:1; }

.Polaris-Popover__PopoverOverlay--open{ opacity:1; }

.Polaris-Popover__PopoverOverlay--exiting{ opacity:0; transition-timing-function:cubic-bezier(0, 0, 0.42, 1); }

.Polaris-Popover--measuring:not(.Polaris-Popover__PopoverOverlay--exiting){ opacity:0; }

.Polaris-Popover--fullWidth{ margin:0; margin-top:0.5rem; }

.Polaris-Popover--fullWidth .Polaris-Popover__Content{ max-width:none; }

.Polaris-Popover--positionedAbove{ margin:1.6rem 0.8rem 0.5rem; }

.Polaris-Popover--positionedAbove.Polaris-Popover--fullWidth{ margin:0 0 0.5rem; }

.Polaris-Popover__Wrapper{ position:relative; overflow:hidden; background-color:var(--p-surface, white); border-radius:var(--p-border-radius-wide, 3px); outline:1px solid transparent; }

.Polaris-Popover__Content{ position:relative; display:flex; flex-direction:column; border-radius:var(--p-border-radius-base, 3px); max-width:40rem; max-height:29.5rem; }

.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:0.1rem solid var(--p-divider, #dfe3e8); }

.Polaris-Popover__Pane--fixed{ overflow:visible; flex:0 0 auto; }

.Polaris-Popover__Section{ padding:1.6rem; }

.Polaris-Popover__Section + .Polaris-Popover__Section{ border-top:0.1rem solid var(--p-divider, #dfe3e8); }

.Polaris-Popover__FocusTracker{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }

@media print{ .Polaris-Popover__PopoverOverlay--hideOnPrint{ display:none !important; } }


.Polaris-PositionedOverlay{ position:absolute; z-index:400; }

.Polaris-PositionedOverlay--fixed{ position:fixed; }

.Polaris-PositionedOverlay--calculating{ visibility:hidden; }

.Polaris-PositionedOverlay--preventInteraction{ pointer-events:none; }


.Polaris-Badge{ display:inline-flex; align-items:center; padding:0.3rem 0.8rem; background-color:var(--p-surface-neutral, #dfe3e8); border:var(--p-override-zero, 0.2rem) solid white; border-radius:2rem; font-size:1.3rem; line-height:1.6rem; color:var(--p-text, #454f5b); font-weight:var(--p-badge-font-weight, 400); }

.Polaris-Badge .Polaris-Badge__Pip{ color:var(--p-icon, #919eab); }

@media print{ .Polaris-Badge{ border:solid 0.01rem var(--p-border, #454f5b); border-radius:2rem; } }

.Polaris-Badge--sizeSmall{ font-size:1.2rem; line-height:1.8rem; }

.Polaris-Badge--statusSuccess{ background-color:var(--p-surface-success, #bbe5b3); color:var(--p-text, #414f3e); }

.Polaris-Badge--statusSuccess .Polaris-Badge__Pip{ color:var(--p-icon-success, #108043); }

.Polaris-Badge--statusInfo{ background-color:var(--p-surface-highlight, #b4e1fa); color:var(--p-text, #3e4e57); }

.Polaris-Badge--statusInfo .Polaris-Badge__Pip{ color:var(--p-icon-highlight, #084e8a); }

.Polaris-Badge--statusAttention{ background-color:#ffea8a; color:var(--p-text, #595130); }

.Polaris-Badge--statusAttention .Polaris-Badge__Pip{ color:#8a6116; }

.Polaris-Badge--statusWarning{ background-color:var(--p-surface-warning, #ffc58b); color:var(--p-text, #594430); }

.Polaris-Badge--statusWarning .Polaris-Badge__Pip{ color:var(--p-icon-warning, #c05717); }

.Polaris-Badge--statusCritical{ background-color:var(--p-surface-critical, #fead9a); color:var(--p-text, #583c35); }

.Polaris-Badge--statusCritical .Polaris-Badge__Pip{ color:var(--p-icon-critical, #bf0711); }

.Polaris-Badge--statusNew{ background-color:var(--p-surface-neutral, #dfe3e8); color:var(--p-text, #212b36); font-weight:500; border:none; }

.Polaris-Badge__Pip{ height:1rem; width:1rem; margin:0 0.4rem 0 -0.3rem; border:0.2rem solid currentColor; border-radius:50%; flex-shrink:0; }

.Polaris-Badge--progressIncomplete .Polaris-Badge__Pip{ background:transparent; }

.Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip{ background:linear-gradient(to top, currentColor, currentColor 50%, transparent 50%, transparent); }

@media print{ .Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip{ position:relative; overflow:hidden; }
  .Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip::before{ content:''; position:absolute; width:100%; height:50%; transform:translateY(100%); box-shadow:0 0 0 1rem currentColor inset; } }

.Polaris-Badge--progressComplete .Polaris-Badge__Pip{ background:linear-gradient(to top, currentColor, currentColor 50%, currentColor 50%); }

@media print{ .Polaris-Badge--progressComplete .Polaris-Badge__Pip{ box-shadow:0 0 0 1rem currentColor inset; } }

.Polaris-Badge--withinFilter{ border-radius:var(--p-border-radius-base, 2rem); }


.Polaris-TextStyle--variationPositive{ color:var(--p-text-success, #108043); }

.Polaris-TextStyle--variationNegative{ color:var(--p-text-critical, #bf0711); }

.Polaris-TextStyle--variationCode{ position:relative; padding:0 0.4rem; border-radius:3px; background-color:var(--p-surface-subdued, #f4f6f8); display:inline-block; font-size:1.15em; box-shadow:inset 0 0 0 1px var(--p-border-subdued, #dfe3e8); }

.Polaris-TextStyle--variationCode::after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid transparent; }

.Polaris-TextStyle--variationStrong{ font-weight:600; }

.Polaris-TextStyle--variationSubdued{ color:var(--p-text-subdued, #637381); }


.Polaris-ActionList{ list-style:none; margin:0; padding:0.8rem 0; }

.Polaris-ActionList__Section--withoutTitle:not(:first-child){ border-top:0.1rem solid var(--p-divider, #dfe3e8); margin-top:0.8rem; padding-top:0.8rem; }

.Polaris-ActionList__Actions{ list-style:none; margin:0; padding:0; border-top:0.1rem solid var(--p-divider, #dfe3e8); }

.Polaris-ActionList__Actions.Polaris-ActionList--newDesignLanguage{ padding:0 0.8rem; border-color:var(--p-surface-neutral); }

.Polaris-ActionList__Title + .Polaris-ActionList__Actions.Polaris-ActionList--newDesignLanguage{ padding-top:0.8rem; }

.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:1.3rem; font-weight:600; line-height:1.6rem; text-transform:uppercase; padding:1.2rem 1.6rem; }

@media (min-width: 40em){ .Polaris-ActionList__Title{ font-size:1.2rem; } }

.Polaris-ActionList__Item{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; cursor:pointer; color:inherit; text-decoration:none; display:block; width:100%; min-height:4rem; padding:1rem 1.6rem; text-align:left; cursor:pointer; border-radius:0; }

.Polaris-ActionList__Item:focus{ outline:none; }

.Polaris-ActionList__Item:visited{ color:inherit; }

.Polaris-ActionList__Item.Polaris-ActionList--active{ background-image:linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)); }

.Polaris-ActionList__Item:active{ background-image:linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)); }

.Polaris-ActionList__Item:active:hover{ background-image:linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }

.Polaris-ActionList__Item:active:hover:focus{ box-shadow:inset 0.2rem 0 0 #5c6ac4; background-image:linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }

.Polaris-ActionList__Item:hover{ background-image:linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }

.Polaris-ActionList__Item:hover:focus{ box-shadow:inset 0.2rem 0 0 #5c6ac4; background-image:linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }

.Polaris-ActionList__Item:focus{ box-shadow:inset 0.2rem 0 0 #5c6ac4; background-image:linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }

.Polaris-ActionList__Item.Polaris-ActionList--destructive{ color:#bf0711; }

.Polaris-ActionList__Item.Polaris-ActionList--destructive svg{ fill:#bf0711; }

.Polaris-ActionList__Item.Polaris-ActionList--destructive:active{ background-image:linear-gradient(rgba(220, 56, 37, 0.03), rgba(220, 56, 37, 0.03)); }

.Polaris-ActionList__Item.Polaris-ActionList--destructive:active:hover{ background-image:linear-gradient(rgba(220, 56, 37, 0.03), rgba(220, 56, 37, 0.03)), linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }

.Polaris-ActionList__Item.Polaris-ActionList--destructive:active:hover:focus{ box-shadow:inset 0.2rem 0 0 #de3618; background-image:linear-gradient(rgba(220, 56, 37, 0.03), rgba(220, 56, 37, 0.03)), linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)), linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }

.Polaris-ActionList__Item.Polaris-ActionList--destructive:hover{ background-image:linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }

.Polaris-ActionList__Item.Polaris-ActionList--destructive:hover:focus{ box-shadow:inset 0.2rem 0 0 #de3618; background-image:linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)), linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }

.Polaris-ActionList__Item.Polaris-ActionList--destructive:focus{ box-shadow:inset 0.2rem 0 0 #de3618; background-image:linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }

.Polaris-ActionList__Item.Polaris-ActionList--disabled{ background-image:linear-gradient(#f9fafb, #f9fafb); color:#919eab; pointer-events:none; }

.Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Prefix svg, .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Suffix svg{ fill:#919eab; color:white; }

.Polaris-ActionList__Item::-moz-focus-inner{ border:none; }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage{ padding:1rem 0.8rem; border-radius:var(--p-border-radius-base); border-top:1px solid var(--p-surface); position:relative; }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:hover{ background-image:none; background-color:var(--p-surface-hovered); color:inherit; text-decoration:none; }

@media (-ms-high-contrast: active){ .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:hover{ outline:1px solid windowText; } }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--active, .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:active{ background-image:none; }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--active svg, .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:active svg{ fill:var(--p-interactive); }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:active{ background-color:var(--p-surface-pressed); }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--active{ background-color:var(--p-surface-selected); }

[aria-selected='true'] > .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage::before{ content:''; position:absolute; top:0; bottom:0; left:-0.4rem; height:100%; width:0.3rem; background-color:var(--p-interactive); border-top-right-radius:var(--p-border-radius-base); border-bottom-right-radius:var(--p-border-radius-base); transform:translateX(-100%); }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:active:hover:focus{ box-shadow:none; background-image:none; }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:hover:focus{ box-shadow:none; background-image:none; }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:focus{ box-shadow:none; background-image:none; }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:focus:not(:active)::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage:focus:not(:active)::after{ outline:1px solid windowText; } }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive{ color:var(--p-interactive-critical); }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive svg{ fill:var(--p-icon-critical); }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:hover{ background-image:none; background-color:var(--p-surface-critical-subdued-hovered); }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive.Polaris-ActionList--active, .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:active{ background-image:none; background-color:var(--p-surface-critical-subdued-pressed); }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:active:hover:focus{ box-shadow:none; background-image:none; }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:hover:focus{ box-shadow:none; background-image:none; }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--destructive:focus{ box-shadow:none; background-image:none; }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--disabled{ background-image:none; color:var(--p-text-disabled); }

.Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--disabled .Polaris-ActionList__Prefix svg, .Polaris-ActionList__Item.Polaris-ActionList--newDesignLanguage.Polaris-ActionList--disabled .Polaris-ActionList__Suffix svg{ fill:var(--p-icon-disabled); }

.Polaris-ActionList__Content{ display:flex; align-items:center; }

.Polaris-ActionList__Prefix{ display:flex; flex:0 0 auto; justify-content:center; align-items:center; height:2rem; width:2rem; border-radius:3px; margin:-1rem 1.6rem -1rem 0; background-size:cover; background-position:center center; }

.Polaris-ActionList__Prefix svg{ fill:#454f5b; color:white; }

.Polaris-ActionList__Prefix.Polaris-ActionList--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-ActionList__Suffix{ margin-left:1.6rem; }

.Polaris-ActionList__Suffix svg{ fill:#454f5b; color:white; }

.Polaris-ActionList__Suffix.Polaris-ActionList--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-ActionList__Text{ min-width:0; max-width:100%; flex:1 1 auto; }


.Polaris-Button{ position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:3.6rem; min-width:3.6rem; margin:0; padding:0.7rem 1.6rem; background:linear-gradient(to bottom, white, #f9fafb); border:0.1rem solid var(--p-border, #c4cdd5); box-shadow:0 1px 0 0 rgba(22, 29, 37, 0.05); border-radius:3px; line-height:1; color:#212b36; text-align:center; cursor:pointer; -webkit-user-select:none; user-select:none; text-decoration:none; transition-property:background, border, box-shadow; transition-duration:var(--p-override-none, 200ms); transition-timing-function:var(--p-override-none, cubic-bezier(0.64, 0, 0.35, 1)); -webkit-tap-highlight-color:transparent; }

.Polaris-Button svg{ fill:#637381; }

.Polaris-Button:hover{ background:linear-gradient(to bottom, #f9fafb, #f4f6f8); border-color:#c4cdd5; }

.Polaris-Button:focus{ border-color:#5c6ac4; outline:0; box-shadow:0 0 0 1px #5c6ac4; }

@media (-ms-high-contrast: active){ .Polaris-Button:focus{ outline:2px dotted; } }

.Polaris-Button:active{ background:linear-gradient(to bottom, #f4f6f8, #f4f6f8); border-color:#c4cdd5; box-shadow:0 0 0 0 transparent, inset 0 1px 1px 0 rgba(99, 115, 129, 0.1), inset 0 1px 4px 0 rgba(99, 115, 129, 0.2); }

.Polaris-Button.Polaris-Button--newDesignLanguage{ position:relative; background:var(--p-surface); box-shadow:var(--p-button-drop-shadow); border-radius:var(--p-border-radius-base); color:var(--p-text); border:1px solid var(--p-border-neutral-subdued); border-top-color:var(--p-border-subdued); border-bottom-color:var(--p-border-shadow-subdued); }

.Polaris-Button.Polaris-Button--newDesignLanguage svg{ fill:var(--p-icon); }

.Polaris-Button.Polaris-Button--newDesignLanguage::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-Button.Polaris-Button--newDesignLanguage:hover{ background:var(--p-action-secondary-hovered); }

@media (-ms-high-contrast: active){ .Polaris-Button.Polaris-Button--newDesignLanguage:hover{ outline:1px solid windowText; } }

.Polaris-Button.Polaris-Button--newDesignLanguage:focus{ box-shadow:var(--p-button-drop-shadow); border-color:var(--p-border-neutral-subdued); }

.Polaris-Button.Polaris-Button--newDesignLanguage:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-Button.Polaris-Button--newDesignLanguage:focus::after{ outline:1px solid windowText; } }

.Polaris-Button.Polaris-Button--newDesignLanguage:active{ background:var(--p-action-secondary-pressed); box-shadow:var(--p-button-drop-shadow); }

.Polaris-Button.Polaris-Button--newDesignLanguage:active::after{ border:none; box-shadow:none; }

.Polaris-Button.Polaris-Button--newDesignLanguage.Polaris-Button--pressed{ background:var(--p-action-secondary-depressed); box-shadow:var(--p-button-pressed-inner-shadow); color:var(--p-text-on-primary); border-color:var(--p-border-depressed); }

.Polaris-Button.Polaris-Button--newDesignLanguage.Polaris-Button--pressed svg{ fill:currentColor; }

@media (-ms-high-contrast: active){ .Polaris-Button.Polaris-Button--newDesignLanguage{ border:1px solid windowText; } }

.Polaris-Button.Polaris-Button--disabled{ transition:none; background:linear-gradient(to bottom, #f4f6f8, #f4f6f8); color:#919eab; }

.Polaris-Button.Polaris-Button--disabled svg{ fill:#919eab; }

.Polaris-Button.Polaris-Button--disabled.Polaris-Button--newDesignLanguage{ box-shadow:none; border-color:var(--p-border-disabled); background:var(--p-surface-disabled); color:var(--p-text-disabled); }

.Polaris-Button.Polaris-Button--disabled.Polaris-Button--newDesignLanguage svg{ fill:var(--p-icon-disabled); }

.Polaris-Button.Polaris-Button--connectedDisclosure{ z-index:10; border-top-right-radius:0; border-bottom-right-radius:0; }

.Polaris-Button.Polaris-Button--connectedDisclosure::after{ border-top-right-radius:0; border-bottom-right-radius:0; }

.Polaris-Button.Polaris-Button--connectedDisclosure:focus{ z-index:20; }

.Polaris-Button__Content{ font-size:1.5rem; font-weight:var(--p-button-font-weight, 400); line-height:1.6rem; text-transform:initial; letter-spacing:initial; position:relative; display:flex; justify-content:center; align-items:center; min-width:1px; min-height:1px; }

@media (min-width: 40em){ .Polaris-Button__Content{ font-size:1.4rem; } }

.Polaris-Button--textAlignLeft{ justify-content:flex-start; text-align:left; }

.Polaris-Button--textAlignCenter{ justify-content:center; text-align:center; }

.Polaris-Button--textAlignRight{ justify-content:flex-end; text-align:right; }

.Polaris-Button__Icon{ transition:color 200ms cubic-bezier(0.64, 0, 0.35, 1); margin-left:-0.4rem; }

.Polaris-Button__Icon:last-child{ margin-right:-0.8rem; margin-left:0.4rem; }

.Polaris-Button__Icon + *:not(.Polaris-Button__Icon){ margin-left:0.4rem; }

.Polaris-Button__Hidden{ visibility:hidden; }

.Polaris-Button__Spinner{ position:absolute; top:50%; left:50%; margin-top:-1rem; margin-left:-1rem; }

.Polaris-Button--primary{ --p-button-color:var(--p-action-primary); --p-button-text:var(--p-text-on-primary); --p-button-color-hover:var(--p-action-primary-hovered); --p-button-color-active:var(--p-action-primary-pressed); --p-button-color-depressed:var(--p-action-primary-depressed); background:linear-gradient(to bottom, #6371c7, #5563c1); border-color:#3f4eae; box-shadow:inset 0 1px 0 0 #6774c8, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 0 transparent; color:white; }

.Polaris-Button--primary:hover{ background:linear-gradient(to bottom, #5c6ac4, #4959bd); border-color:#3f4eae; color:white; }

.Polaris-Button--primary:focus{ border-color:#202e78; box-shadow:inset 0 1px 0 0 #6f7bcb, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 1px #202e78; }

.Polaris-Button--primary:active{ background:linear-gradient(to bottom, #3f4eae, #3f4eae); border-color:#38469b; box-shadow:inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 1px 0 #38469b; }

.Polaris-Button--primary.Polaris-Button--newDesignLanguage{ position:relative; background:var(--p-button-color); border-width:0; border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); color:var(--p-button-text); }

.Polaris-Button--primary.Polaris-Button--newDesignLanguage::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-Button--primary.Polaris-Button--newDesignLanguage:hover{ background:var(--p-button-color-hover); border-color:transparent; color:var(--p-button-text); }

.Polaris-Button--primary.Polaris-Button--newDesignLanguage:focus{ border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }

.Polaris-Button--primary.Polaris-Button--newDesignLanguage:active{ background:var(--p-button-color-active); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }

.Polaris-Button--primary.Polaris-Button--newDesignLanguage.Polaris-Button--pressed{ color:var(--p-button-text); background:var(--p-button-color-depressed); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }

.Polaris-Button--primary.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:hover, .Polaris-Button--primary.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:focus{ background:var(--p-button-color-depressed); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }

.Polaris-Button--primary svg{ fill:white; }

.Polaris-Button--primary.Polaris-Button--newDesignLanguage svg{ fill:var(--p-icon-on-primary); }

.Polaris-Button--primary.Polaris-Button--disabled{ background:linear-gradient(to bottom, #bac0e6, #bac0e6); border-color:#a7aedf; box-shadow:none; color:white; }

.Polaris-Button--primary.Polaris-Button--disabled svg{ fill:white; }

.Polaris-Button--primary.Polaris-Button--disabled.Polaris-Button--newDesignLanguage{ background:var(--p-action-primary-disabled); color:var(--p-text-disabled); border-color:transparent; }

.Polaris-Button--primary.Polaris-Button--disabled.Polaris-Button--newDesignLanguage svg{ fill:var(--p-icon-disabled); }

.Polaris-Button--primary.Polaris-Button--pressed{ background:linear-gradient(to bottom, #3f4eae, #3f4eae); border-color:#10173c; box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #10173c; }

.Polaris-Button--primary.Polaris-Button--pressed:focus, .Polaris-Button--primary.Polaris-Button--pressed:hover{ transition-duration:100ms; background:linear-gradient(to bottom, #3c4ba7, #3c4ba7); border-color:#10173c; box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #10173c; }

.Polaris-Button--primary.Polaris-Button--pressed:active{ background:linear-gradient(to bottom, #3f4eae, #3f4eae); border-color:#10173c; box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #0b0f27; }

.Polaris-Button--destructive{ --p-button-color:var(--p-action-critical); --p-button-text:var(--p-text-on-critical); --p-button-color-hover:var(--p-action-critical-hovered); --p-button-color-active:var(--p-action-critical-pressed); --p-button-color-depressed:var(--p-action-critical-depressed); background:linear-gradient(to bottom, #e6391a, #d53417); border-color:#b02b13; box-shadow:inset 0 1px 0 0 #e73d1f, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 0 transparent; color:white; }

.Polaris-Button--destructive:hover{ background:linear-gradient(to bottom, #de3618, #c73016); border-color:#b02b13; color:white; }

.Polaris-Button--destructive:focus{ border-color:#bf0711; box-shadow:inset 0 1px 0 0 #e84528, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 1px #bf0711; }

.Polaris-Button--destructive:active{ background:linear-gradient(to bottom, #b02b13, #b02b13); border-color:#992511; box-shadow:inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 1px 0 #992511; }

.Polaris-Button--destructive.Polaris-Button--newDesignLanguage{ position:relative; background:var(--p-button-color); border-width:0; border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); color:var(--p-button-text); }

.Polaris-Button--destructive.Polaris-Button--newDesignLanguage::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.1rem; right:-0.1rem; bottom:-0.1rem; left:-0.1rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.1rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-Button--destructive.Polaris-Button--newDesignLanguage:hover{ background:var(--p-button-color-hover); border-color:transparent; color:var(--p-button-text); }

.Polaris-Button--destructive.Polaris-Button--newDesignLanguage:focus{ border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }

.Polaris-Button--destructive.Polaris-Button--newDesignLanguage:active{ background:var(--p-button-color-active); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }

.Polaris-Button--destructive.Polaris-Button--newDesignLanguage.Polaris-Button--pressed{ color:var(--p-button-text); background:var(--p-button-color-depressed); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }

.Polaris-Button--destructive.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:hover, .Polaris-Button--destructive.Polaris-Button--newDesignLanguage.Polaris-Button--pressed:focus{ background:var(--p-button-color-depressed); border-color:transparent; box-shadow:var(--p-button-drop-shadow), var(--p-button-inner-shadow); }

.Polaris-Button--destructive svg{ fill:white; }

.Polaris-Button--destructive.Polaris-Button--disabled{ background:linear-gradient(to bottom, #f29484, #f29484); border-color:#ef816d; box-shadow:none; color:white; }

.Polaris-Button--destructive.Polaris-Button--disabled svg{ fill:white; }

.Polaris-Button--destructive.Polaris-Button--disabled.Polaris-Button--newDesignLanguage{ background:var(--p-action-critical-disabled); color:var(--p-text-disabled); border-color:transparent; }

.Polaris-Button--destructive.Polaris-Button--disabled.Polaris-Button--newDesignLanguage svg{ fill:var(--p-icon-disabled); }

.Polaris-Button--destructive.Polaris-Button--pressed{ background:linear-gradient(to bottom, #b02b13, #b02b13); border-color:#75040a; box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #75040a; }

.Polaris-Button--destructive.Polaris-Button--pressed:focus, .Polaris-Button--destructive.Polaris-Button--pressed:hover{ transition-duration:100ms; background:linear-gradient(to bottom, #a72912, #a72912); border-color:#75040a; box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #75040a; }

.Polaris-Button--destructive.Polaris-Button--pressed:active{ background:linear-gradient(to bottom, #b02b13, #b02b13); border-color:#75040a; box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #5d0308; }

.Polaris-Button--destructive.Polaris-Button--newDesignLanguage svg{ fill:var(--p-icon-on-critical); }

.Polaris-Button--outline{ background:transparent; border-color:rgba(99, 115, 129, 0.4); box-shadow:none; color:#374047; }

.Polaris-Button--outline svg{ fill:#374047; }

.Polaris-Button--outline:hover{ background:rgba(99, 115, 129, 0.05); border-color:rgba(99, 115, 129, 0.4); }

.Polaris-Button--outline:focus{ border-color:rgba(99, 115, 129, 0.8); box-shadow:0 0 0 1px rgba(99, 115, 129, 0.8); }

.Polaris-Button--outline:active{ background:rgba(99, 115, 129, 0.1); box-shadow:none; }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage{ background:transparent; position:relative; border:0.1rem solid var(--p-border); box-shadow:none; color:var(--p-text); }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage::after{ content:var(--p-non-null-content, none); position:absolute; z-index:1; top:-0.2rem; right:-0.2rem; bottom:-0.2rem; left:-0.2rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.2rem var(--p-focused); transition:box-shadow 100ms var(--p-ease); border-radius:calc(var(--p-border-radius-base) + 0.1rem); }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage:hover{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-hovered); }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage:focus{ border:0.1rem solid var(--p-border); box-shadow:none; }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-Button--outline.Polaris-Button--newDesignLanguage:focus::after{ outline:1px solid windowText; } }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage:active{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-pressed); }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage:active::after{ box-shadow:none; }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--pressed{ background:var(--p-action-secondary-pressed); border:0.1rem solid var(--p-border); box-shadow:none; color:var(--p-button-text); }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--disabled{ border:0.1rem solid var(--p-border-disabled); box-shadow:none; background:transparent; color:var(--p-text-disabled); }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive{ background:transparent; border:0.1rem solid var(--p-border-critical); box-shadow:none; color:var(--p-interactive-critical); }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive svg{ fill:var(--p-icon-critical); }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:hover{ border:0.1rem solid var(--p-border-critical); box-shadow:none; background:var(--p-surface-critical-subdued); }

.Polaris-Button--outline.Polaris-Button--newDesignLanguage.Polaris-Button--destructive:focus{ bo