@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:3.6rem; min-width:3.6rem; margin:0; padding:0.7rem 1.6rem; 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); 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.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:hover{ background:var(--p-action-secondary-hovered); outline:0.1rem 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.2rem var(--p-focused); outline:0.1rem 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:1px 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:1.5rem; font-weight:var(--p-button-font-weight); 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_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.4rem; }

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

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

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

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

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

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

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

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

.Polaris-Button--outline_1urzi.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--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--destructive_zy6o5 svg{ fill:var(--p-icon-critical); }

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

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

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

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

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

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

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi:active{ border:0.1rem 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.1rem 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.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--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--destructive_zy6o5 svg{ fill:var(--p-icon-critical); }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:hover{ border:0.1rem 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.1rem 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.2rem var(--p-focused); outline:0.1rem solid transparent; }

.Polaris-Button--destructive_zy6o5.Polaris-Button--outline_1urzi.Polaris-Button--destructive_zy6o5:active{ border:0.1rem 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.1rem 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.1rem 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.7rem -0.8rem; padding-left:0.8rem; padding-right:0.8rem; 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.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: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:2px dotted; } }

.Polaris-Button--plain_2z97r:focus:not(:active) > .Polaris-Button__Content_xd1mk::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem 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:2px 5px; margin:-2px -5px; background:var(--p-action-secondary-hovered); border-radius:3px; }

.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.3rem; margin-bottom:-0.3rem; }

.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: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.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:only-child{ margin-right:0; }

.Polaris-Button--sizeSlim_1p6ue{ 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); 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--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.1rem currentColor; position:relative; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi::after{ content:''; position:absolute; z-index:1; top:-0.3rem; right:-0.3rem; bottom:-0.3rem; left:-0.3rem; display:block; pointer-events:none; box-shadow:0 0 0 -0.3rem 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::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 1px currentColor; }

.Polaris-Button--monochrome_14jw2.Polaris-Button--outline_1urzi:focus::after{ box-shadow:0 0 0 0.2rem var(--p-focused); outline:0.1rem 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.1rem; border-top-left-radius:0; border-bottom-left-radius:0; height:100%; }

.Polaris-Button__ConnectedDisclosure_153ua.Polaris-Button--outline_1urzi:not(:focus){ 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.1rem; }

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