@shopify/polaris/styles.css

Shopify’s product component library

:root{
  --polaris-version-number:'4.11.0'; }

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

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

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

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

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

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

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

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


.Polaris-Avatar{
  position:relative;
  display:block;
  overflow:hidden;
  min-width:3.2rem;
  max-width:100%;
  background:#47c1bf;
  border-radius:3rem;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none; }
  .Polaris-Avatar::after{
    content:'';
    display:block;
    padding-bottom:100%; }

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

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

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

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

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

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

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

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

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

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

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

.Polaris-Avatar__Image{
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  background-color:var(--p-action-secondary-disabled, #dfe3e8);
  border-radius:3rem;
  transform:translate(-50%, -50%);
  object-fit:cover; }

.Polaris-Avatar__Initials{
  position:absolute;
  top:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding:0.2rem; }

.Polaris-Avatar__Svg{
  width:4.8rem;
  height:auto; }


.Polaris-Icon{
  display:block;
  height:2rem;
  width:2rem;
  max-height:100%;
  max-width:100%;
  margin:auto; }

.Polaris-Icon--hasBackdrop{
  position:relative;
  display:flex;
  align-items:center;
  margin:0.4rem; }
  .Polaris-Icon--hasBackdrop::before{
    content:'';
    position:absolute;
    top:-0.4rem;
    bottom:-0.4rem;
    left:-0.4rem;
    right:-0.4rem;
    border-radius:50%; }

.Polaris-Icon--isColored{
  color:white; }

.Polaris-Icon--colorWhite{
  color:transparent; }
  .Polaris-Icon--colorWhite svg{
    fill:white; }
  .Polaris-Icon--colorWhite img{
    -webkit-filter:brightness(0) saturate(100%) invert(100%);
            filter:brightness(0) saturate(100%) invert(100%); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Polaris-Icon--colorInkLighter::before{
  background-color:#dfe3e8; }

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

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

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

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

.Polaris-Icon--colorInk::before{
  background-color:#dfe3e8; }

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

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

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

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

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

.Polaris-Icon--colorBlue img{
  -webkit-filter:brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%);
          filter:brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%) hue-rotate(181deg) brightness(91%) contrast(103%); }

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

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

.Polaris-Icon--colorBlueDark::before{
  background-color:#b4e1fa; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Polaris-Icon--colorTeal::before{
  background-color:white; }

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

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

.Polaris-Icon--colorTealDark::before{
  background-color:#b7ecec; }

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

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

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

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

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

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

.Polaris-Icon--colorGreen::before{
  background-color:#e3f1df; }

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

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

.Polaris-Icon--colorGreenDark::before{
  background-color:#bbe5b3; }

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

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

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

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

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

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

.Polaris-Icon--colorYellowDark::before{
  background-color:#ffea8a; }

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

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

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

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

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

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

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

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

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

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

.Polaris-Icon--colorRedDark::before{
  background-color:#fead9a; }

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

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

.Polaris-Icon__Svg,
.Polaris-Icon__Img{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  max-height:100%; }

.Polaris-Icon__Placeholder{
  padding-bottom:100%;
  background:currentColor; }


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


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

.Polaris-Spinner{
  animation:Polaris-Spinner--loading 500ms linear infinite;
  color:transparent; }

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

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

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

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

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


.Polaris-Button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.6rem;
  min-width:3.6rem;
  margin:0;
  padding:0.7rem 1.6rem;
  background:linear-gradient(to bottom, white, #f9fafb);
  border:0.1rem solid var(--p-border, #c4cdd5);
  box-shadow:0 1px 0 0 rgba(22, 29, 37, 0.05);
  border-radius:3px;
  line-height:1;
  color:#212b36;
  text-align:center;
  cursor:pointer;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none;
  text-decoration:none;
  transition-property:background, border, box-shadow;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1);
  -webkit-tap-highlight-color:transparent; }
  .Polaris-Button svg{
    fill:#637381; }
  .Polaris-Button:hover{
    background:linear-gradient(to bottom, #f9fafb, #f4f6f8);
    border-color:#c4cdd5; }
  .Polaris-Button:focus{
    border-color:#5c6ac4;
    outline:0;
    box-shadow:0 0 0 1px #5c6ac4; }
    @media (-ms-high-contrast: active){
      .Polaris-Button:focus{
        outline:2px dotted; } }
  .Polaris-Button:active{
    background:linear-gradient(to bottom, #f4f6f8, #f4f6f8);
    border-color:#c4cdd5;
    box-shadow:0 0 0 0 transparent, inset 0 1px 1px 0 rgba(99, 115, 129, 0.1), inset 0 1px 4px 0 rgba(99, 115, 129, 0.2); }
  .Polaris-Button.Polaris-Button--globalTheming{
    background:var(--p-action-secondary);
    border:none;
    box-shadow:none;
    border-radius:var(--p-border-radius-base);
    color:var(--p-text);
    position:relative; }
    .Polaris-Button.Polaris-Button--globalTheming svg{
      fill:var(--p-icon); }
    .Polaris-Button.Polaris-Button--globalTheming:hover{
      background:var(--p-action-secondary-hovered);
      border-color:transparent; }
    .Polaris-Button.Polaris-Button--globalTheming::after{
      content:var(--p-non-null-content, none);
      position:absolute;
      z-index:1;
      top:-0.3rem;
      right:-0.3rem;
      bottom:-0.3rem;
      left:-0.3rem;
      display:block;
      border:0.2rem solid var(--p-focused);
      transition:opacity 100ms var(--p-ease), transform 100ms var(--p-ease);
      opacity:0;
      transform:scale(0.8);
      border-radius:calc(var(--p-border-radius-base) + 0.3rem);
      pointer-events:none; }
    .Polaris-Button.Polaris-Button--globalTheming:focus{
      border-color:transparent;
      box-shadow:none; }
      .Polaris-Button.Polaris-Button--globalTheming:focus::after{
        opacity:1;
        transform:scale(1); }
    .Polaris-Button.Polaris-Button--globalTheming:active{
      background:var(--p-action-secondary-pressed);
      border-color:transparent;
      box-shadow:none; }
      .Polaris-Button.Polaris-Button--globalTheming:active::after{
        border:none; }
  .Polaris-Button.Polaris-Button--disabled{
    transition:none;
    background:linear-gradient(to bottom, #f4f6f8, #f4f6f8);
    color:#919eab; }
    .Polaris-Button.Polaris-Button--disabled svg{
      fill:#919eab; }
    .Polaris-Button.Polaris-Button--disabled.Polaris-Button--globalTheming{
      background:var(--p-action-secondary-disabled);
      color:var(--p-text-disabled); }
      .Polaris-Button.Polaris-Button--disabled.Polaris-Button--globalTheming svg{
        fill:var(--p-icon-disabled); }

[data-buttongroup-segmented] .Polaris-Button{
  border-radius:0; }

[data-buttongroup-segmented] > :first-child .Polaris-Button{
  border-top-left-radius:var(--p-border-radius-base, 3px);
  border-bottom-left-radius:var(--p-border-radius-base, 3px); }

[data-buttongroup-segmented] > :last-child .Polaris-Button{
  border-top-right-radius:var(--p-border-radius-base, 3px);
  border-bottom-right-radius:var(--p-border-radius-base, 3px); }

[data-buttongroup-connected-top] > :first-child .Polaris-Button{
  border-top-left-radius:0; }

[data-buttongroup-connected-top] > :last-child .Polaris-Button{
  border-top-right-radius:0; }

[data-buttongroup-full-width] .Polaris-Button{
  display:flex;
  width:100%; }

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

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

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

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

.Polaris-Button__Icon{
  transition:color 200ms cubic-bezier(0.64, 0, 0.35, 1); }
  .Polaris-Button__Icon:first-child{
    margin-left:-0.4rem; }
  .Polaris-Button__Icon:last-child{
    margin-right:-0.8rem;
    margin-left:0.4rem; }
  .Polaris-Button__Icon + *:not(.Polaris-Button__Icon){
    margin-left:0.4rem; }

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

.Polaris-Button--primary{
  --p-button-color:var(--p-action-primary);
  --p-button-text:var(--p-text-on-primary);
  --p-button-color-hover:var(--p-action-primary-hovered);
  --p-button-color-active:var(--p-action-primary-pressed);
  background:linear-gradient(to bottom, #6371c7, #5563c1);
  border-color:#3f4eae;
  box-shadow:inset 0 1px 0 0 #6774c8, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 0 transparent;
  color:white; }
  .Polaris-Button--primary:hover{
    background:linear-gradient(to bottom, #5c6ac4, #4959bd);
    border-color:#3f4eae;
    color:white;
    text-decoration:none; }
  .Polaris-Button--primary:focus{
    border-color:#202e78;
    box-shadow:inset 0 1px 0 0 #6f7bcb, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 1px #202e78; }
  .Polaris-Button--primary:active{
    background:linear-gradient(to bottom, #3f4eae, #3f4eae);
    border-color:#38469b;
    box-shadow:inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 1px 0 #38469b; }
  .Polaris-Button--primary.Polaris-Button--globalTheming{
    background:var(--p-button-color);
    border-color:transparent;
    box-shadow:none;
    color:var(--p-button-text); }
    .Polaris-Button--primary.Polaris-Button--globalTheming:hover{
      background:var(--p-button-color-hover);
      border-color:transparent;
      color:var(--p-button-text); }
    .Polaris-Button--primary.Polaris-Button--globalTheming:focus{
      border-color:transparent;
      box-shadow:none; }
    .Polaris-Button--primary.Polaris-Button--globalTheming:active{
      background:var(--p-button-color-active);
      border-color:transparent;
      box-shadow:none; }
  .Polaris-Button--primary svg{
    fill:white; }
  .Polaris-Button--primary.Polaris-Button--globalTheming svg{
    fill:var(--p-icon-on-branded); }
  .Polaris-Button--primary.Polaris-Button--disabled{
    background:linear-gradient(to bottom, #bac0e6, #bac0e6);
    border-color:#a7aedf;
    box-shadow:none;
    color:white; }
    .Polaris-Button--primary.Polaris-Button--disabled svg{
      fill:white; }
    .Polaris-Button--primary.Polaris-Button--disabled.Polaris-Button--globalTheming{
      border-color:transparent;
      background:var(--p-action-secondary-disabled);
      color:var(--p-text-disabled); }
      .Polaris-Button--primary.Polaris-Button--disabled.Polaris-Button--globalTheming svg{
        fill:var(--p-icon-disabled); }
  .Polaris-Button--primary.Polaris-Button--pressed{
    background:linear-gradient(to bottom, #3f4eae, #3f4eae);
    border-color:#10173c;
    box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #10173c; }
    .Polaris-Button--primary.Polaris-Button--pressed:focus, .Polaris-Button--primary.Polaris-Button--pressed:hover{
      transition-duration:100ms;
      background:linear-gradient(to bottom, #3c4ba7, #3c4ba7);
      border-color:#10173c;
      box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #10173c; }
    .Polaris-Button--primary.Polaris-Button--pressed:active{
      background:linear-gradient(to bottom, #3f4eae, #3f4eae);
      border-color:#10173c;
      box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #0b0f27; }

.Polaris-Button--destructive{
  --p-button-color:var(--p-action-critical);
  --p-button-text:var(--p-text-on-critical);
  --p-button-color-hover:var(--p-action-critical-hovered);
  --p-button-color-active:var(--p-action-critical-pressed);
  background:linear-gradient(to bottom, #e6391a, #d53417);
  border-color:#b02b13;
  box-shadow:inset 0 1px 0 0 #e73d1f, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 0 transparent;
  color:white; }
  .Polaris-Button--destructive:hover{
    background:linear-gradient(to bottom, #de3618, #c73016);
    border-color:#b02b13;
    color:white;
    text-decoration:none; }
  .Polaris-Button--destructive:focus{
    border-color:#bf0711;
    box-shadow:inset 0 1px 0 0 #e84528, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 1px #bf0711; }
  .Polaris-Button--destructive:active{
    background:linear-gradient(to bottom, #b02b13, #b02b13);
    border-color:#992511;
    box-shadow:inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 1px 0 #992511; }
  .Polaris-Button--destructive.Polaris-Button--globalTheming{
    background:var(--p-button-color);
    border-color:transparent;
    box-shadow:none;
    color:var(--p-button-text); }
    .Polaris-Button--destructive.Polaris-Button--globalTheming:hover{
      background:var(--p-button-color-hover);
      border-color:transparent;
      color:var(--p-button-text); }
    .Polaris-Button--destructive.Polaris-Button--globalTheming:focus{
      border-color:transparent;
      box-shadow:none; }
    .Polaris-Button--destructive.Polaris-Button--globalTheming:active{
      background:var(--p-button-color-active);
      border-color:transparent;
      box-shadow:none; }
  .Polaris-Button--destructive svg{
    fill:white; }
  .Polaris-Button--destructive.Polaris-Button--disabled{
    background:linear-gradient(to bottom, #f29484, #f29484);
    border-color:#ef816d;
    box-shadow:none;
    color:white; }
    .Polaris-Button--destructive.Polaris-Button--disabled svg{
      fill:white; }
    .Polaris-Button--destructive.Polaris-Button--disabled.Polaris-Button--globalTheming{
      border-color:transparent;
      background:var(--p-action-secondary-disabled);
      color:var(--p-text-disabled); }
      .Polaris-Button--destructive.Polaris-Button--disabled.Polaris-Button--globalTheming svg{
        fill:var(--p-icon-disabled); }
  .Polaris-Button--destructive.Polaris-Button--pressed{
    background:linear-gradient(to bottom, #b02b13, #b02b13);
    border-color:#75040a;
    box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #75040a; }
    .Polaris-Button--destructive.Polaris-Button--pressed:focus, .Polaris-Button--destructive.Polaris-Button--pressed:hover{
      transition-duration:100ms;
      background:linear-gradient(to bottom, #a72912, #a72912);
      border-color:#75040a;
      box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #75040a; }
    .Polaris-Button--destructive.Polaris-Button--pressed:active{
      background:linear-gradient(to bottom, #b02b13, #b02b13);
      border-color:#75040a;
      box-shadow:inset 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(22, 29, 37, 0.05), inset 0 0 3px 0 #5d0308; }

.Polaris-Button--outline{
  background:transparent;
  border-color:rgba(99, 115, 129, 0.4);
  box-shadow:none;
  color:#374047; }
  .Polaris-Button--outline:hover{
    background:rgba(99, 115, 129, 0.05);
    border-color:rgba(99, 115, 129, 0.4); }
  .Polaris-Button--outline:focus{
    border-color:rgba(99, 115, 129, 0.8);
    box-shadow:0 0 0 1px rgba(99, 115, 129, 0.8); }
  .Polaris-Button--outline:active{
    background:rgba(99, 115, 129, 0.1);
    box-shadow:none; }
  .Polaris-Button--outline.Polaris-Button--globalTheming{
    background:transparent;
    box-shadow:0 0 0 0.1rem var(--p-border-subdued);
    color:var(--p-text); }
    .Polaris-Button--outline.Polaris-Button--globalTheming:hover{
      box-shadow:0 0 0 0.1rem var(--p-border-subdued);
      background:var(--p-surface-hovered); }
    .Polaris-Button--outline.Polaris-Button--globalTheming:focus{
      box-shadow:0 0 0 0.2rem var(--p-border-subdued); }
      .Polaris-Button--outline.Polaris-Button--globalTheming:focus::after{
        content:none; }
    .Polaris-Button--outline.Polaris-Button--globalTheming:active{
      box-shadow:0 0 0 0.1rem var(--p-border-subdued);
      background:var(--p-surface-pressed); }
    .Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--disabled{
      box-shadow:0 0 0 0.1rem var(--p-border-disabled);
      background:transparent;
      color:var(--p-text-disabled); }
    .Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive{
      background:transparent;
      box-shadow:0 0 0 0.1rem var(--p-border-critical);
      color:var(--p-link-critical); }
      .Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive:hover{
        box-shadow:0 0 0 0.1rem var(--p-border-critical);
        background:var(--p-surface-critical-subdued); }
      .Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive:focus{
        box-shadow:0 0 0 0.2rem var(--p-border-critical); }
        .Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive:focus::after{
          content:none; }
      .Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive:active{
        box-shadow:0 0 0 0.1rem var(--p-border-critical);
        background:var(--p-surface-critical-subdued); }
      .Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive.Polaris-Button--disabled{
        box-shadow:0 0 0 0.1rem var(--p-border-critical-disabled);
        background:transparent;
        color:var(--p-link-critical-disabled); }
  .Polaris-Button--outline.Polaris-Button--disabled{
    background:transparent;
    border-color:rgba(99, 115, 129, 0.25);
    box-shadow:none;
    color:#919eab; }
    .Polaris-Button--outline.Polaris-Button--disabled svg{
      fill:#919eab; }

.Polaris-Button--destructive.Polaris-Button--outline{
  background:transparent;
  border-color:rgba(222, 54, 24, 0.4);
  box-shadow:none;
  color:#82200e; }
  .Polaris-Button--destructive.Polaris-Button--outline:hover{
    background:rgba(222, 54, 24, 0.05);
    border-color:rgba(222, 54, 24, 0.4); }
  .Polaris-Button--destructive.Polaris-Button--outline:focus{
    border-color:rgba(222, 54, 24, 0.8);
    box-shadow:0 0 0 1px rgba(222, 54, 24, 0.8); }
  .Polaris-Button--destructive.Polaris-Button--outline:active{
    background:rgba(222, 54, 24, 0.1);
    box-shadow:none; }
  .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming{
    background:transparent;
    box-shadow:0 0 0 0.1rem var(--p-border-subdued);
    color:var(--p-text); }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming:hover{
      box-shadow:0 0 0 0.1rem var(--p-border-subdued);
      background:var(--p-surface-hovered); }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming:focus{
      box-shadow:0 0 0 0.2rem var(--p-border-subdued); }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming:focus::after{
        content:none; }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming:active{
      box-shadow:0 0 0 0.1rem var(--p-border-subdued);
      background:var(--p-surface-pressed); }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--disabled{
      box-shadow:0 0 0 0.1rem var(--p-border-disabled);
      background:transparent;
      color:var(--p-text-disabled); }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive{
      background:transparent;
      box-shadow:0 0 0 0.1rem var(--p-border-critical);
      color:var(--p-link-critical); }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive:hover{
        box-shadow:0 0 0 0.1rem var(--p-border-critical);
        background:var(--p-surface-critical-subdued); }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive:focus{
        box-shadow:0 0 0 0.2rem var(--p-border-critical); }
        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive:focus::after{
          content:none; }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive:active{
        box-shadow:0 0 0 0.1rem var(--p-border-critical);
        background:var(--p-surface-critical-subdued); }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--globalTheming.Polaris-Button--destructive.Polaris-Button--disabled{
        box-shadow:0 0 0 0.1rem var(--p-border-critical-disabled);
        background:transparent;
        color:var(--p-link-critical-disabled); }
  .Polaris-Button--destructive.Polaris-Button--outline svg{
    fill:#bf0711; }
  .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed{
    background:rgba(191, 7, 17, 0.03);
    border-color:rgba(191, 7, 17, 0.4);
    box-shadow:none;
    color:#5d0308; }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed:hover{
      background:rgba(191, 7, 17, 0.05);
      border-color:rgba(191, 7, 17, 0.4); }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed:focus{
      border-color:rgba(191, 7, 17, 0.8);
      box-shadow:0 0 0 1px rgba(191, 7, 17, 0.8); }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed:active{
      background:rgba(191, 7, 17, 0.1);
      box-shadow:none; }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming{
      background:transparent;
      box-shadow:0 0 0 0.1rem var(--p-border-subdued);
      color:var(--p-text); }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming:hover{
        box-shadow:0 0 0 0.1rem var(--p-border-subdued);
        background:var(--p-surface-hovered); }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming:focus{
        box-shadow:0 0 0 0.2rem var(--p-border-subdued); }
        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming:focus::after{
          content:none; }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming:active{
        box-shadow:0 0 0 0.1rem var(--p-border-subdued);
        background:var(--p-surface-pressed); }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming.Polaris-Button--disabled{
        box-shadow:0 0 0 0.1rem var(--p-border-disabled);
        background:transparent;
        color:var(--p-text-disabled); }
      .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming.Polaris-Button--destructive{
        background:transparent;
        box-shadow:0 0 0 0.1rem var(--p-border-critical);
        color:var(--p-link-critical); }
        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming.Polaris-Button--destructive:hover{
          box-shadow:0 0 0 0.1rem var(--p-border-critical);
          background:var(--p-surface-critical-subdued); }
        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming.Polaris-Button--destructive:focus{
          box-shadow:0 0 0 0.2rem var(--p-border-critical); }
          .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming.Polaris-Button--destructive:focus::after{
            content:none; }
        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming.Polaris-Button--destructive:active{
          box-shadow:0 0 0 0.1rem var(--p-border-critical);
          background:var(--p-surface-critical-subdued); }
        .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed.Polaris-Button--globalTheming.Polaris-Button--destructive.Polaris-Button--disabled{
          box-shadow:0 0 0 0.1rem var(--p-border-critical-disabled);
          background:transparent;
          color:var(--p-link-critical-disabled); }
    .Polaris-Button--destructive.Polaris-Button--outline.Polaris-Button--pressed svg{
      fill:#330101; }

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

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

.Polaris-Button--loading,
.Polaris-Button--globalTheming.Polaris-Button--loading{
  position:relative;
  transition:border-color 200ms cubic-bezier(0.64, 0, 0.35, 1); }
  .Polaris-Button--loading, .Polaris-Button--loading:hover, .Polaris-Button--loading.Polaris-Button--disabled,
  .Polaris-Button--globalTheming.Polaris-Button--loading,
  .Polaris-Button--globalTheming.Polaris-Button--loading:hover,
  .Polaris-Button--globalTheming.Polaris-Button--loading.Polaris-Button--disabled{
    color:transparent; }

.Polaris-Button--pressed{
  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: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: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: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{
      color:buttonText;
      background:buttonFace; } }

.Polaris-Button--plain{
  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 svg{
    fill:#006fbb; }
  .Polaris-Button--plain.Polaris-Button--pressed, .Polaris-Button--plain:hover, .Polaris-Button--plain:focus, .Polaris-Button--plain:active{
    background:transparent;
    border:0;
    box-shadow:none;
    color:#084e8a;
    text-decoration:underline; }
    .Polaris-Button--plain.Polaris-Button--pressed svg, .Polaris-Button--plain:hover svg, .Polaris-Button--plain:focus svg, .Polaris-Button--plain:active svg{
      fill:#084e8a; }
  @media (-ms-high-contrast: active){
    .Polaris-Button--plain.Polaris-Button--pressed, .Polaris-Button--plain:focus{
      outline:none; } }
  @media (-ms-high-contrast: active){
    .Polaris-Button--plain:focus > .Polaris-Button__Content{
      outline:2px dotted; } }
  .Polaris-Button--plain.Polaris-Button--pressed > .Polaris-Button__Content{
    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.Polaris-Button--pressed:hover:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content,
  .Polaris-Button--plain.Polaris-Button--pressed:active:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content,
  .Polaris-Button--plain:focus:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content{
    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.Polaris-Button--fullWidth{
    margin-left:0;
    margin-right:0; }
  .Polaris-Button--plain.Polaris-Button--destructive{
    color:#bf0711; }
    .Polaris-Button--plain.Polaris-Button--destructive:hover{
      color:#330101; }
  .Polaris-Button--plain.Polaris-Button--disabled{
    background:none; }
  .Polaris-Button--plain.Polaris-Button--sizeSlim{
    margin-top:-0.4rem;
    margin-bottom:-0.4rem; }
  .Polaris-Button--plain.Polaris-Button--sizeLarge{
    margin:-1.1rem -2rem; }
  .Polaris-Button--plain.Polaris-Button--iconOnly{
    margin:-0.8rem; }
    .Polaris-Button--plain.Polaris-Button--iconOnly svg{
      fill:#637381; }
    .Polaris-Button--plain.Polaris-Button--iconOnly:focus, .Polaris-Button--plain.Polaris-Button--iconOnly:active{
      background:rgba(33, 43, 54, 0.1); }
      .Polaris-Button--plain.Polaris-Button--iconOnly:focus svg, .Polaris-Button--plain.Polaris-Button--iconOnly:active svg{
        fill:#637381; }
    .Polaris-Button--plain.Polaris-Button--iconOnly:hover svg, .Polaris-Button--plain.Polaris-Button--iconOnly:active svg{
      fill:#212b36; }
    .Polaris-Button--plain.Polaris-Button--iconOnly > .Polaris-Button__Content::after{
      display:none; }
    .Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--disabled svg{
      fill:#c4cdd5; }
  .Polaris-Button--plain .Polaris-Button__Icon{
    margin-left:0;
    margin-right:0; }
  .Polaris-Button--plain.Polaris-Button--globalTheming{
    background:transparent;
    border:0;
    box-shadow:none;
    color:var(--p-action-interactive); }
    .Polaris-Button--plain.Polaris-Button--globalTheming svg{
      fill:var(--p-action-interactive); }
    .Polaris-Button--plain.Polaris-Button--globalTheming:hover, .Polaris-Button--plain.Polaris-Button--globalTheming:focus, .Polaris-Button--plain.Polaris-Button--globalTheming:active{
      background:transparent;
      border:0;
      box-shadow:none; }
    .Polaris-Button--plain.Polaris-Button--globalTheming > .Polaris-Button__Content{
      font-weight:400;
      position:relative; }
      .Polaris-Button--plain.Polaris-Button--globalTheming > .Polaris-Button__Content::after{
        content:var(--p-non-null-content, none);
        position:absolute;
        z-index:1;
        top:-0.3rem;
        right:-0.3rem;
        bottom:-0.3rem;
        left:-0.3rem;
        display:block;
        border:0.2rem solid var(--p-focused);
        transition:opacity 100ms var(--p-ease), transform 100ms var(--p-ease);
        opacity:0;
        transform:scale(0.8);
        border-radius:calc(var(--p-border-radius-base) + 0.3rem);
        pointer-events:none; }
    .Polaris-Button--plain.Polaris-Button--globalTheming:hover{
      color:var(--p-action-interactive-hovered);
      text-decoration:underline; }
      .Polaris-Button--plain.Polaris-Button--globalTheming:hover svg{
        fill:var(--p-action-interactive-hovered); }
    .Polaris-Button--plain.Polaris-Button--globalTheming:focus{
      color:var(--p-action-interactive);
      text-decoration:none; }
      .Polaris-Button--plain.Polaris-Button--globalTheming:focus svg{
        fill:var(--p-action-interactive); }
      .Polaris-Button--plain.Polaris-Button--globalTheming:focus::after{
        content:none; }
    .Polaris-Button--plain.Polaris-Button--globalTheming:active{
      color:var(--p-action-interactive-pressed);
      text-decoration:none; }
      .Polaris-Button--plain.Polaris-Button--globalTheming:active svg{
        fill:var(--p-action-interactive-pressed); }
    .Polaris-Button--plain.Polaris-Button--globalTheming:focus:not(:active) > .Polaris-Button__Content::after{
      opacity:1;
      transform:scale(1); }
    .Polaris-Button--plain.Polaris-Button--globalTheming:focus:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content{
      background:none; }
    .Polaris-Button--plain.Polaris-Button--globalTheming:active:not(.Polaris-Button--iconOnly) > .Polaris-Button__Content{
      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.Polaris-Button--globalTheming.Polaris-Button--destructive{
      color:var(--p-link-critical); }
      .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--destructive svg{
        fill:var(--p-link-critical); }
      .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--destructive:hover{
        color:var(--p-link-critical-hovered); }
      .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--destructive:active{
        color:var(--p-link-critical-pressed); }
      .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--destructive.Polaris-Button--disabled{
        color:var(--p-link-critical-disabled); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--disabled{
      color:var(--p-text-disabled);
      background:none; }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--iconOnly svg{
      fill:var(--p-action-interactive); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--iconOnly:hover svg{
      fill:var(--p-action-interactive-hovered); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--iconOnly:focus svg{
      fill:var(--p-action-interactive); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--iconOnly:active svg{
      fill:var(--p-action-interactive-pressed); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--iconOnly.Polaris-Button--disabled svg{
      fill:var(--p-action-interactive-disabled); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--destructive.Polaris-Button--iconOnly svg{
      fill:var(--p-action-critical); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--destructive.Polaris-Button--iconOnly:hover svg{
      fill:var(--p-action-critical-hovered); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--destructive.Polaris-Button--iconOnly:focus svg{
      fill:var(--p-action-critical); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--destructive.Polaris-Button--iconOnly:active svg{
      fill:var(--p-action-critical-pressed); }
    .Polaris-Button--plain.Polaris-Button--globalTheming.Polaris-Button--destructive.Polaris-Button--iconOnly.Polaris-Button--disabled svg{
      fill:var(--p-action-critical-disabled); }

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

.Polaris-Button--sizeLarge{
  min-height:4.4rem;
  min-width:4.4rem;
  padding:1.1rem 2.4rem; }
  .Polaris-Button--sizeLarge .Polaris-Button__Content{
    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 .Polaris-Button__Content{
        font-size:1.6rem; } }

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