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

Shopify’s admin product component library

.Polaris-Button_r99lw { position: relative; position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 2.25rem; min-width: 2.25rem; margin: 0; padding: 0.4375rem 1rem; background: var(--p-surface); box-shadow: var(--p-button-drop-shadow); border-radius: var(--p-border-radius-base); color: var(--p-text); border: 0.0625rem solid var(--p-border-neutral-subdued); border-top-color: var(--p-border-subdued); border-bottom-color: var(--p-border-shadow-subdued); line-height: 1; text-align: center; cursor: pointer; -webkit-user-select: none; user-select: none; text-decoration: none; -webkit-tap-highlight-color: transparent; }

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

.Polaris-Button_r99lw::after { content: ''; position: absolute; z-index: 1; top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.125rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.0625rem); }

.Polaris-Button_r99lw:hover { background: var(--p-action-secondary-hovered); outline: 0.0625rem solid transparent; }

.Polaris-Button_r99lw:focus { box-shadow: var(--p-button-drop-shadow); outline: 0; }

.Polaris-Button_r99lw:focus::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: 0.0625rem solid transparent; }

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

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

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

@media (-ms-high-contrast: active) { .Polaris-Button_r99lw { border: 0.0625rem solid windowText; } }

.Polaris-Button_r99lw.Polaris-Button--disabled_hcuh9 { transition: none; 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 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: 0.9375rem; font-weight: var(--p-button-font-weight); line-height: 1rem; text-transform: initial; letter-spacing: initial; position: relative; display: flex; justify-content: center; align-items: center; min-width: 0.0625rem; min-height: 0.0625rem; }

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

.Polaris-Button_r99lw:not(.Polaris-Button--plain_2z97r) .Polaris-Button__Content_xd1mk { width: 100%; }

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

.Polaris-Button--textAlignLeft_1yjwh .Polaris-Button__Content_xd1mk { justify-content: flex-start; }

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

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

.Polaris-Button--textAlignRight_1nn4o .Polaris-Button__Content_xd1mk { justify-content: flex-end; }

.Polaris-Button__Icon_yj27d { margin-left: -0.25rem; }

.Polaris-Button__Icon_yj27d:last-child { margin-right: -0.5rem; margin-left: 0.25rem; }

.Polaris-Button--fullWidth_zyvh4.Polaris-Button--textAlignLeft_1yjwh .Polaris-Button__Icon_yj27d:last-child:not(:only-child) { margin-left: auto; }

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

.Polaris-Button--hidden_riqie { visibility: hidden; }

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

.Polaris-Button--primary_7k9zs, .Polaris-Button--destructive_zy6o5 { 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::after, .Polaris-Button--destructive_zy6o5::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.0625rem); }

.Polaris-Button--primary_7k9zs:hover, .Polaris-Button--destructive_zy6o5:hover { background: var(--p-button-color-hover); border-color: transparent; color: var(--p-button-text); }

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

.Polaris-Button--primary_7k9zs:active, .Polaris-Button--destructive_zy6o5: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--pressed_17w8v, .Polaris-Button--destructive_zy6o5.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--pressed_17w8v:hover, .Polaris-Button--primary_7k9zs.Polaris-Button--pressed_17w8v:focus, .Polaris-Button--destructive_zy6o5.Polaris-Button--pressed_17w8v:hover, .Polaris-Button--destructive_zy6o5.Polaris-Button--pressed_17w8v:focus { background: var(--p-button-color-depressed); box-shadow: var(--p-button-drop-shadow), var(--p-button-inner-shadow); }

.Polaris-Button--primary_7k9zs.Polaris-Button--disabled_hcuh9, .Polaris-Button--destructive_zy6o5.Polaris-Button--disabled_hcuh9 { color: var(--p-text-disabled); box-shadow: none; border-color: transparent; }

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

.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); }

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

.Polaris-Button--primary_7k9zs.Polaris-Button--disabled_hcuh9 { background: var(--p-action-primary-disabled); }

.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); }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--disabled_hcuh9 { background: var(--p-action-critical-disabled); }

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

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

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

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

.Polaris-Button--outline_1urzi:focus::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: 0.0625rem solid transparent; }

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

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

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

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

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

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

.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:hover { border: 0.0625rem solid var(--p-border-critical); background: var(--p-surface-critical-subdued); }

.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:focus { border: 0.0625rem solid var(--p-border-critical); }

.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:focus::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: 0.0625rem solid transparent; }

