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

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-Button_r99lw { --pc-button-slim-min-height: var(--p-line-height-4); --pc-button-large-min-height: var(--p-line-height-7); --pc-button-vertical-padding: calc((var(--p-line-height-6) - var(--p-line-height-2) - var(--p-space-05))/2); --pc-button-slim-vertical-padding: calc((var(--pc-button-slim-min-height) - var(--p-line-height-2) - var(--p-space-05))/2); --pc-button-large-vertical-padding: calc((var(--pc-button-large-min-height) - var(--p-line-height-2) - var(--p-space-05))/2); --pc-button-spinner-size: 1.25rem; --pc-button-segment: 10; --pc-button-focused: 20; position: relative; position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: var(--p-line-height-6); min-width: var(--p-line-height-6); margin: 0; padding: calc((var(--p-line-height-6) - var(--p-line-height-2) - var(--p-space-05))/2) var(--p-space-4); background: var(--p-surface); box-shadow: var(--p-shadow-button); border-radius: var(--p-border-radius-1); color: var(--p-text); border: var(--p-border-width-1) 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: calc(var(--p-border-width-1)*-1 + -0.0625rem); right: calc(var(--p-border-width-1)*-1 + -0.0625rem); bottom: calc(var(--p-border-width-1)*-1 + -0.0625rem); left: calc(var(--p-border-width-1)*-1 + -0.0625rem); display: block; pointer-events: none; box-shadow: 0 0 0 calc(var(--p-border-width-1)*-1 + -0.0625rem) var(--p-focused); transition: box-shadow var(--p-duration-100) var(--p-ease); border-radius: calc(var(--p-border-radius-1) + 0.0625rem); }

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

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

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

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

.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-shadows-inset-button-pressed); 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: var(--p-border-width-1) 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: var(--pc-button-segment); 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: var(--pc-button-focused); }

.Polaris-Button__Content_xd1mk { font-size: var(--p-font-size-4); font-weight: var(--p-font-weight-medium); line-height: var(--p-line-height-1); 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: var(--p-font-size-3); } }

.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: calc((var(--p-space-1))*-1); }

.Polaris-Button__Icon_yj27d:last-child { margin-right: calc((var(--p-space-2))*-1); margin-left: var(--p-space-1); }

.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: var(--p-space-1); }

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

.Polaris-Button__Spinner_mzr5w { position: absolute; top: 50%; left: 50%; margin-top: calc((var(--pc-button-spinner-size)/2)*-1); margin-left: calc((var(--pc-button-spinner-size)/2)*-1); }

.Polaris-Button--primary_7k9zs, .Polaris-Button--destructive_zy6o5 { position: relative; background: var(--pc-button-color); border-width: 0; border-color: transparent; box-shadow: var(--p-shadow-button), var(--p-shadows-inset-button); color: var(--pc-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 var(--p-duration-100) var(--p-ease); border-radius: calc(var(--p-border-radius-1) + 0.0625rem); }

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

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

.Polaris-Button--primary_7k9zs:active, .Polaris-Button--destructive_zy6o5:active { background: var(--pc-button-color-active); border-color: transparent; box-shadow: var(--p-shadow-button), var(--p-shadows-inset-button); }

.Polaris-Button--primary_7k9zs.Polaris-Button--pressed_17w8v, .Polaris-Button--destructive_zy6o5.Polaris-Button--pressed_17w8v { color: var(--pc-button-text); background: var(--pc-button-color-depressed); border-color: transparent; box-shadow: var(--p-shadow-button), var(--p-shadows-inset-button); }

.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(--pc-button-color-depressed); box-shadow: var(--p-shadow-button), var(--p-shadows-inset-button); }

