@shopify/polaris/dist/esnext/components/Button/Button.css

Shopify’s product component library

.Polaris-Button_r99lw{ 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_r99lw svg{ fill:#637381; }

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

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

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

.Polaris-Button_r99lw: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_r99lw.Polaris-Button--newDesignLanguage_1rik8{ 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_r99lw.Polaris-Button--newDesignLanguage_1rik8 svg{ fill:var(--p-icon); }

.Polaris-Button_r99lw.Polaris-Button--newDesignLanguage_1rik8::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_r99lw.Polaris-Button--newDesignLanguage_1rik8:hover{ background:var(--p-action-secondary-hovered); }

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

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

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

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

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

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

.Polaris-Button_r99lw.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v{ 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_r99lw.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v svg{ fill:currentColor; }

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

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

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

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

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

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

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

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

.Polaris-Button__Content_xd1mk{ 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_xd1mk{ font-size:1.4rem; } }

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

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

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

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

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

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

.Polaris-Button__Hidden_riqid{ visibility:hidden; }

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

.Polaris-Button--primary_7k9zs{ --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_7k9zs:hover{ background:linear-gradient(to bottom, #5c6ac4, #4959bd); border-color:#3f4eae; color:white; }

.Polaris-Button--primary_7k9zs: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_7k9zs: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_7k9zs.Polaris-Button--newDesignLanguage_1rik8{ 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_7k9zs.Polaris-Button--newDesignLanguage_1rik8::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_7k9zs.Polaris-Button--newDesignLanguage_1rik8:hover{ background:var(--p-button-color-hover); border-color:transparent; color:var(--p-button-text); }

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

.Polaris-Button--primary_7k9zs.Polaris-Button--newDesignLanguage_1rik8: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_7k9zs.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v{ 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_7k9zs.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v:hover, .Polaris-Button--primary_7k9zs.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v: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_7k9zs svg{ fill:white; }

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

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

.Polaris-Button--primary_7k9zs.Polaris-Button--disabled_hcuh9 svg{ fill:white; }

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

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

.Polaris-Button--primary_7k9zs.Polaris-Button--pressed_17w8v{ 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_7k9zs.Polaris-Button--pressed_17w8v:focus, .Polaris-Button--primary_7k9zs.Polaris-Button--pressed_17w8v: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_7k9zs.Polaris-Button--pressed_17w8v: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_zy6o5{ --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_zy6o5:hover{ background:linear-gradient(to bottom, #de3618, #c73016); border-color:#b02b13; color:white; }

.Polaris-Button--destructive_zy6o5: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_zy6o5: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_zy6o5.Polaris-Button--newDesignLanguage_1rik8{ 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_zy6o5.Polaris-Button--newDesignLanguage_1rik8::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_zy6o5.Polaris-Button--newDesignLanguage_1rik8:hover{ background:var(--p-button-color-hover); border-color:transparent; color:var(--p-button-text); }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--newDesignLanguage_1rik8: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_zy6o5.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v{ 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_zy6o5.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v:hover, .Polaris-Button--destructive_zy6o5.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v: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_zy6o5 svg{ fill:white; }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--disabled_hcuh9 svg{ fill:white; }

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

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--pressed_17w8v{ 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_zy6o5.Polaris-Button--pressed_17w8v:focus, .Polaris-Button--destructive_zy6o5.Polaris-Button--pressed_17w8v: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_zy6o5.Polaris-Button--pressed_17w8v: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_zy6o5.Polaris-Button--newDesignLanguage_1rik8 svg{ fill:var(--p-icon-on-critical); }

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

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

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

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

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

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

.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8::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_1urzi.Polaris-Button--newDesignLanguage_1rik8:hover{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-hovered); }

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

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

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

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

.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8:active::after{ box-shadow:none; }

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

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

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

.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5 svg{ fill:var(--p-icon-critical); }

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

.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5:focus{ border:0.1rem solid var(--p-border-critical); box-shadow:none; }

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

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

.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5:active{ border:0.1rem solid var(--p-border-critical); box-shadow:none; background:var(--p-surface-critical-subdued); }

.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--disabled_hcuh9{ border:0.1rem solid var(--p-border-critical-disabled); box-shadow:none; background:transparent; color:var(--p-interactive-critical-disabled); }

.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--pressed_17w8v{ background:var(--p-surface-critical-subdued); box-shadow:0.1rem solid var(--p-border-critical); box-shadow:none; color:var(--p-interactive-critical); }

.Polaris-Button--outline_1urzi.Polaris-Button--disabled_hcuh9{ background:transparent; border-color:rgba(99, 115, 129, 0.25); box-shadow:none; color:#919eab; }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi{ background:transparent; border-color:rgba(222, 54, 24, 0.4); box-shadow:none; color:#82200e; }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi svg{ fill:#82200e; }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi:hover{ background:rgba(222, 54, 24, 0.05); border-color:rgba(222, 54, 24, 0.4); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi:focus{ border-color:rgba(222, 54, 24, 0.8); box-shadow:0 0 0 1px rgba(222, 54, 24, 0.8); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi:active{ background:rgba(222, 54, 24, 0.1); box-shadow:none; }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8::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--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8:hover{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-hovered); }

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

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

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

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8:active::after{ box-shadow:none; }

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

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

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5 svg{ fill:var(--p-icon-critical); }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5:focus{ border:0.1rem solid var(--p-border-critical); box-shadow:none; }

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

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5:active{ border:0.1rem solid var(--p-border-critical); box-shadow:none; background:var(--p-surface-critical-subdued); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--disabled_hcuh9{ border:0.1rem solid var(--p-border-critical-disabled); box-shadow:none; background:transparent; color:var(--p-interactive-critical-disabled); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--pressed_17w8v{ background:var(--p-surface-critical-subdued); box-shadow:0.1rem solid var(--p-border-critical); box-shadow:none; color:var(--p-interactive-critical); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v{ background:rgba(191, 7, 17, 0.03); border-color:rgba(191, 7, 17, 0.4); box-shadow:none; color:#5d0308; }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v svg{ fill:#5d0308; }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v:hover{ background:rgba(191, 7, 17, 0.05); border-color:rgba(191, 7, 17, 0.4); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v:focus{ border-color:rgba(191, 7, 17, 0.8); box-shadow:0 0 0 1px rgba(191, 7, 17, 0.8); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v:active{ background:rgba(191, 7, 17, 0.1); box-shadow:none; }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8::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--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8:hover{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-hovered); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8:focus{ border:0.1rem solid var(--p-border); box-shadow:none; }

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

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8:active{ border:0.1rem solid var(--p-border); box-shadow:none; background:var(--p-surface-pressed); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8:active::after{ box-shadow:none; }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--disabled_hcuh9{ border:0.1rem solid var(--p-border-disabled); box-shadow:none; background:transparent; color:var(--p-text-disabled); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5{ background:transparent; border:0.1rem solid var(--p-border-critical); box-shadow:none; color:var(--p-interactive-critical); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5 svg{ fill:var(--p-icon-critical); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5:hover{ border:0.1rem solid var(--p-border-critical); box-shadow:none; background:var(--p-surface-critical-subdued); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5:focus{ border:0.1rem solid var(--p-border-critical); box-shadow:none; }

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

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5:active{ border:0.1rem solid var(--p-border-critical); box-shadow:none; background:var(--p-surface-critical-subdued); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--disabled_hcuh9{ border:0.1rem solid var(--p-border-critical-disabled); box-shadow:none; background:transparent; color:var(--p-interactive-critical-disabled); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--pressed_17w8v{ background:var(--p-surface-critical-subdued); box-shadow:0.1rem solid var(--p-border-critical); box-shadow:none; color:var(--p-interactive-critical); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v svg{ fill:#330101; }

.Polaris-Button--disabled_hcuh9{ cursor:default; pointer-events:none; }

@keyframes Polaris-Button--loading_1brcv{ to{ transform:rotate(360deg); } }

.Polaris-Button--loading_1brcv, .Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--loading_1brcv{ position:relative; transition:border-color 200ms cubic-bezier(0.64, 0, 0.35, 1); }

.Polaris-Button--loading_1brcv, .Polaris-Button--loading_1brcv:hover, .Polaris-Button--loading_1brcv.Polaris-Button--disabled_hcuh9, .Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--loading_1brcv, .Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--loading_1brcv:hover, .Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--loading_1brcv.Polaris-Button--disabled_hcuh9{ color:transparent; }

.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--loading_1brcv.Polaris-Button--disabled_hcuh9 svg{ fill:var(--p-icon-subdued); }

.Polaris-Button--pressed_17w8v{ background:#dfe3e8; border-color:#b8c3cd; box-shadow:0 0 0 1px transparent, inset 0 1px 1px 0 rgba(99, 115, 129, 0.1), inset 0 1px 4px 0 rgba(99, 115, 129, 0.1); }

.Polaris-Button--pressed_17w8v:hover{ transition-duration:100ms; background:#d9dee4; border-color:#b8c3cd; box-shadow:0 0 0 1px transparent, inset 0 1px 1px 0 rgba(99, 115, 129, 0.1), inset 0 1px 4px 0 rgba(99, 115, 129, 0.1); }

.Polaris-Button--pressed_17w8v:focus{ border-color:#5c6ac4; box-shadow:0 0 0 1px #5c6ac4, inset 0 1px 1px 0 rgba(99, 115, 129, 0.1), inset 0 1px 4px 0 rgba(99, 115, 129, 0.1); }

.Polaris-Button--pressed_17w8v:active{ background:#d3d9df; border-color:#b8c3cd; box-shadow:0 0 0 1px transparent, inset 0 1px 1px 0 rgba(99, 115, 129, 0.1), inset 0 1px 4px 0 rgba(99, 115, 129, 0.1); }

@media (-ms-high-contrast: active){ .Polaris-Button--pressed_17w8v{ color:buttonText; background:buttonFace; } }

.Polaris-Button--plain_2z97r{ margin:-0.7rem -0.8rem; padding-left:0.8rem; padding-right:0.8rem; background:transparent; border:0; box-shadow:none; color:#006fbb; }

.Polaris-Button--plain_2z97r svg{ fill:#006fbb; }

.Polaris-Button--plain_2z97r.Polaris-Button--pressed_17w8v, .Polaris-Button--plain_2z97r:hover, .Polaris-Button--plain_2z97r:focus, .Polaris-Button--plain_2z97r:active{ background:transparent; border:0; box-shadow:none; color:#084e8a; text-decoration:underline; }

.Polaris-Button--plain_2z97r.Polaris-Button--pressed_17w8v svg, .Polaris-Button--plain_2z97r:hover svg, .Polaris-Button--plain_2z97r:focus svg, .Polaris-Button--plain_2z97r:active svg{ fill:#084e8a; }

@media (-ms-high-contrast: active){ .Polaris-Button--plain_2z97r.Polaris-Button--pressed_17w8v, .Polaris-Button--plain_2z97r:focus{ outline:none; } }

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

.Polaris-Button--plain_2z97r.Polaris-Button--pressed_17w8v > .Polaris-Button__Content_xd1mk{ padding:2px 5px; margin:-2px -5px; background:rgba(99, 115, 129, 0.1); border-radius:3px; transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1); }

.Polaris-Button--plain_2z97r.Polaris-Button--pressed_17w8v:hover:not(.Polaris-Button--iconOnly_viazp) > .Polaris-Button__Content_xd1mk, .Polaris-Button--plain_2z97r.Polaris-Button--pressed_17w8v:active:not(.Polaris-Button--iconOnly_viazp) > .Polaris-Button__Content_xd1mk, .Polaris-Button--plain_2z97r:focus:not(.Polaris-Button--iconOnly_viazp) > .Polaris-Button__Content_xd1mk{ padding:2px 5px; margin:-2px -5px; background:rgba(33, 43, 54, 0.1); border-radius:3px; transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1); }

.Polaris-Button--plain_2z97r.Polaris-Button--fullWidth_zyvh4{ margin-left:0; margin-right:0; }

.Polaris-Button--plain_2z97r.Polaris-Button--destructive_zy6o5{ color:var(--p-action-critical, #bf0711); }

.Polaris-Button--plain_2z97r.Polaris-Button--destructive_zy6o5 svg{ fill:#bf0711; }

.Polaris-Button--plain_2z97r.Polaris-Button--destructive_zy6o5:focus, .Polaris-Button--plain_2z97r.Polaris-Button--destructive_zy6o5:active{ color:var(--p-action-critical-pressed, #330101); }

.Polaris-Button--plain_2z97r.Polaris-Button--disabled_hcuh9{ background:none; }

.Polaris-Button--plain_2z97r.Polaris-Button--sizeSlim_1p6ue{ margin-top:-0.4rem; margin-bottom:-0.4rem; }

.Polaris-Button--plain_2z97r.Polaris-Button--sizeLarge_61dxo{ margin:-1.1rem -2rem; }

.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp{ margin:-0.8rem; }

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

.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp:focus, .Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp:active{ background:rgba(33, 43, 54, 0.1); }

.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp:focus svg, .Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp:active svg{ fill:#637381; }

.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp:hover svg, .Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp:active svg{ fill:#212b36; }

.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp > .Polaris-Button__Content_xd1mk::after{ display:none; }

.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp.Polaris-Button--disabled_hcuh9 svg{ fill:#c4cdd5; }

.Polaris-Button--plain_2z97r .Polaris-Button__Icon_yj27d{ margin-left:0; margin-right:0; }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8{ background:transparent; border:0; box-shadow:none; color:var(--p-interactive); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8 svg{ fill:var(--p-interactive); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8::after{ content:none; }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:hover, .Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:focus, .Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:active{ background:transparent; border:0; box-shadow:none; }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8 > .Polaris-Button__Content_xd1mk{ font-weight:400; position:relative; }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8 > .Polaris-Button__Content_xd1mk::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--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:hover{ color:var(--p-interactive-hovered); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:hover svg{ fill:var(--p-interactive-hovered); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:focus{ color:var(--p-interactive); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:focus svg{ fill:var(--p-interactive); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:focus::after{ content:none; }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:active{ color:var(--p-interactive-pressed); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:active svg{ fill:var(--p-interactive-pressed); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:focus:not(:active) > .Polaris-Button__Content_xd1mk::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

@media (-ms-high-contrast: active){ .Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:focus:not(:active) > .Polaris-Button__Content_xd1mk::after{ outline:1px solid windowText; } }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v{ background:none; color:var(--p-interactive-pressed); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v svg{ fill:var(--p-interactive-pressed); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:focus:not(.Polaris-Button--iconOnly_viazp) > .Polaris-Button__Content_xd1mk{ background:none; }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8:active:not(.Polaris-Button--iconOnly_viazp) > .Polaris-Button__Content_xd1mk{ padding:2px 5px; margin:-2px -5px; background:var(--p-action-secondary); border-radius:3px; transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v:not(.Polaris-Button--iconOnly_viazp) > .Polaris-Button__Content_xd1mk{ padding:2px 5px; margin:-2px -5px; background:var(--p-action-secondary); border-radius:3px; transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5{ color:var(--p-interactive-critical); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5 svg{ fill:var(--p-interactive-critical); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5:hover{ color:var(--p-interactive-critical-hovered); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5:active{ color:var(--p-interactive-critical-pressed); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--pressed_17w8v{ color:var(--p-interactive-critical-pressed); background:transparent; }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--disabled_hcuh9{ color:var(--p-interactive-critical-disabled); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--disabled_hcuh9{ color:var(--p-text-disabled); background:none; }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--iconOnly_viazp svg{ fill:var(--p-icon); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--iconOnly_viazp:hover svg{ fill:var(--p-icon-hovered); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--iconOnly_viazp:focus svg{ fill:var(--p-icon); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--iconOnly_viazp:active svg{ fill:var(--p-icon-pressed); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--iconOnly_viazp.Polaris-Button--disabled_hcuh9 svg{ fill:var(--p-icon-disabled); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--iconOnly_viazp svg{ fill:var(--p-action-critical); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--iconOnly_viazp:hover svg{ fill:var(--p-action-critical-hovered); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--iconOnly_viazp:focus svg{ fill:var(--p-action-critical); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--iconOnly_viazp:active svg{ fill:var(--p-action-critical-pressed); }

.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--destructive_zy6o5.Polaris-Button--iconOnly_viazp.Polaris-Button--disabled_hcuh9 svg{ fill:var(--p-action-critical-disabled); }

.Polaris-Button--sizeSlim_1p6ue{ min-height:3rem; padding:0.4rem 1.2rem; }

.Polaris-Button--sizeSlim_1p6ue.Polaris-Button--newDesignLanguage_1rik8{ min-height:2.8rem; padding:0.3rem 1.2rem; }

.Polaris-Button--sizeLarge_61dxo{ min-height:4.4rem; min-width:4.4rem; padding:1.1rem 2.4rem; }

.Polaris-Button--sizeLarge_61dxo .Polaris-Button__Content_xd1mk{ font-size:1.7rem; font-weight:var(--p-button-font-weight, 400); line-height:2rem; text-transform:initial; letter-spacing:initial; }

@media (min-width: 40em){ .Polaris-Button--sizeLarge_61dxo .Polaris-Button__Content_xd1mk{ font-size:1.6rem; } }

.Polaris-Button--fullWidth_zyvh4{ display:flex; width:100%; }

.Polaris-Button--iconOnly_viazp{ padding-left:0.8rem; padding-right:0.8rem; }

.Polaris-Button--iconOnly_viazp.Polaris-Button--sizeLarge_61dxo{ padding-left:1.2rem; padding-right:1.2rem; }

.Polaris-Button--iconOnly_viazp .Polaris-Button__Icon_yj27d:first-child{ margin-left:0; }

.Polaris-Button--iconOnly_viazp .Polaris-Button__Icon_yj27d:last-child{ margin-right:-0.4rem; }

.Polaris-Button--iconOnly_viazp .Polaris-Button__Icon_yj27d + .Polaris-Button__Icon_yj27d:last-child{ margin-left:0; }

.Polaris-Button--iconOnly_viazp .Polaris-Button__Icon_yj27d:only-child{ margin-right:0; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r{ color:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r svg{ fill:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:hover, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:focus, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:active, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r:hover, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r:focus, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r:active{ color:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:hover svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:focus svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:active svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r:hover svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r:focus svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r:active svg{ fill:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--disabled_hcuh9, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r.Polaris-Button--disabled_hcuh9{ color:currentColor; opacity:0.4; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--disabled_hcuh9 svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r.Polaris-Button--disabled_hcuh9 svg{ fill:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--iconOnly_viazp svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp svg{ fill:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--iconOnly_viazp:focus svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--iconOnly_viazp:active svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp:focus svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp:active svg{ fill:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--iconOnly_viazp.Polaris-Button--disabled_hcuh9 svg, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp.Polaris-Button--disabled_hcuh9 svg{ fill:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r.Polaris-Button--newDesignLanguage_1rik8{ color:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r .Polaris-Button__Text_yj3uv{ text-decoration:underline; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi{ position:relative; border-color:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi::before{ content:''; transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1); position:absolute; top:0; right:0; bottom:0; left:0; background-color:currentColor; opacity:0; z-index:0; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v{ background:transparent; box-shadow:none; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--pressed_17w8v::before{ opacity:0.05; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:hover, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:focus, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:active{ background-color:transparent; border-color:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:hover::before, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:focus::before, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:active::before{ opacity:0.07; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:focus{ box-shadow:0 0 0 1px currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8{ position:relative; border-color:currentColor; box-shadow:0 0 0 0.1rem currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8::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--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); }

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

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8:active::after{ box-shadow:none; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8:hover::before, .Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8:active::before{ opacity:0.05; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v{ color:currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi.Polaris-Button--newDesignLanguage_1rik8.Polaris-Button--pressed_17w8v::before{ opacity:0.2; }

.Polaris-Button__DisclosureIcon_j5n4l{ transition-property:transform; transition-duration:300ms; transition-timing-function:cubic-bezier(0, 0, 0.42, 1); }

.Polaris-Button__DisclosureIconFacingUp_1irzu{ transform:rotate(-180deg); }

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

.Polaris-Button__ConnectedDisclosure_153ua{ z-index:10; margin-left:-0.1rem; border-top-left-radius:0; border-bottom-left-radius:0; }

.Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--outline_1urzi:not(:focus){ border-left-color:rgba(99, 115, 129, 0); }

.Polaris-Button__ConnectedDisclosure_153ua:focus, .Polaris-Button__ConnectedDisclosure_153ua:active{ z-index:20; }

.Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--newDesignLanguage_1rik8{ margin-left:0.1rem; border-top-left-radius:0; border-bottom-left-radius:0; }

.Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--newDesignLanguage_1rik8::after{ border-top-left-radius:0; border-bottom-left-radius:0; }

[data-buttongroup-segmented='true'] .Polaris-Button_r99lw, [d