.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:active { border: 0.0625rem solid var(--p-border-critical); background: var(--p-surface-critical-subdued); }

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

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

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

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi::after { content: ''; position: absolute; z-index: 1; top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.125rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.0625rem); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi:hover { border: 0.0625rem solid var(--p-border); box-shadow: none; background: var(--p-surface-hovered); }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi:focus::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: 0.0625rem solid transparent; }

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

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

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--disabled_hcuh9 { border: 0.0625rem 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--destructive_zy6o5 { background: transparent; border: 0.0625rem solid var(--p-border-critical); box-shadow: none; color: var(--p-interactive-critical); }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:hover { border: 0.0625rem solid var(--p-border-critical); background: var(--p-surface-critical-subdued); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:focus { border: 0.0625rem solid var(--p-border-critical); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:focus::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: 0.0625rem solid transparent; }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:active { border: 0.0625rem solid var(--p-border-critical); background: var(--p-surface-critical-subdued); }

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

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

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

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

.Polaris-Button--loading_1brcv { position: relative; }

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

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

.Polaris-Button--plain_2z97r { margin: -0.4375rem -0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; background: transparent; border: 0; box-shadow: none; color: var(--p-interactive); }

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

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

.Polaris-Button--plain_2z97r > .Polaris-Button__Content_xd1mk::after { content: ''; position: absolute; z-index: 1; top: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; left: -0.0625rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.0625rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.0625rem); }

.Polaris-Button--plain_2z97r:hover, .Polaris-Button--plain_2z97r:focus { color: var(--p-interactive-hovered); background: transparent; box-shadow: none; }

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

.Polaris-Button--plain_2z97r:hover:not(.Polaris-Button--removeUnderline_adav6), .Polaris-Button--plain_2z97r:focus:not(.Polaris-Button--removeUnderline_adav6) { text-decoration: underline; }

.Polaris-Button--plain_2z97r.Polaris-Button--pressed_17w8v, .Polaris-Button--plain_2z97r:active { color: var(--p-interactive-pressed); background: transparent; box-shadow: none; }

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

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

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

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

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

.Polaris-Button--plain_2z97r:focus:not(:active) > .Polaris-Button__Content_xd1mk::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: 0.0625rem solid transparent; }

.Polaris-Button--plain_2z97r:active:not(.Polaris-Button--iconOnly_viazp) > .Polaris-Button__Content_xd1mk, .Polaris-Button--plain_2z97r.Polaris-Button--pressed_17w8v:not(.Polaris-Button--iconOnly_viazp) > .Polaris-Button__Content_xd1mk { padding: 0.125rem 0.3125rem; margin: -0.125rem -0.3125rem; background: var(--p-action-secondary-hovered); border-radius: 0.1875rem; }

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

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

.Polaris-Button--plain_2z97r.Polaris-Button--disabled_hcuh9.Polaris-Button--loading_1brcv { color: transparent; }

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

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

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

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

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

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

.Polaris-Button--plain_2z97r.Polaris-Button--sizeLarge_61dxo { margin: -0.6875rem -1.25rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.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.25rem; }

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

.Polaris-Button--sizeSlim_1p6ue { min-height: 1.75rem; padding: 0.1875rem 0.75rem; }

.Polaris-Button--sizeLarge_61dxo { min-height: 2.75rem; min-width: 2.75rem; padding: 0.6875rem 1.5rem; }

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

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

.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__Text_yj3uv:not(.Polaris-Button--removeUnderline_adav6) { text-decoration: underline; }

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

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi::after { content: ''; position: absolute; z-index: 1; top: -0.1875rem; right: -0.1875rem; bottom: -0.1875rem; left: -0.1875rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.1875rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.0625rem); }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi::before { content: ''; 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; color: currentColor; }

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

.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 0.0625rem currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:focus::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: 0.0625rem solid transparent; }

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

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

.Polaris-Button__ConnectedDisclosureWrapper_90uyh { display: flex; }

.Polaris-Button__ConnectedDisclosure_153ua { z-index: 10; margin-left: -0.0625rem; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; }

.Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--outline_1urzi:not(:focus) { /* stylelint-disable color-no-hex */ border-left-color: rgba(210, 213, 216, 0); }

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

.Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--primary_7k9zs, .Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--destructive_zy6o5 { margin-left: 0.0625rem; }

.Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--primary_7k9zs.Polaris-Button--outline_1urzi, .Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi { margin-left: 0; border-left: 0; }

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

[data-buttongroup-segmented='true'] .Polaris-Button_r99lw, [data-buttongroup-segmented='true'] .Polaris-Button_r99lw::after { border-radius: 0; }

[data-buttongroup-segmented='true'] > :first-child .Polaris-Button_r99lw, [data-buttongroup-segmented='true'] > :first-child .Polaris-Button_r99lw::after { border-radius: 0; border-top-left-radius: var(--p-border-radius-base); border-bottom-left-radius: var(--p-border-radius-base); }

[data-buttongroup-segmented='true'] > :last-child .Polaris-Button_r99lw, [data-buttongroup-segmented='true'] > :last-child .Polaris-Button_r99lw::after { border-radius: 0; border-top-right-radius: var(--p-border-radius-base); border-bottom-right-radius: var(--p-border-radius-base); }

[data-buttongroup-segmented='true'] > :last-child:first-child .Polaris-Button_r99lw, [data-buttongroup-segmented='true'] > :last-child:first-child .Polaris-Button_r99lw::after { border-radius: var(--p-border-radius-base); }

[data-buttongroup-connected-top='true'] > :first-child .Polaris-Button_r99lw, [data-buttongroup-connected-top='true'] > :first-child .Polaris-Button_r99lw::after { border-top-left-radius: 0; }

[data-buttongroup-connected-top='true'] > :last-child .Polaris-Button_r99lw, [data-buttongroup-connected-top='true'] > :last-child .Polaris-Button_r99lw::after { border-top-right-radius: 0; }

[data-buttongroup-full-width='true'] .Polaris-Button_r99lw { display: flex; width: 100%; }