.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 { --pc-button-color: var(--p-action-primary); --pc-button-text: var(--p-text-on-primary); --pc-button-color-hover: var(--p-action-primary-hovered); --pc-button-color-active: var(--p-action-primary-pressed); --pc-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 { --pc-button-color: var(--p-action-critical); --pc-button-text: var(--p-text-on-critical); --pc-button-color-hover: var(--p-action-critical-hovered); --pc-button-color-active: var(--p-action-critical-pressed); --pc-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: var(--p-border-width-1) 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 var(--p-duration-100) var(--p-ease); border-radius: calc(var(--p-border-radius-1) + 0.0625rem); }

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

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

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

.Polaris-Button--outline_1urzi:active { border: var(--p-border-width-1) 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: var(--p-border-width-1) solid var(--p-border); box-shadow: none; color: var(--pc-button-text); }

.Polaris-Button--outline_1urzi.Polaris-Button--disabled_hcuh9 { border: var(--p-border-width-1) 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: var(--p-border-width-1) 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: var(--p-border-width-1) solid var(--p-border-critical); background: var(--p-surface-critical-subdued); }

.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:focus { border: var(--p-border-width-1) 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: var(--p-border-width-1) solid transparent; }

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

.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5.Polaris-Button--disabled_hcuh9 { border: var(--p-border-width-1) 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 { border: var(--p-border-width-1) solid var(--p-border-critical); background: var(--p-surface-critical-subdued); 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: var(--p-border-width-1) 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 var(--p-duration-100) var(--p-ease); border-radius: calc(var(--p-border-radius-1) + 0.0625rem); }

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi:focus { border: var(--p-border-width-1) 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: var(--p-border-width-1) solid transparent; }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi:active { border: var(--p-border-width-1) 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: var(--p-border-width-1) solid var(--p-border); box-shadow: none; color: var(--pc-button-text); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--disabled_hcuh9 { border: var(--p-border-width-1) 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: var(--p-border-width-1) 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: var(--p-border-width-1) 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: var(--p-border-width-1) 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: var(--p-border-width-1) solid transparent; }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:active { border: var(--p-border-width-1) 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: var(--p-border-width-1) 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 { border: var(--p-border-width-1) solid var(--p-border-critical); background: var(--p-surface-critical-subdued); color: var(--p-interactive-critical); }

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

.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: calc(var(--pc-button-vertical-padding)*-1) calc(var(--p-space-2)*-1); padding-left: var(--p-space-2); padding-right: var(--p-space-2); 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: var(--p-font-weight-regular); 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 var(--p-duration-100) var(--p-ease); border-radius: calc(var(--p-border-radius-1) + 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: var(--p-border-width-2) dotted; } }

.Polaris-Button--plain_2z97r:focus:not(:active) > .Polaris-Button__Content_xd1mk::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: var(--p-border-width-1) 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: var(--p-space-05) var(--p-space-1); margin: calc(var(--p-space-05)*-1) calc(var(--p-space-1)*-1); background: transparent; border-radius: var(--p-border-radius-base); }

.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: calc(var(--pc-button-slim-vertical-padding)*-1); margin-bottom: calc(var(--pc-button-slim-vertical-padding)*-1); }

.Polaris-Button--plain_2z97r.Polaris-Button--sizeLarge_61dxo { margin: calc(var(--pc-button-large-vertical-padding)*-1) calc(var(--p-space-5)*-1); }

.Polaris-Button--plain_2z97r.Polaris-Button--iconOnly_viazp { margin: calc((var(--p-line-height-6) - var(--p-icon-size-medium))*-0.5); }

.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: var(--p-space-2); padding-right: var(--p-space-2); }

.Polaris-Button--iconOnly_viazp.Polaris-Button--sizeLarge_61dxo { padding-left: var(--p-space-3); padding-right: var(--p-space-3); }

.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: calc(var(--p-space-1)*-1); }

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

.Polaris-Button--sizeSlim_1p6ue { min-height: var(--pc-button-slim-min-height); padding: var(--pc-button-slim-vertical-padding) var(--p-space-3); }

.Polaris-Button--sizeLarge_61dxo { min-height: var(--pc-button-large-min-height); min-width: var(--pc-button-large-min-height); padding: var(--pc-button-large-vertical-padding) var(--p-space-6); }

.Polaris-Button--sizeLarge_61dxo .Polaris-Button__Content_xd1mk { font-size: var(--p-font-size-6); font-weight: var(--p-font-weight-medium); line-height: var(--p-line-height-2); text-transform: initial; letter-spacing: initial; }

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

.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--loading_1brcv .Polaris-Button__Text_yj3uv, .Polaris-Button--monochrome_14jw2.Polaris-Button--plain_2z97r.Polaris-Button--loading_1brcv .Polaris-Button__Text_yj3uv { visibility: hidden; }

.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 var(--p-border-width-1) 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 var(--p-duration-100) var(--p-ease); border-radius: calc(var(--p-border-radius-1) + 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 var(--p-border-width-1) currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:focus::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: var(--p-border-width-1) 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: var(--pc-button-segment); margin-left: calc(var(--p-space-025)*-1); border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; }

.Polaris-Button__ConnectedDisclosure_153ua:focus, .Polaris-Button__ConnectedDisclosure_153ua:active { z-index: var(--pc-button-focused); }

.Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--primary_7k9zs, .Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--destructive_zy6o5 { margin-left: var(--p-space-025); }

.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-1); border-bottom-left-radius: var(--p-border-radius-1); }

[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-1); border-bottom-right-radius: var(--p-border-radius-1); }

[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-1); }

[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%; }