@shopify/polaris/styles.css

Shopify’s product component library

@-webkit-keyframes Polaris-global--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-global--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

html,
body{
  font-size:1.5rem;
  font-weight:400;
  line-height:2rem;
  text-transform:initial;
  letter-spacing:initial;
  font-weight:400;
  color:#212b36;
  font-family:-apple-system, BlinkMacSystemFont, San Francisco, Roboto, Segoe UI, Helvetica Neue, sans-serif; }
  @media (min-width: 40em){
    html,
    body{
      font-size:1.4rem; } }

html{
  --polaris-version-number:'1.12.2';
  position:relative;
  box-sizing:border-box;
  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; }

*{
  box-sizing:inherit; }

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

a:not([data-polaris-unstyled]){
  color:#007ace;
  text-decoration:none; }
  a:not([data-polaris-unstyled]):hover, a:not([data-polaris-unstyled]):focus, a:not([data-polaris-unstyled]):active{
    outline:none;
    color:#084e8a; }


@-webkit-keyframes Polaris-Avatar--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Avatar--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:50%;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none; }
  .Polaris-Avatar::after{
    content:'';
    display:block;
    padding-bottom:100%; }

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

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

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

.Polaris-Avatar--styleOne{
  background:#47c1bf; }

.Polaris-Avatar--styleTwo{
  background:#de3618; }

.Polaris-Avatar--styleThree{
  background:#f49342; }

.Polaris-Avatar--styleFour{
  background:#50b83c; }

.Polaris-Avatar--styleFive{
  background:#007ace; }

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

.Polaris-Avatar__Image{
  width:100%;
  position:absolute;
  top:0;
  left:0;
  border-radius:50%; }

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

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


@-webkit-keyframes Polaris-Icon--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Icon--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

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

.Polaris-Icon--hasBackdrop{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin:0.8rem; }
  .Polaris-Icon--hasBackdrop::after{
    content:'';
    position:absolute;
    z-index:1;
    top:-0.8rem;
    bottom:-0.8rem;
    left:-0.8rem;
    right:-0.8rem;
    border-radius:50%; }

.Polaris-Icon--colorWhite{
  fill:#ffffff; }

.Polaris-Icon--colorBlack{
  fill:#000000; }

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

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

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

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

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

.Polaris-Icon--colorInkLighter{
  fill:#637381; }
  .Polaris-Icon--colorInkLighter::after{
    background-color:#dfe3e8; }

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

.Polaris-Icon--colorInk{
  fill:#212b36; }
  .Polaris-Icon--colorInk::after{
    background-color:#dfe3e8; }

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

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

.Polaris-Icon--colorBlue{
  fill:#007ace; }

.Polaris-Icon--colorBlueDark{
  fill:#084e8a; }
  .Polaris-Icon--colorBlueDark::after{
    background-color:#b4e1fa; }

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

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

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

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

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

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

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

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

.Polaris-Icon--colorTeal{
  fill:#47c1bf; }
  .Polaris-Icon--colorTeal::after{
    background-color:#ffffff; }

.Polaris-Icon--colorTealDark{
  fill:#00848e; }
  .Polaris-Icon--colorTealDark::after{
    background-color:#b7ecec; }

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

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

.Polaris-Icon--colorGreen{
  fill:#50b83c; }
  .Polaris-Icon--colorGreen::after{
    background-color:#e3f1df; }

.Polaris-Icon--colorGreenDark{
  fill:#108043; }
  .Polaris-Icon--colorGreenDark::after{
    background-color:#bbe5b3; }

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

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

.Polaris-Icon--colorYellowDark{
  fill:#9c6f19; }
  .Polaris-Icon--colorYellowDark::after{
    background-color:#ffea8a; }

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

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

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

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

.Polaris-Icon--colorRedDark{
  fill:#bf0711; }
  .Polaris-Icon--colorRedDark::after{
    background-color:#fead9a; }

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

.Polaris-Icon__Svg{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  color:#ffffff;
  max-width:100%;
  max-height:100%; }

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


@-webkit-keyframes Polaris-Spinner--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Spinner--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

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

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

.Polaris-Spinner{
  -webkit-animation:Polaris-Spinner--loading 500ms linear infinite;
          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{
  fill:#ffffff; }

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

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


@-webkit-keyframes Polaris-Button--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Button--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Button{
  fill:#637381;
  position:relative;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  min-height:3.6rem;
  min-width:3.6rem;
  margin:0;
  padding:0.7rem 1.6rem;
  background:linear-gradient(to bottom, #ffffff, #f9fafb);
  border:1px solid #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;
     -moz-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); }
  .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; }
  .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--disabled{
    fill:#919eab;
    transition:none;
    background:linear-gradient(to bottom, #f4f6f8, #f4f6f8);
    color:#919eab; }

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

.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; }
  .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{
  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:#ffffff;
  fill:#ffffff; }
  .Polaris-Button--primary:hover{
    background:linear-gradient(to bottom, #5c6ac4, #4959bd);
    border-color:#3f4eae;
    color:#ffffff;
    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--disabled{
    fill:#ffffff;
    background:linear-gradient(to bottom, #bac0e6, #bac0e6);
    border-color:#a7aedf;
    box-shadow:none;
    color:#ffffff; }

.Polaris-Button--destructive{
  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:#ffffff;
  fill:#ffffff; }
  .Polaris-Button--destructive:hover{
    background:linear-gradient(to bottom, #de3618, #c73016);
    border-color:#b02b13;
    color:#ffffff;
    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--disabled{
    fill:#ffffff;
    background:linear-gradient(to bottom, #f29484, #f29484);
    border-color:#ef816d;
    box-shadow:none;
    color:#ffffff; }

.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--disabled{
    background:transparent;
    border-color:rgba(99, 115, 129, 0.25);
    box-shadow:none;
    color:#919eab;
    fill:#919eab; }

.Polaris-Button--destructive.Polaris-Button--outline{
  background:transparent;
  border-color:rgba(222, 54, 24, 0.4);
  box-shadow:none;
  color:#82200e;
  fill:#bf0711; }
  .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--disabled{
  cursor:default;
  pointer-events:none; }

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

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

.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{
    color:transparent; }

.Polaris-Button--plain{
  fill:#007ace;
  margin:-0.7rem -0.8rem;
  padding-left:0.8rem;
  padding-right:0.8rem;
  background:transparent;
  border:1px solid transparent;
  box-shadow:none;
  color:#007ace; }
  .Polaris-Button--plain:hover, .Polaris-Button--plain:focus, .Polaris-Button--plain:active{
    fill:#084e8a;
    background:transparent;
    border:1px solid transparent;
    box-shadow:none;
    color:#084e8a; }
  .Polaris-Button--plain:focus > .Polaris-Button__Content::after{
    opacity:1; }
  .Polaris-Button--plain.Polaris-Button--fullWidth{
    margin-left:0;
    margin-right:0; }
  .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{
    fill:#637381;
    margin:-0.8rem; }
    .Polaris-Button--plain.Polaris-Button--iconOnly:focus, .Polaris-Button--plain.Polaris-Button--iconOnly:active{
      fill:#637381;
      background:rgba(33, 43, 54, 0.1); }
    .Polaris-Button--plain.Polaris-Button--iconOnly:hover, .Polaris-Button--plain.Polaris-Button--iconOnly:active{
      fill:#212b36; }
    .Polaris-Button--plain.Polaris-Button--iconOnly > .Polaris-Button__Content::after{
      display:none; }
    .Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--disabled{
      fill:#c4cdd5; }
  .Polaris-Button--plain > .Polaris-Button__Content::after{
    position:absolute;
    top:-2px;
    bottom:-2px;
    left:-5px;
    right:-5px;
    display:block;
    background:rgba(33, 43, 54, 0.1);
    border-radius:3px;
    transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1);
    content:'';
    opacity:0; }
  .Polaris-Button--plain .Polaris-Button__Icon{
    margin-left:0;
    margin-right:0; }

.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: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:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%; }

.Polaris-Button--iconOnly{
  padding-left:0.8rem;
  padding-right:0.8rem; }
  .Polaris-Button--iconOnly.Polaris-Button--sizeLarge{
    padding-left:1.2rem;
    padding-right:1.2rem; }
  .Polaris-Button--iconOnly .Polaris-Button__Icon:first-child{
    margin-left:0; }
  .Polaris-Button--iconOnly .Polaris-Button__Icon:last-child{
    margin-right:-0.4rem; }
  .Polaris-Button--iconOnly .Polaris-Button__Icon:only-child{
    margin-right:0; }


@-webkit-keyframes Polaris-ButtonGroup--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-ButtonGroup--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-ButtonGroup{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin-top:-0.8rem;
  margin-left:-0.8rem; }

.Polaris-ButtonGroup--segmented{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex; }
  .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item{
    position:relative;
    z-index:10; }
    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:not(:first-child){
      margin-left:-1px; }
    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item *{
      border-radius:0 !important; }
    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:first-child *{
      border-top-left-radius:3px !important;
      border-bottom-left-radius:3px !important; }
    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:last-child *{
      border-top-right-radius:3px !important;
      border-bottom-right-radius:3px !important; }
  .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item--focused{
    z-index:20; }

.Polaris-ButtonGroup__Item{
  margin-top:0.8rem;
  margin-left:0.8rem; }

.Polaris-ButtonGroup__Item--plain:not(:first-child){
  margin-left:1.6rem; }

.Polaris-ButtonGroup__Item--plain:not(:last-child){
  margin-right:0.8rem; }


@-webkit-keyframes Polaris-Stack--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Stack--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Stack{
  margin-top:-1.6rem;
  margin-left:-1.6rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch; }
  .Polaris-Stack > .Polaris-Stack__Item{
    margin-top:1.6rem;
    margin-left:1.6rem;
    max-width:calc(100% - 1.6rem); }

.Polaris-Stack--noWrap{
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap; }

.Polaris-Stack--vertical{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column; }

.Polaris-Stack--spacingNone{
  margin-top:0;
  margin-left:0; }
  .Polaris-Stack--spacingNone > .Polaris-Stack__Item{
    margin-top:0;
    margin-left:0;
    max-width:100%; }

.Polaris-Stack--spacingExtraTight{
  margin-top:-0.4rem;
  margin-left:-0.4rem; }
  .Polaris-Stack--spacingExtraTight > .Polaris-Stack__Item{
    margin-top:0.4rem;
    margin-left:0.4rem;
    max-width:calc(100% - 0.4rem); }

.Polaris-Stack--spacingTight{
  margin-top:-0.8rem;
  margin-left:-0.8rem; }
  .Polaris-Stack--spacingTight > .Polaris-Stack__Item{
    margin-top:0.8rem;
    margin-left:0.8rem;
    max-width:calc(100% - 0.8rem); }

.Polaris-Stack--spacingLoose{
  margin-top:-2rem;
  margin-left:-2rem; }
  .Polaris-Stack--spacingLoose > .Polaris-Stack__Item{
    margin-top:2rem;
    margin-left:2rem;
    max-width:calc(100% - 2rem); }

.Polaris-Stack--spacingExtraLoose{
  margin-top:-3.2rem;
  margin-left:-3.2rem; }
  .Polaris-Stack--spacingExtraLoose > .Polaris-Stack__Item{
    margin-top:3.2rem;
    margin-left:3.2rem;
    max-width:calc(100% - 3.2rem); }

.Polaris-Stack--distributionLeading{
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start; }

.Polaris-Stack--distributionTrailing{
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end; }

.Polaris-Stack--distributionCenter{
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center; }

.Polaris-Stack--distributionEqualSpacing{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between; }

.Polaris-Stack--distributionFill > .Polaris-Stack__Item{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto; }

.Polaris-Stack--distributionFillEvenly > .Polaris-Stack__Item{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto; }
  @supports ((min-width: -webkit-fit-content) or (min-width: -moz-fit-content) or (min-width: fit-content)){
    .Polaris-Stack--distributionFillEvenly > .Polaris-Stack__Item{
      -webkit-box-flex:1;
          -ms-flex:1 0 0%;
              flex:1 0 0%;
      min-width:-webkit-fit-content;
      min-width:-moz-fit-content;
      min-width:fit-content; } }

.Polaris-Stack--alignmentLeading{
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start; }

.Polaris-Stack--alignmentTrailing{
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end; }

.Polaris-Stack--alignmentCenter{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center; }

.Polaris-Stack--alignmentFill{
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch; }

.Polaris-Stack--alignmentBaseline{
  -webkit-box-align:baseline;
      -ms-flex-align:baseline;
          align-items:baseline; }

.Polaris-Stack__Item{
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  min-width:0; }

.Polaris-Stack__Item--fill{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto; }


@-webkit-keyframes Polaris-Heading--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Heading--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Heading{
  font-size:1.7rem;
  font-weight:600;
  line-height:2.4rem;
  margin:0; }
  @media (min-width: 40em){
    .Polaris-Heading{
      font-size:1.6rem; } }


@-webkit-keyframes Polaris-Card--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Card--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Card{
  overflow:hidden;
  background-color:#ffffff;
  box-shadow:0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Card + .Polaris-Card{
    margin-top:2rem; }
  @media (min-width: 46.5em){
    .Polaris-Card{
      border-radius:3px; } }

.Polaris-Card--subdued{
  background-color:#f9fafb; }

.Polaris-Card__Header{
  padding:2rem 2rem 0; }

.Polaris-Card__Section{
  padding:2rem; }
  .Polaris-Card__Section + .Polaris-Card__Section{
    border-top:1px solid #dfe3e8; }

.Polaris-Card__Section--subdued{
  background-color:#f9fafb; }

.Polaris-Card__SectionHeader{
  padding-bottom:0.8rem; }

.Polaris-Card__Footer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  padding:0 2rem 2rem; }


@-webkit-keyframes Polaris-Subheading--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Subheading--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Subheading{
  font-size:1.3rem;
  font-weight:700;
  line-height:1.6rem;
  text-transform:uppercase;
  margin:0; }
  @media (min-width: 40em){
    .Polaris-Subheading{
      font-size:1.2rem; } }


@-webkit-keyframes Polaris-SettingAction--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-SettingAction--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-SettingAction{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin-top:-1.6rem;
  margin-left:-1.6rem; }

.Polaris-SettingAction__Setting,
.Polaris-SettingAction__Action{
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  margin-top:1.6rem;
  margin-left:1.6rem;
  max-width:calc(100% - 1.6rem);
  min-width:0; }

.Polaris-SettingAction__Setting{
  -webkit-box-flex:1;
      -ms-flex:1 0 35rem;
          flex:1 0 35rem; }


@-webkit-keyframes Polaris-TextStyle--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-TextStyle--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-TextStyle--variationPositive{
  color:#108043; }

.Polaris-TextStyle--variationNegative{
  color:#bf0711; }

.Polaris-TextStyle--variationStrong{
  font-weight:600; }

.Polaris-TextStyle--variationSubdued{
  color:#637381; }


@-webkit-keyframes Polaris-AccountConnection--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-AccountConnection--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-AccountConnection__TermsOfService{
  margin-top:2rem; }

.Polaris-AccountConnection__Content > * + *{
  margin-top:0.8rem; }


@-webkit-keyframes Polaris-ActionList--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-ActionList--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-ActionList{
  list-style:none;
  margin:0;
  padding:0.8rem 0; }

.Polaris-ActionList__Section--withoutTitle:not(:first-child){
  border-top:1px solid #dfe3e8;
  margin-top:0.8rem;
  padding-top:0.8rem; }

.Polaris-ActionList__Actions{
  list-style:none;
  margin:0;
  padding:0; }

.Polaris-ActionList__Title{
  font-size:1.3rem;
  font-weight:700;
  line-height:1.6rem;
  text-transform:uppercase;
  padding:1.2rem 1.6rem;
  border-bottom:1px solid #dfe3e8; }
  @media (min-width: 40em){
    .Polaris-ActionList__Title{
      font-size:1.2rem; } }

.Polaris-ActionList__Item{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  margin:0;
  padding:0;
  background:none;
  border:none;
  font-size:inherit;
  line-height:inherit;
  cursor:pointer;
  color:inherit;
  text-decoration:none;
  display:block;
  width:100%;
  min-height:4rem;
  padding:1rem 1.6rem;
  text-align:left;
  cursor:pointer;
  border-radius:0;
  color:#454f5b; }
  .Polaris-ActionList__Item:focus{
    outline:none; }
  .Polaris-ActionList__Item:visited{
    color:inherit; }
  .Polaris-ActionList__Item:hover, .Polaris-ActionList__Item:focus, .Polaris-ActionList__Item:active{
    background:#5c6ac4;
    outline:none;
    color:#ffffff; }
    .Polaris-ActionList__Item:hover .Polaris-ActionList__Image, .Polaris-ActionList__Item:focus .Polaris-ActionList__Image, .Polaris-ActionList__Item:active .Polaris-ActionList__Image{
      fill:#dfe3e8; }
  .Polaris-ActionList__Item.Polaris-ActionList--disabled{
    color:#919eab;
    cursor:default;
    pointer-events:none; }
    .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Image{
      fill:#919eab; }
  .Polaris-ActionList__Item::-moz-focus-inner{
    border:none; }

.Polaris-ActionList__Content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center; }

.Polaris-ActionList__Image{
  fill:#454f5b;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  height:2rem;
  width:2rem;
  border-radius:3px;
  margin:-1rem 1.6rem -1rem 0;
  background-size:cover;
  background-position:center center; }

.Polaris-ActionList__Text{
  min-width:0;
  max-width:100%;
  -webkit-box-flex:1;
      -ms-flex:1 0 auto;
          flex:1 0 auto; }


@-webkit-keyframes Polaris-VisuallyHidden--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-VisuallyHidden--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

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


@-webkit-keyframes Polaris-Badge--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Badge--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Badge{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:0 1rem;
  background-color:#dfe3e8;
  border:2px solid #ffffff;
  border-radius:2rem;
  font-size:1.3rem;
  line-height:2rem;
  color:#454f5b; }
  .Polaris-Badge .Polaris-Badge__Pip{
    color:#919eab; }

.Polaris-Badge--statusSuccess{
  background-color:#bbe5b3;
  color:#414f3e; }
  .Polaris-Badge--statusSuccess .Polaris-Badge__Pip{
    color:#108043; }

.Polaris-Badge--statusInfo{
  background-color:#b4e1fa;
  color:#3e4e57; }
  .Polaris-Badge--statusInfo .Polaris-Badge__Pip{
    color:#084e8a; }

.Polaris-Badge--statusAttention{
  background-color:#ffea8a;
  color:#595130; }
  .Polaris-Badge--statusAttention .Polaris-Badge__Pip{
    color:#9c6f19; }

.Polaris-Badge--statusWarning{
  background-color:#ffc58b;
  color:#594430; }
  .Polaris-Badge--statusWarning .Polaris-Badge__Pip{
    color:#c05717; }

.Polaris-Badge--progressIncomplete .Polaris-Badge__Pip{
  background:transparent; }

.Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip{
  background:linear-gradient(to top, currentColor, currentColor 50%, transparent 50%, transparent); }

.Polaris-Badge--progressComplete .Polaris-Badge__Pip{
  background:currentColor; }

.Polaris-Badge__Pip{
  height:1rem;
  width:1rem;
  margin:0 0.4rem 0 -0.5rem;
  border:0.2rem solid currentColor;
  border-radius:50%; }


@-webkit-keyframes Polaris-Banner--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Banner--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Banner{
  background-color:#f4f6f8;
  box-shadow:inset 0 3px 0 0 #637381, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:1.6rem;
  border-radius:0 0 3px 3px;
  transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
  transition-delay:100ms; }
  .Polaris-Banner:focus{
    box-shadow:inset 0 3px 0 0 #637381, inset 0 0 0 3px #637381, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner + .Polaris-Banner{
    margin-top:2rem; }
  .Polaris-Banner:focus{
    outline:none; }

.Polaris-Banner--hasDismiss{
  padding-right:4.8rem; }

.Polaris-Banner--statusSuccess{
  background-color:#e3f1df;
  box-shadow:inset 0 3px 0 0 #50b83c, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--statusSuccess:focus{
    box-shadow:inset 0 3px 0 0 #50b83c, inset 0 0 0 3px #50b83c, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }

.Polaris-Banner--statusInfo{
  background-color:#e0f5f5;
  box-shadow:inset 0 3px 0 0 #47c1bf, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--statusInfo:focus{
    box-shadow:inset 0 3px 0 0 #47c1bf, inset 0 0 0 3px #47c1bf, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }

.Polaris-Banner--statusWarning{
  background-color:#fcf1cd;
  box-shadow:inset 0 3px 0 0 #eec200, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--statusWarning:focus{
    box-shadow:inset 0 3px 0 0 #eec200, inset 0 0 0 3px #eec200, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }

.Polaris-Banner--statusCritical{
  background-color:#fbeae5;
  box-shadow:inset 0 3px 0 0 #de3618, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--statusCritical:focus{
    box-shadow:inset 0 3px 0 0 #de3618, inset 0 0 0 3px #de3618, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }

.Polaris-Banner__Ribbon{
  -webkit-box-flex:0;
      -ms-flex:0 0 3.2rem;
          flex:0 0 3.2rem;
  margin-right:1.6rem; }

.Polaris-Banner__Heading{
  margin-top:0.4rem; }

.Polaris-Banner__Actions{
  margin-top:1.6rem; }

.Polaris-Banner__Content{
  margin:0.8rem 0; }

.Polaris-Banner__SecondaryAction{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  margin:0;
  padding:0;
  background:none;
  border:none;
  font-size:inherit;
  line-height:inherit;
  cursor:pointer;
  color:inherit;
  text-decoration:none;
  margin:-0.8rem -0.6rem;
  padding:0.8rem 1.2rem;
  color:#212b36; }
  .Polaris-Banner__SecondaryAction:focus{
    outline:none; }
  .Polaris-Banner__SecondaryAction:visited{
    color:inherit; }
  .Polaris-Banner__SecondaryAction:hover > .Polaris-Banner__Text::after{
    opacity:0.75; }
  .Polaris-Banner__SecondaryAction:active > .Polaris-Banner__Text::after{
    opacity:0; }
  .Polaris-Banner__SecondaryAction:focus > .Polaris-Banner__Text::before{
    opacity:1; }
  .Polaris-Banner__SecondaryAction:focus > .Polaris-Banner__Text::after{
    opacity:0; }

.Polaris-Banner__Text{
  position:relative; }
  .Polaris-Banner__Text::after, .Polaris-Banner__Text::before{
    content:'';
    position:absolute; }
  .Polaris-Banner__Text::before{
    position:absolute;
    top:-2px;
    bottom:-2px;
    left:-5px;
    right:-5px;
    display:block;
    background:rgba(33, 43, 54, 0.1);
    border-radius:3px;
    transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1);
    opacity:0; }
  .Polaris-Banner__Text::after{
    bottom:0;
    left:0;
    right:0;
    display:block;
    border:1px solid currentColor;
    opacity:0.25;
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
    will-change:opacity;
    transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1); }

.Polaris-Banner__Dismiss{
  position:absolute;
  top:3px;
  right:0;
  padding:1.2rem; }


@-webkit-keyframes Polaris-TextContainer--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-TextContainer--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-TextContainer > * + *{
  margin-top:1.6rem; }

.Polaris-TextContainer--spacingTight > * + *{
  margin-top:0.8rem; }

.Polaris-TextContainer--spacingLoose > * + *{
  margin-top:2rem; }


@-webkit-keyframes Polaris-CalloutCard--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-CalloutCard--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-CalloutCard{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center; }

.Polaris-CalloutCard__Image{
  display:none;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  width:10rem; }
  @media (min-width: 30.625em){
    .Polaris-CalloutCard__Image{
      display:block;
      margin-left:2rem; } }

.Polaris-CalloutCard__Content{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto; }

.Polaris-CalloutCard__Title{
  margin-bottom:2rem; }

.Polaris-CalloutCard__Buttons{
  margin-top:2rem; }


@-webkit-keyframes Polaris-Caption--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Caption--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Caption{
  font-size:1.3rem;
  font-weight:400;
  line-height:2rem;
  margin:0; }
  @media (min-width: 40em){
    .Polaris-Caption{
      font-size:1.2rem;
      line-height:1.6rem; } }


@-webkit-keyframes Polaris-Choice--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Choice--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Choice{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  padding:0.4rem 0; }

.Polaris-Choice--labelHidden > .Polaris-Choice__Label{
  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; }

.Polaris-Choice__Control{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
  height:1.6rem;
  width:1.6rem;
  margin-top:2px;
  margin-right:0.8rem; }
  .Polaris-Choice__Control > *{
    width:100%; }

.Polaris-Choice__Label{
  font-size:1.5rem;
  font-weight:400;
  line-height:2rem;
  text-transform:initial;
  letter-spacing:initial;
  -webkit-tap-highlight-color:transparent; }
  @media (min-width: 40em){
    .Polaris-Choice__Label{
      font-size:1.4rem; } }

.Polaris-Choice__Descriptions{
  padding-left:2.4rem; }

.Polaris-Choice__HelpText{
  font-size:1.5rem;
  font-weight:400;
  line-height:2rem;
  text-transform:initial;
  letter-spacing:initial;
  color:#637381;
  margin-bottom:0.4rem; }
  @media (min-width: 40em){
    .Polaris-Choice__HelpText{
      font-size:1.4rem; } }

.Polaris-Choice__Error{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-bottom:0.4rem;
  color:#bf0711; }

.Polaris-Choice__ErrorIcon{
  fill:#de3618;
  margin:0 0.4rem 0 -2px; }


@-webkit-keyframes Polaris-Checkbox--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Checkbox--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Checkbox{
  position:relative; }

.Polaris-Checkbox--error .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop,
.Polaris-Checkbox--error .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop,
.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop{
  background:#de3618;
  box-shadow:0 0 0 1px transparent; }
  .Polaris-Checkbox--error .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::after,
  .Polaris-Checkbox--error .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::after,
  .Polaris-Checkbox--error .Polaris-Checkbox__Backdrop::after{
    background:#fbeae5; }

.Polaris-Checkbox--error .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop,
.Polaris-Checkbox--error .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop{
  background:#5c6ac4;
  box-shadow:0 0 0 1px #5c6ac4; }
  .Polaris-Checkbox--error .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop::after,
  .Polaris-Checkbox--error .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop::after{
    background:#fbeae5; }

.Polaris-Checkbox--error .Polaris-Checkbox__Icon{
  fill:#bf0711; }

.Polaris-Checkbox__Input{
  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; }
  .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop{
    background:#5c6ac4; }
  .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate ~ .Polaris-Checkbox__Icon{
    -webkit-transform:translate(-50%, -50%) scale(1);
            transform:translate(-50%, -50%) scale(1); }
  .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop{
    background:#5c6ac4;
    box-shadow:0 0 0 1px #5c6ac4, 0 0 0 0 transparent; }
    .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop::after, .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop::after{
      background:#ffffff; }
  .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop{
    background:#dfe3e8;
    box-shadow:none; }
    .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop::after{
      background:#f9fafb; }
  .Polaris-Checkbox__Input:disabled ~ .Polaris-Checkbox__Icon{
    fill:#919eab; }

.Polaris-Checkbox__Backdrop{
  background:#c4cdd5;
  border:1px solid transparent;
  box-shadow:0 0 0 1px transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05);
  border-radius:3px;
  transition-property:box-shadow, background;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1);
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0; }
  .Polaris-Checkbox__Backdrop::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:block;
    background:linear-gradient(to bottom, #ffffff, #f9fafb);
    border-radius:2px; }

.Polaris-Checkbox__Icon{
  fill:#5c6ac4;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%) scale(0);
          transform:translate(-50%, -50%) scale(0);
  -webkit-transform-origin:50% 50%;
          transform-origin:50% 50%;
  transition:-webkit-transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1);
  transition:transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1);
  transition:transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1), -webkit-transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1); }


@-webkit-keyframes Polaris-RadioButton--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-RadioButton--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-RadioButton{
  position:relative; }

.Polaris-RadioButton__Input{
  margin:0;
  padding:0;
  opacity:0;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none; }
  .Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop{
    background:#5c6ac4; }
  .Polaris-RadioButton__Input:checked ~ .Polaris-RadioButton__Icon{
    -webkit-transform:translate(-50%, -50%) scale(1);
            transform:translate(-50%, -50%) scale(1); }
  .Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop{
    background:#5c6ac4;
    box-shadow:0 0 0 1px #5c6ac4, 0 0 0 0 transparent; }
    .Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop::after, .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop::after{
      background:#ffffff; }
  .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop{
    background:#dfe3e8;
    box-shadow:none; }
    .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop::after{
      background:#f9fafb; }
  .Polaris-RadioButton__Input:disabled ~ .Polaris-RadioButton__Icon{
    background-color:#c4cdd5; }

.Polaris-RadioButton__Backdrop{
  background:#c4cdd5;
  border:1px solid transparent;
  box-shadow:0 0 0 1px transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05);
  border-radius:3px;
  transition-property:box-shadow, background;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1);
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border-radius:50%; }
  .Polaris-RadioButton__Backdrop::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:block;
    background:linear-gradient(to bottom, #ffffff, #f9fafb);
    border-radius:2px; }
  .Polaris-RadioButton__Backdrop::after{
    border-radius:50%; }

.Polaris-RadioButton__Icon{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%) scale(0);
          transform:translate(-50%, -50%) scale(0);
  -webkit-transform-origin:50% 50%;
          transform-origin:50% 50%;
  height:50%;
  width:50%;
  background:#5c6ac4;
  border-radius:50%;
  transition:-webkit-transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1);
  transition:transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1);
  transition:transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1), -webkit-transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1); }


@-webkit-keyframes Polaris-ChoiceList--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-ChoiceList--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-ChoiceList{
  margin:0;
  padding:0;
  border:none; }

.Polaris-ChoiceList--titleHidden > .Polaris-ChoiceList__Title{
  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; }

.Polaris-ChoiceList__Choices{
  list-style:none;
  margin:0;
  padding:0; }

.Polaris-ChoiceList__ChoiceChildren{
  padding-left:2.4rem; }

.Polaris-ChoiceList__Title{
  font-size:1.5rem;
  font-weight:400;
  line-height:2rem;
  text-transform:initial;
  letter-spacing:initial;
  display:block;
  margin:0 0 0.4rem;
  padding:0; }
  @media (min-width: 40em){
    .Polaris-ChoiceList__Title{
      font-size:1.4rem; } }


@-webkit-keyframes Polaris-Collapsible--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-Collapsible--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-Collapsible{
  overflow:hidden;
  height:0;
  padding-top:0;
  padding-bottom:0;
  opacity:0;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  will-change:opacity, height; }

.Polaris-Collapsible--animating{
  transition-property:opacity, height;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(0, 0, 0.42, 1); }

.Polaris-Collapsible--open{
  opacity:1; }


@-webkit-keyframes Polaris-ColorPicker--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

@keyframes Polaris-ColorPicker--skeletonShimmerAnimation{
  0%{
    opacity:0.45; }
  100%{
    opacity:0.9; } }

.Polaris-ColorPicker{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex; }

.Polaris-ColorPicker__MainColor{
  background-image:linear-gradient(45deg, #dfe3e8 25%, transparent 25%), linear-gradient(-45deg, #dfe3e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dfe3e8 75%), linear-gradient(-45deg, transparent 75%, #dfe3e8 75%);
  background-size:1.6rem 1.6rem;
  background-position:0 0, 0 0.8rem, 0.8rem -0.8rem, -0.8rem 0;
  position:relative;
  overflow:hidden;
  height:16rem;
  width:16rem;
  border-radius:4px;
  cursor:pointer; }
  .Polaris-ColorPicker__MainColor .Polaris-ColorPicker__Dragger{
    right:0.9rem;
    margin:0; }
  .Polaris-ColorPicker__MainColor .Polaris-ColorPicker__ColorLayer{
    box-shadow:inset 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08);
    border-radius:4px; }
  .Polaris-ColorPicker__MainColor::after, .Polaris-ColorPicker__MainColor::before{
    content:'';
    position:absolute;
    z-index:20;
    top:0;
    left:0;
    display:block;
    height:100%;
    width:100%;
    pointer-events:none;
    border-radius:3px; }
  .Polaris-ColorPicker__MainColor::before{
    background:linear-gradient(to right, white, transparent); }
  .Polaris-ColorPicker__MainColor::after{
    background-image:linear-gradient(to top, black, transparent);
    box-shadow:inset 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08); }

.Polaris-ColorPicker__Dragger{
  position:relative;
  z-index:30;
  bottom:0.9rem;
  -webkit-transform:none;
          transform:none;
  height:1.8rem;
  width:1.8rem;
  margin:0 auto;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  will-change:transform;
  background:transparent;
  border:3px solid #ffffff;
  box-shadow:0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08), inset 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08);
  border-radius:50%;
  pointer-events:none; }

.Polaris-ColorPicker__HuePicker,
.Polaris-ColorPicker__AlphaPicker{
  position:relative;
  overflow:hidden;
  height:16rem;
  width:2.4rem;
  margin-left:0.8rem;
  border-width:3px;
  border-radius:8rem; }

.Polaris-ColorPicker