@hackplan/polaris/styles.css

Shopify’s product component library

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

html,
body{
  font-size:1.5rem;
  font-weight:400;
  line-height:2rem;
  text-transform:initial;
  letter-spacing:initial;
  font-weight:400;
  color:#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;
     -moz-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{
  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--hasImage{
  background:transparent; }

.Polaris-Avatar__Image{
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  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;
  color:white; }


.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::after{
    content:'';
    position:absolute;
    z-index:1;
    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::after{
  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::after{
  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:#007ace; }

.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::after{
  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::after{
  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::after{
  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::after{
  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::after{
  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(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%);
          filter:brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%) hue-rotate(31deg) brightness(93%) contrast(80%); }

.Polaris-Icon--colorYellowDark::after{
  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::after{
  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;
  z-index:2;
  display:block;
  width:100%;
  max-width:100%;
  max-height:100%; }

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


@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 #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 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--disabled{
    transition:none;
    background:linear-gradient(to bottom, #f4f6f8, #f4f6f8);
    color:#919eab; }
    .Polaris-Button.Polaris-Button--disabled svg{
      fill:#919eab; }

.Polaris-Button__Content{
  font-size:1.5rem;
  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__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{
  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 svg{
    fill:white; }
  .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--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: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 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--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; }
    .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 svg{
    fill:#bf0711; }

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

@keyframes Polaris-Button--loading{
  to{
    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{
  margin:-0.7rem -0.8rem;
  padding-left:0.8rem;
  padding-right:0.8rem;
  background:transparent;
  border:0;
  box-shadow:none;
  color:#007ace; }
  .Polaris-Button--plain svg{
    fill:#007ace; }
  .Polaris-Button--plain:hover, .Polaris-Button--plain:focus, .Polaris-Button--plain:active{
    background:transparent;
    border:0;
    box-shadow:none;
    color:#084e8a; }
    .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:focus{
      outline:none; } }
  @media (-ms-high-contrast: active){
    .Polaris-Button--plain:focus > .Polaris-Button__Content{
      outline:2px dotted; } }
  .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--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--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: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; }

.Polaris-Button--monochrome.Polaris-Button--outline, .Polaris-Button--monochrome.Polaris-Button--plain{
  color:currentColor; }
  .Polaris-Button--monochrome.Polaris-Button--outline svg, .Polaris-Button--monochrome.Polaris-Button--plain svg{
    fill:currentColor; }
  .Polaris-Button--monochrome.Polaris-Button--outline:hover, .Polaris-Button--monochrome.Polaris-Button--outline:focus, .Polaris-Button--monochrome.Polaris-Button--outline:active, .Polaris-Button--monochrome.Polaris-Button--plain:hover, .Polaris-Button--monochrome.Polaris-Button--plain:focus, .Polaris-Button--monochrome.Polaris-Button--plain:active{
    color:currentColor; }
    .Polaris-Button--monochrome.Polaris-Button--outline:hover svg, .Polaris-Button--monochrome.Polaris-Button--outline:focus svg, .Polaris-Button--monochrome.Polaris-Button--outline:active svg, .Polaris-Button--monochrome.Polaris-Button--plain:hover svg, .Polaris-Button--monochrome.Polaris-Button--plain:focus svg, .Polaris-Button--monochrome.Polaris-Button--plain:active svg{
      fill:currentColor; }
  .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--disabled, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--disabled{
    color:currentColor;
    opacity:0.4; }
    .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--disabled svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--disabled svg{
      fill:currentColor; }
  .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly svg{
    fill:currentColor; }
  .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly:focus svg, .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly:active svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly:focus svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly:active svg{
    fill:currentColor; }
  .Polaris-Button--monochrome.Polaris-Button--outline.Polaris-Button--iconOnly.Polaris-Button--disabled svg, .Polaris-Button--monochrome.Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--disabled svg{
    fill:currentColor; }

.Polaris-Button--monochrome.Polaris-Button--plain .Polaris-Button__Text{
  position:relative; }
  .Polaris-Button--monochrome.Polaris-Button--plain .Polaris-Button__Text::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:block;
    border-top:0.1rem solid currentColor;
    opacity:1;
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
    will-change:opacity;
    transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1); }
  .Polaris-Button--monochrome.Polaris-Button--plain .Polaris-Button__Text:hover::after, .Polaris-Button--monochrome.Polaris-Button--plain .Polaris-Button__Text:active::after{
    opacity:0.4; }
  .Polaris-Button--monochrome.Polaris-Button--plain .Polaris-Button__Text:focus::after{
    display:none; }

.Polaris-Button--monochrome.Polaris-Button--plain:hover .Polaris-Button__Text::after, .Polaris-Button--monochrome.Polaris-Button--plain:focus .Polaris-Button__Text::after, .Polaris-Button--monochrome.Polaris-Button--plain:active .Polaris-Button__Text::after{
  opacity:0.4; }

.Polaris-Button--monochrome.Polaris-Button--outline{
  position:relative;
  border-color:currentColor; }
  .Polaris-Button--monochrome.Polaris-Button--outline::before{
    content:'';
    transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1);
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:currentColor;
    opacity:0;
    z-index:0; }
  .Polaris-Button--monochrome.Polaris-Button--outline:hover, .Polaris-Button--monochrome.Polaris-Button--outline:focus, .Polaris-Button--monochrome.Polaris-Button--outline:active{
    background-color:transparent;
    border-color:currentColor; }
    .Polaris-Button--monochrome.Polaris-Button--outline:hover::before, .Polaris-Button--monochrome.Polaris-Button--outline:focus::before, .Polaris-Button--monochrome.Polaris-Button--outline:active::before{
      opacity:0.05; }


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

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

.Polaris-ButtonGroup--segmented{
  display:flex;
  flex-wrap:nowrap;
  margin-top:0;
  margin-left:0; }
  .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item{
    position:relative;
    z-index:10;
    margin-top:0;
    margin-left:0; }
    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:not(:first-child){
      margin-left:-0.1rem; }
    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item > *{
      border-radius:0; }
    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:first-child > *{
      border-top-left-radius:3px;
      border-bottom-left-radius:3px; }
    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:last-child > *{
      border-top-right-radius:3px;
      border-bottom-right-radius:3px; }
  .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item--focused{
    z-index:20; }

.Polaris-ButtonGroup--fullWidth .Polaris-ButtonGroup__Item{
  flex:1 1 auto; }
  .Polaris-ButtonGroup--fullWidth .Polaris-ButtonGroup__Item > *{
    display:flex;
    width:100%; }

.Polaris-ButtonGroup--connectedTop .Polaris-ButtonGroup__Item:first-child > *{
  border-top-left-radius:0; }

.Polaris-ButtonGroup--connectedTop .Polaris-ButtonGroup__Item:last-child > *{
  border-top-right-radius:0; }


.Polaris-Stack{
  margin-top:-1.6rem;
  margin-left:-1.6rem;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch; }
  .Polaris-Stack > .Polaris-Stack__Item{
    margin-top:1.6rem;
    margin-left:1.6rem;
    max-width:100%; }

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

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

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

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

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

.Polaris-Stack--distributionLeading{
  justify-content:flex-start; }

.Polaris-Stack--distributionTrailing{
  justify-content:flex-end; }

.Polaris-Stack--distributionCenter{
  justify-content:center; }

.Polaris-Stack--distributionEqualSpacing{
  justify-content:space-between; }

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

.Polaris-Stack--distributionFillEvenly > .Polaris-Stack__Item{
  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{
      flex:1 0;
      min-width:-webkit-fit-content;
      min-width:-moz-fit-content;
      min-width:fit-content; } }

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

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

.Polaris-Stack--alignmentCenter{
  align-items:center; }

.Polaris-Stack--alignmentFill{
  align-items:stretch; }

.Polaris-Stack--alignmentBaseline{
  align-items:baseline; }

.Polaris-Stack--vertical{
  flex-direction:column;
  margin-left:0; }
  .Polaris-Stack--vertical > .Polaris-Stack__Item{
    margin-left:0; }

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

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


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


.Polaris-Card{
  overflow:hidden;
  background-color:white;
  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 (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){
    [data-has-navigation] .Polaris-Card{
      border-radius:3px; } }
  @media (min-width: 30.625em){
    .Polaris-Card{
      border-radius:3px; } }
  @media (-ms-high-contrast: active){
    .Polaris-Card{
      box-shadow:inset 0 0 0 0.1rem windowText; } }

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

.Polaris-Card__Header{
  padding:1.6rem 1.6rem 0; }
  @media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){
    [data-has-navigation] .Polaris-Card__Header{
      padding:2rem 2rem 0; } }
  @media (min-width: 30.625em){
    .Polaris-Card__Header{
      padding:2rem 2rem 0; } }

.Polaris-Card__Section{
  padding:1.6rem; }
  @media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){
    [data-has-navigation] .Polaris-Card__Section{
      padding:2rem; } }
  @media (min-width: 30.625em){
    .Polaris-Card__Section{
      padding:2rem; } }
  .Polaris-Card__Section + .Polaris-Card__Section{
    border-top:0.1rem solid #dfe3e8; }

.Polaris-Card__Section--fullWidth{
  padding:2rem 0; }

.Polaris-Card__Section--subdued{
  background-color:#f9fafb; }
  @media (-ms-high-contrast: active){
    .Polaris-Card__Section--subdued{
      background-color:transparent; } }
  .Polaris-Card__Header + .Polaris-Card__Section--subdued{
    border-top:0.1rem solid #dfe3e8;
    margin-top:2rem; }

.Polaris-Card__SectionHeader{
  padding-bottom:0.8rem; }
  .Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader{
    padding-left:1.6rem;
    padding-right:1.6rem; }
    @media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){
      [data-has-navigation] .Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader{
        padding-left:2rem;
        padding-right:2rem; } }
    @media (min-width: 30.625em){
      .Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader{
        padding-left:2rem;
        padding-right:2rem; } }

.Polaris-Card__Footer{
  display:flex;
  justify-content:flex-end;
  padding:0 1.6rem 1.6rem; }
  @media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){
    [data-has-navigation] .Polaris-Card__Footer{
      padding:0 2rem 2rem; } }
  @media (min-width: 30.625em){
    .Polaris-Card__Footer{
      padding:0 2rem 2rem; } }
  .Polaris-Card__Section--subdued + .Polaris-Card__Footer{
    border-top:0.1rem solid #dfe3e8;
    padding:2rem; }


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


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

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

.Polaris-TextStyle--variationCode{
  position:relative;
  padding:0 0.4rem;
  border-radius:3px;
  background-color:#f4f6f8;
  display:inline-block;
  font-size:1.15em;
  box-shadow:inset 0 0 0 1px #dfe3e8; }
  .Polaris-TextStyle--variationCode::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:1px solid transparent; }

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

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


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

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

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


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

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


.Polaris-Scrollable{
  -webkit-overflow-scrolling:touch;
  position:relative; }

.Polaris-Scrollable--horizontal{
  overflow-x:auto; }

.Polaris-Scrollable--vertical{
  overflow-y:auto; }

.Polaris-Scrollable--hasTopShadow{
  box-shadow:inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.1); }

.Polaris-Scrollable--hasBottomShadow{
  box-shadow:inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.1); }

.Polaris-Scrollable--hasTopShadow.Polaris-Scrollable--hasBottomShadow{
  box-shadow:inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.1), inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.1); }


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


.Polaris-Badge{
  display:inline-flex;
  align-items:center;
  padding:0 0.8rem;
  background-color:#dfe3e8;
  border:0.2rem solid white;
  border-radius:2rem;
  font-size:1.3rem;
  line-height:2rem;
  color:#454f5b; }
  .Polaris-Badge .Polaris-Badge__Pip{
    color:#919eab; }

.Polaris-Badge--sizeSmall{
  font-size:1.2rem;
  line-height:1.8rem; }

.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:#8a6116; }

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

.Polaris-Badge--statusNew{
  background-color:#dfe3e8;
  color:#212b36;
  font-weight:500;
  border:none; }

.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.3rem;
  border:0.2rem solid currentColor;
  border-radius:50%; }


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

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

.Polaris-ActionList__Actions{
  list-style:none;
  margin:0;
  padding:0;
  border-top:0.1rem solid #dfe3e8; }

.Polaris-ActionList > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions,
.Polaris-ActionList__Section:first-child > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions{
  border-top:none; }

.Polaris-ActionList__Title{
  font-size:1.3rem;
  font-weight:700;
  line-height:1.6rem;
  text-transform:uppercase;
  padding:1.2rem 1.6rem; }
  @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; }
  .Polaris-ActionList__Item:focus{
    outline:none; }
  .Polaris-ActionList__Item:visited{
    color:inherit; }
  .Polaris-ActionList__Item.Polaris-ActionList--active{
    background-image:linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)); }
  .Polaris-ActionList__Item:active{
    background-image:linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)); }
    .Polaris-ActionList__Item:active:hover{
      background-image:linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }
      .Polaris-ActionList__Item:active:hover:focus{
        box-shadow:inset 0.2rem 0 0 #5c6ac4;
        background-image:linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }
  .Polaris-ActionList__Item:hover{
    background-image:linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }
    .Polaris-ActionList__Item:hover:focus{
      box-shadow:inset 0.2rem 0 0 #5c6ac4;
      background-image:linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }
  .Polaris-ActionList__Item:focus{
    box-shadow:inset 0.2rem 0 0 #5c6ac4;
    background-image:linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }
  .Polaris-ActionList__Item.Polaris-ActionList--destructive{
    color:#bf0711; }
    .Polaris-ActionList__Item.Polaris-ActionList--destructive:active{
      background-image:linear-gradient(rgba(220, 56, 37, 0.03), rgba(220, 56, 37, 0.03)); }
      .Polaris-ActionList__Item.Polaris-ActionList--destructive:active:hover{
        background-image:linear-gradient(rgba(220, 56, 37, 0.03), rgba(220, 56, 37, 0.03)), linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }
        .Polaris-ActionList__Item.Polaris-ActionList--destructive:active:hover:focus{
          box-shadow:inset 0.2rem 0 0 #de3618;
          background-image:linear-gradient(rgba(220, 56, 37, 0.03), rgba(220, 56, 37, 0.03)), linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)), linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }
    .Polaris-ActionList__Item.Polaris-ActionList--destructive:hover{
      background-image:linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }
      .Polaris-ActionList__Item.Polaris-ActionList--destructive:hover:focus{
        box-shadow:inset 0.2rem 0 0 #de3618;
        background-image:linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)), linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }
    .Polaris-ActionList__Item.Polaris-ActionList--destructive:focus{
      box-shadow:inset 0.2rem 0 0 #de3618;
      background-image:linear-gradient(rgba(251, 234, 229, 0.4), rgba(251, 234, 229, 0.4)); }
  .Polaris-ActionList__Item.Polaris-ActionList--disabled{
    background-image:linear-gradient(#f9fafb, #f9fafb);
    color:#919eab;
    pointer-events:none; }
    .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Image{
      color:white; }
      .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Image svg{
        fill:#919eab; }
  .Polaris-ActionList__Item::-moz-focus-inner{
    border:none; }

.Polaris-ActionList__Content{
  display:flex;
  align-items:center; }

.Polaris-ActionList__Image{
  color:white;
  display:flex;
  flex:0 0 auto;
  justify-content: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__Image svg{
    fill:#454f5b; }

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

.Polaris-ActionList__BadgeWrapper{
  margin-left:1.6rem; }


.Polaris-OptionList-Checkbox{
  position:relative;
  width:100%; }

.Polaris-OptionList-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-OptionList-Checkbox__Input:focus + .Polaris-OptionList-Checkbox__Backdrop, .Polaris-OptionList-Checkbox__Input:active + .Polaris-OptionList-Checkbox__Backdrop, .Polaris-OptionList-Checkbox__Input:checked + .Polaris-OptionList-Checkbox__Backdrop{
    background:#5c6ac4; }
  .Polaris-OptionList-Checkbox__Input:checked ~ .Polaris-OptionList-Checkbox__Icon{
    transform:translate(-50%, -50%) scale(1); }
  .Polaris-OptionList-Checkbox__Input:focus + .Polaris-OptionList-Checkbox__Backdrop, .Polaris-OptionList-Checkbox__Input:active + .Polaris-OptionList-Checkbox__Backdrop{
    background:#5c6ac4;
    box-shadow:0 0 0 1px #5c6ac4, 0 0 0 0 transparent; }
    .Polaris-OptionList-Checkbox__Input:focus + .Polaris-OptionList-Checkbox__Backdrop::after, .Polaris-OptionList-Checkbox__Input:active + .Polaris-OptionList-Checkbox__Backdrop::after{
      background:white; }
    @media (-ms-high-contrast: active){
      .Polaris-OptionList-Checkbox__Input:focus + .Polaris-OptionList-Checkbox__Backdrop::after, .Polaris-OptionList-Checkbox__Input:active + .Polaris-OptionList-Checkbox__Backdrop::after{
        border:1px dashed buttonText; } }
  .Polaris-OptionList-Checkbox__Input:disabled + .Polaris-OptionList-Checkbox__Backdrop{
    background:#dfe3e8;
    box-shadow:none; }
    .Polaris-OptionList-Checkbox__Input:disabled + .Polaris-OptionList-Checkbox__Backdrop::after{
      background:#f9fafb; }
    @media (-ms-high-contrast: active){
      .Polaris-OptionList-Checkbox__Input:disabled + .Polaris-OptionList-Checkbox__Backdrop{
        color:grayText; } }
  .Polaris-OptionList-Checkbox__Input:disabled ~ .Polaris-OptionList-Checkbox__Icon svg{
    fill:#919eab; }

.Polaris-OptionList-Checkbox--active .Polaris-OptionList-Checkbox__Backdrop{
  background:#5c6ac4;
  box-shadow:0 0 0 1px #5c6ac4, 0 0 0 0 transparent; }
  .Polaris-OptionList-Checkbox--active .Polaris-OptionList-Checkbox__Backdrop::after{
    background:white; }
  @media (-ms-high-contrast: active){
    .Polaris-OptionList-Checkbox--active .Polaris-OptionList-Checkbox__Backdrop::after{
      border:1px dashed buttonText; } }

.Polaris-OptionList-Checkbox__Backdrop{
  background-color:#c4cdd5;
  border:0.1rem solid transparent;
  box-shadow:0 0 0 1px transparent, 0 1px 0 0 r