@combine-labs/combine-polaris/styles.css

Combine Lab's product component library. Forked from Shopify's Polaris.

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

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

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

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

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


.Polaris-Avatar{
  position:relative;
  display:block;
  overflow:hidden;
  min-width:2rem;
  max-width:100%;
  background:#47c1bf;
  border-radius:3rem;
  box-shadow:0 0 0 2px white;
  -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--sizeExtraSmall{
  width:2rem; }

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

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

.Polaris-Avatar--styleFour{
  background:#65B878; }

.Polaris-Avatar--styleFive{
  background:#316be4; }

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

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

.Polaris-Avatar__Image{
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  border-radius:3rem;
  transform:translate(-50%, -50%); }

.Polaris-Avatar__Initials{
  position:absolute;
  top:0;
  right:0;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
      align-items:center;
  -ms-flex-pack: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:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
      align-items:center;
  margin:0.6rem; }
  .Polaris-Icon--hasBackdrop::after{
    content:'';
    position:absolute;
    z-index:1;
    top:-0.6rem;
    bottom:-0.6rem;
    left:-0.6rem;
    right:-0.6rem;
    border-radius:50%; }

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

.Polaris-Icon--colorWhite{
  fill:white;
  color:transparent; }

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

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

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

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

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

.Polaris-Icon--colorInkLightest{
  fill:#8F9BB3; }
  .Polaris-Icon--colorInkLightest::after{
    background-color:#E4E6EB; }

.Polaris-Icon--colorInkLighter{
  fill:#6a7694; }
  .Polaris-Icon--colorInkLighter::after{
    background-color:#D5D9E0; }

.Polaris-Icon--colorInkLight{
  fill:#364159; }

.Polaris-Icon--colorInk{
  fill:#0A1836; }
  .Polaris-Icon--colorInk::after{
    background-color:#D5D9E0; }

.Polaris-Icon--colorBlueLighter{
  fill:rgba(49, 107, 228, 0.12); }

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

.Polaris-Icon--colorBlue{
  fill:#316be4; }

.Polaris-Icon--colorBlueDark{
  fill:#263975; }
  .Polaris-Icon--colorBlueDark::after{
    background-color:#c9d4ea; }

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

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

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

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

.Polaris-Icon--colorGreenLighter{
  fill:rgba(131, 183, 70, 0.12); }

.Polaris-Icon--colorGreen{
  fill:#65B878; }
  .Polaris-Icon--colorGreen::after{
    background-color:rgba(131, 183, 70, 0.12); }

.Polaris-Icon--colorGreenDark{
  fill:#4A6A2D; }
  .Polaris-Icon--colorGreenDark::after{
    background-color:#cbe4d1; }

.Polaris-Icon--colorYellowLighter{
  fill:rgba(244, 169, 15, 0.12); }

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

.Polaris-Icon--colorYellowDark{
  fill:#9F5503; }
  .Polaris-Icon--colorYellowDark::after{
    background-color:#fdd278; }

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

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

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

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

.Polaris-Icon--colorRedDark{
  fill:#88170E; }
  .Polaris-Icon--colorRedDark::after{
    background-color:#f3c9c3; }

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

.Polaris-Icon__Svg{
  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{
  fill:white; }

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

.Polaris-Spinner--colorInkLightest{
  fill:#8F9BB3; }


.Polaris-Indicator::before, .Polaris-Indicator::after{
  content:'';
  position:absolute;
  background-color:#47c1bf;
  right:-0.4rem;
  top:-0.4rem;
  width:1rem;
  height:1rem;
  border-radius:100%; }

.Polaris-Indicator--pulseIndicator::before{
  z-index:1;
  animation:Polaris-Indicator--bounce 5s ease infinite; }

.Polaris-Indicator--pulseIndicator::after{
  right:-0.4rem;
  top:-0.4rem;
  animation:Polaris-Indicator--pulse 5s ease infinite; }

@keyframes Polaris-Indicator--bounce{
  from,
  65%,
  85%{
    transform:scale(1); }
  75%{
    transform:scale(0.85); }
  82.5%{
    transform:scale(1.05); } }

@keyframes Polaris-Indicator--pulse{
  from,
  75%{
    transform:scale(0.85);
    opacity:1; }
  to{
    transform:scale(2.5);
    opacity:0; } }


.Polaris-Button{
  position:relative;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-align:center;
      align-items:center;
  -ms-flex-pack:center;
      justify-content:center;
  min-height:3.4rem;
  min-width:3.4rem;
  margin:0;
  padding:0.6rem 1.2rem;
  background:rgba(10, 24, 54, 0.06);
  color:#0A1836;
  fill:#6a7694;
  border:1px solid transparent;
  font-family:inherit;
  border-radius:4px;
  line-height:1;
  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:border, box-shadow;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); }
  .Polaris-Button:hover{
    background:rgba(10, 24, 54, 0.1); }
  .Polaris-Button:focus{
    background:rgba(10, 24, 54, 0.1);
    outline:0; }
  .Polaris-Button:active{
    background:rgba(10, 24, 54, 0.15); }
  .Polaris-Button.Polaris-Button--disabled{
    transition:none;
    background:rgba(10, 24, 54, 0.1);
    fill:#8F9BB3;
    color:#8F9BB3; }

.Polaris-Button__Content{
  font-size:1.5rem;
  font-weight:600;
  line-height:1.6rem;
  text-transform:initial;
  letter-spacing:initial;
  position:relative;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:center;
      justify-content: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;
    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--sizeSlim{
  min-height:3rem;
  padding:0.4rem 1.2rem; }
  .Polaris-Button--sizeSlim .Polaris-Button__Content{
    font-size:1.5rem;
    font-weight:600;
    line-height:1.6rem;
    text-transform:initial;
    letter-spacing:initial;
    font-weight:400; }
    @media (min-width: 40em){
      .Polaris-Button--sizeSlim .Polaris-Button__Content{
        font-size:1.4rem; } }

.Polaris-Button--primary{
  background:#316be4;
  color:white;
  fill:white; }
  .Polaris-Button--primary:hover{
    background:#487be7;
    color:white;
    text-decoration:none; }
  .Polaris-Button--primary:focus{
    background:#487be7; }
  .Polaris-Button--primary.Polaris-Button--disabled{
    fill:white;
    background:#c9d4ea;
    color:white; }
  .Polaris-Button--primary .Polaris-Button__Content{
    font-weight:600; }

.Polaris-Button--destructive{
  background:#D63921;
  color:white;
  fill:white; }
  .Polaris-Button--destructive:hover{
    background:#df4831;
    color:white;
    text-decoration:none; }
  .Polaris-Button--destructive:focus{
    background:#df4831; }
  .Polaris-Button--destructive.Polaris-Button--disabled{
    fill:white;
    background:#f3c9c3;
    color:white; }

.Polaris-Button--outline{
  border-radius:4px;
  border:1px solid #C7CBD6;
  background:none; }
  .Polaris-Button--outline:hover{
    background:rgba(10, 24, 54, 0.06); }
  .Polaris-Button--outline:focus{
    background:rgba(10, 24, 54, 0.06); }
  .Polaris-Button--outline:active{
    background:rgba(10, 24, 54, 0.1); }
  .Polaris-Button--outline .Polaris-Button__Content{
    font-size:1.5rem;
    font-weight:600;
    line-height:1.6rem;
    text-transform:initial;
    letter-spacing:initial;
    font-weight:400; }
    @media (min-width: 40em){
      .Polaris-Button--outline .Polaris-Button__Content{
        font-size:1.4rem; } }
  .Polaris-Button--outline.Polaris-Button--disabled{
    background:rgba(10, 24, 54, 0.06);
    fill:#8F9BB3;
    color:#8F9BB3; }

.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{
  fill:#316be4;
  margin:-1rem -0.8rem;
  padding-left:0.8rem;
  padding-right:0.8rem;
  background:transparent;
  border:0;
  box-shadow:none;
  color:#316be4; }
  .Polaris-Button--plain > .Polaris-Button__Content{
    font-weight:400; }
  .Polaris-Button--plain:hover, .Polaris-Button--plain:focus, .Polaris-Button--plain:active{
    fill:#263975;
    background:transparent;
    border:0;
    box-shadow:none;
    color:#263975; }
  .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:#6a7694;
    margin:-0.7rem; }
    .Polaris-Button--plain.Polaris-Button--iconOnly:focus, .Polaris-Button--plain.Polaris-Button--iconOnly:active{
      fill:#6a7694;
      background:rgba(10, 24, 54, 0.1); }
    .Polaris-Button--plain.Polaris-Button--iconOnly:hover, .Polaris-Button--plain.Polaris-Button--iconOnly:active{
      fill:#0A1836; }
    .Polaris-Button--plain.Polaris-Button--iconOnly > .Polaris-Button__Content::after{
      display:none; }
    .Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--disabled{
      fill:#C7CBD6; }
  .Polaris-Button--plain > .Polaris-Button__Content::after{
    position:absolute;
    top:-2px;
    bottom:-2px;
    left:-5px;
    right:-5px;
    display:block;
    background:rgba(10, 24, 54, 0.1);
    border-radius:4px;
    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--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:-ms-flexbox;
  display:flex;
  width:100%; }

.Polaris-Button--iconOnly{
  fill:#364159;
  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--minimal{
  background:transparent;
  box-shadow:none;
  fill:#8F9BB3;
  color:#8F9BB3; }
  .Polaris-Button--minimal:hover, .Polaris-Button--minimal:focus{
    fill:#6a7694;
    color:#6a7694;
    background:#D5D9E0;
    background:rgba(10, 24, 54, 0.1); }
  .Polaris-Button--minimal:active{
    background:rgba(10, 24, 54, 0.15);
    box-shadow:none; }
  .Polaris-Button--minimal.Polaris-Button--disabled{
    background:transparent;
    box-shadow:none;
    color:transparent;
    fill:#8F9BB3; }


.Polaris-ButtonGroup{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -ms-flex-align:center;
      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:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
      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:4px;
      border-bottom-left-radius:4px; }
    .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:last-child > *{
      border-top-right-radius:4px;
      border-bottom-right-radius:4px; }
  .Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item--focused{
    z-index:20; }

.Polaris-ButtonGroup--fullWidth .Polaris-ButtonGroup__Item{
  -ms-flex:1 1 auto;
      flex:1 1 auto; }
  .Polaris-ButtonGroup--fullWidth .Polaris-ButtonGroup__Item > *{
    display:-ms-flexbox;
    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:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -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{
  -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{
  -ms-flex-pack:start;
      justify-content:flex-start; }

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

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

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

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

.Polaris-Stack--distributionFillEvenly > .Polaris-Stack__Item{
  -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{
      -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{
  -ms-flex-align:start;
      align-items:flex-start; }

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

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

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

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

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

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


.Polaris-Heading{
  font-size:1.7rem;
  font-weight:600;
  line-height:2.4rem;
  font-family:"Sharp Sans Trial", -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
  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 #E4E6EB; }
  .Polaris-Card + .Polaris-Card{
    margin-top:2rem; }
  @media (min-width: 30.625em){
    .Polaris-Card{
      border-radius:8px; } }

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

.Polaris-Card--emphasis{
  color:white;
  background-color:#316be4;
  border-color:rgba(10, 24, 54, 0.1); }

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

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

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

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

.Polaris-Card__SectionHeader{
  padding-bottom:1.6rem; }
  .Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader{
    padding:2rem 2rem 1.6rem; }

.Polaris-Card__Footer{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:end;
      justify-content:flex-end;
  padding:0 2rem 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-PropflowCard__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-PropflowCard__Card + .Polaris-PropflowCard__Card{
    margin-top:2rem; }
  @media (min-width: 30.625em){
    .Polaris-PropflowCard__Card{
      border-radius:4px; } }

.Polaris-PropflowCard--subdued{
  background-color:#F0F1F3; }

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

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

.Polaris-PropflowCard__Section--fullWidth{
  padding:0; }

.Polaris-PropflowCard__Section--subdued{
  background-color:#F0F1F3; }

.Polaris-PropflowCard__SectionHeader{
  padding-bottom:0.8rem; }
  .Polaris-PropflowCard__Section--fullWidth .Polaris-PropflowCard__SectionHeader{
    padding:2rem 2rem 0.8rem; }

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


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

.Polaris-SettingAction__Setting,
.Polaris-SettingAction__Action{
  -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{
  -ms-flex:1 0 35rem;
      flex:1 0 35rem; }


.Polaris-TextStyle--variationPositive{
  color:#4A6A2D; }

.Polaris-TextStyle--variationNegative{
  color:#88170E; }

.Polaris-TextStyle--variationCode{
  position:relative;
  padding:0 0.4rem;
  border-radius:4px;
  background-color:#E4E6EB;
  display:inline-block;
  font-size:1.15em;
  box-shadow:inset 0 0 0 1px #D5D9E0; }
  .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:#6a7694; }


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

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


.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:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-align:center;
      align-items:center;
  padding:0 0.4rem;
  background-color:#D5D9E0;
  margin:2px 2px 2px 0;
  box-shadow:0 0 0 2px white;
  border-radius:2px;
  font-size:1.4rem;
  line-height:1.8rem;
  color:#364159;
  cursor:default; }
  .Polaris-Badge .Polaris-Badge__Pip{
    color:#8F9BB3; }

.Polaris-Badge--statusSuccess{
  background-color:#cbe4d1;
  color:#0A1836; }
  .Polaris-Badge--statusSuccess .Polaris-Badge__Pip{
    color:#4A6A2D; }

.Polaris-Badge--statusInfo{
  background-color:#c9d4ea;
  color:#0A1836; }
  .Polaris-Badge--statusInfo .Polaris-Badge__Pip{
    color:#263975; }

.Polaris-Badge--statusAttention{
  background-color:#fdd278;
  color:#0A1836; }
  .Polaris-Badge--statusAttention .Polaris-Badge__Pip{
    color:#9F5503; }

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

.Polaris-Badge--statusDanger{
  background-color:#f3c9c3;
  color:#0A1836; }
  .Polaris-Badge--statusDanger .Polaris-Badge__Pip{
    color:#88170E; }

.Polaris-Badge--statusNew{
  background:#47c1bf;
  color:white;
  border-radius:1rem;
  border:none;
  padding:0 0.8rem; }

.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 0rem;
  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:1px solid #E4E6EB;
  margin-top:0.8rem;
  padding-top:0.8rem; }

.Polaris-ActionList__Actions{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid #E4E6EB; }

.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;
  font-family: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:hover{
    background:rgba(10, 24, 54, 0.06); }
  .Polaris-ActionList__Item:focus{
    background:rgba(10, 24, 54, 0.06); }
  .Polaris-ActionList__Item:active{
    background:rgba(10, 24, 54, 0.15); }
  .Polaris-ActionList__Item.Polaris-ActionList--destructive{
    color:#D63921; }
  .Polaris-ActionList__Item.Polaris-ActionList--disabled{
    background:#5e677d;
    color:#8F9BB3;
    pointer-events:none; }
    .Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Image{
      fill:#8F9BB3;
      color:white; }
  .Polaris-ActionList__Item::-moz-focus-inner{
    border:none; }

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

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

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

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


.Polaris-Banner{
  position:relative;
  display:-ms-flexbox;
  display:flex; }

.Polaris-Banner--withinContentContainer{
  border-radius:4px;
  padding:0.8rem 1.2rem;
  margin-left:-0.8rem;
  margin-right:-0.8rem;
  transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
  transition-delay:100ms;
  background-color:#E4E6EB; }
  .Polaris-Banner--withinContentContainer:focus{
    outline:none;
    box-shadow:inset 0 3px 0 0 #6a7694, inset 0 0 0 3px #6a7694, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess{
    transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition-delay:100ms;
    background-color:rgba(246, 250, 241, 0.5072); }
    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess:focus{
      outline:none;
      box-shadow:inset 0 3px 0 0 #65B878, inset 0 0 0 3px #65B878, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo{
    transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition-delay:100ms;
    background-color:#eef9f9; }
    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo:focus{
      outline:none;
      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--withinContentContainer.Polaris-Banner--statusWarning{
    transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition-delay:100ms;
    background-color:rgba(254, 249, 237, 0.5072); }
    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning:focus{
      outline:none;
      box-shadow:inset 0 3px 0 0 #F4A90F, inset 0 0 0 3px #F4A90F, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical{
    transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition-delay:100ms;
    background-color:#fcedeb; }
    .Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical:focus{
      outline:none;
      box-shadow:inset 0 3px 0 0 #D63921, inset 0 0 0 3px #D63921, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--withinContentContainer + .Polaris-Banner{
    margin-top:0.8rem; }
  .Polaris-Banner--withinContentContainer .Polaris-Banner__Ribbon{
    padding-right:1.2rem; }
  .Polaris-Banner--withinContentContainer .Polaris-Banner__Actions{
    padding:1.2rem 0 0.4rem 0; }
  .Polaris-Banner--withinContentContainer .Polaris-Banner__Dismiss{
    right:1.2rem;
    top:1.2rem;
    position:absolute; }

.Polaris-Banner--withinPage{
  border-radius:0 0 4px 4px;
  padding:1.6rem;
  transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
  transition-delay:100ms;
  box-shadow:inset 0 3px 0 0 #6a7694, 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);
  background-color:#E4E6EB; }
  .Polaris-Banner--withinPage:focus{
    outline:none;
    box-shadow:inset 0 3px 0 0 #6a7694, inset 0 0 0 3px #6a7694, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--withinPage.Polaris-Banner--statusSuccess{
    transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition-delay:100ms;
    box-shadow:inset 0 3px 0 0 #65B878, 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);
    background-color:rgba(246, 250, 241, 0.5072); }
    .Polaris-Banner--withinPage.Polaris-Banner--statusSuccess:focus{
      outline:none;
      box-shadow:inset 0 3px 0 0 #65B878, inset 0 0 0 3px #65B878, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--withinPage.Polaris-Banner--statusInfo{
    transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition-delay:100ms;
    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);
    background-color:#eef9f9; }
    .Polaris-Banner--withinPage.Polaris-Banner--statusInfo:focus{
      outline:none;
      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--withinPage.Polaris-Banner--statusWarning{
    transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition-delay:100ms;
    box-shadow:inset 0 3px 0 0 #F4A90F, 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);
    background-color:rgba(254, 249, 237, 0.5072); }
    .Polaris-Banner--withinPage.Polaris-Banner--statusWarning:focus{
      outline:none;
      box-shadow:inset 0 3px 0 0 #F4A90F, inset 0 0 0 3px #F4A90F, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--withinPage.Polaris-Banner--statusCritical{
    transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
    transition-delay:100ms;
    box-shadow:inset 0 3px 0 0 #D63921, 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);
    background-color:#fcedeb; }
    .Polaris-Banner--withinPage.Polaris-Banner--statusCritical:focus{
      outline:none;
      box-shadow:inset 0 3px 0 0 #D63921, inset 0 0 0 3px #D63921, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
  .Polaris-Banner--withinPage + .Polaris-Banner{
    margin-top:2rem; }
  .Polaris-Banner--withinPage .Polaris-Banner__Ribbon{
    padding-right:1.6rem; }
  .Polaris-Banner--withinPage .Polaris-Banner__Actions{
    padding-top:1.6rem; }
  .Polaris-Banner--withinPage .Polaris-Banner__Dismiss{
    right:1.6rem;
    top:2rem;
    position:absolute; }

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

.Polaris-Banner__Heading{
  padding-top:0.2rem; }

.Polaris-Banner__Content{
  padding:0.4rem 0;
  word-break:break-word;
  overflow-wrap:break-word; }

.Polaris-Banner__Ribbon{
  -ms-flex:0 0 3.2rem;
      flex:0 0 3.2rem; }

.Polaris-Banner__SecondaryAction{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  margin:0;
  padding:0;
  background:none;
  border:none;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit;
  cursor:pointer;
  color:inherit;
  text-decoration:none;
  margin:-0.7rem -0.6rem;
  padding:0.7rem 1.2rem;
  color:#0A1836; }
  .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(10, 24, 54, 0.1);
    border-radius:4px;
    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:0.1rem 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-Breadcrumbs__Breadcrumb{
  font-size:1.5rem;
  font-weight:400;
  line-height:2rem;
  text-transform:initial;
  letter-spacing:initial;
  color:#6a7694;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  margin:0;
  padding:0;
  background:none;
  border:none;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit;
  cursor:pointer;
  position:relative;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-align:center;
      align-items:center;
  min-height:3.4rem;
  margin:-0.4rem -0.8rem -0.4rem -0.4rem;
  padding:0.7rem 0.8rem;
  color:#6a7694;
  text-decoration:none; }
  @media (min-width: 40em){
    .Polaris-Breadcrumbs__Breadcrumb{
      font-size:1.4rem; } }
  .Polaris-Breadcrumbs__Breadcrumb:focus{
    outline:none; }
  .Polaris-Breadcrumbs__Breadcrumb:hover, .Polaris-Breadcrumbs__Breadcrumb:active{
    color:#0A1836;
    text-decoration:none; }
    .Polaris-Breadcrumbs__Breadcrumb:hover .Polaris-Breadcrumbs__Icon, .Polaris-Breadcrumbs__Breadcrumb:active .Polaris-Breadcrumbs__Icon{
      fill:#0A1836; }
  .Polaris-Breadcrumbs__Breadcrumb:focus{
    outline:none; }
    .Polaris-Breadcrumbs__Breadcrumb:focus::after{
      background:rgba(10, 24, 54, 0.1); }
  .Polaris-Breadcrumbs__Breadcrumb::after{
    content:'';
    position:absolute;
    z-index:10;
    top:0.4rem;
    right:0;
    left:0;
    display:block;
    height:2.6rem;
    border-radius:4px;
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
    will-change:background;
    transition:background 200ms cubic-bezier(0.64, 0, 0.35, 1); }

.Polaris-Breadcrumbs__Content{
  position:relative;
  z-index:20; }

.Polaris-Breadcrumbs__Icon{
  fill:#6a7694;
  height:2rem;
  width:2rem;
  margin:-1rem 0 -1rem -0.8rem; }


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

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

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


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

.Polaris-CalloutCard__Image{
  display:none;
  -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{
  -ms-flex:1 1 auto;
      flex:1 1 auto; }

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

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


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


.Polaris-InlineError{
  display:-ms-flexbox;
  display:flex;
  color:#88170E; }

.Polaris-InlineError__Icon{
  fill:#D63921;
  margin:0 0.4rem 0 -2px; }


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

.Polaris-Choice--labelHidden{
  padding: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--labelHidden .Polaris-Choice__Control{
    margin-top:0;
    margin-right:0; }

.Polaris-Choice--disabled > .Polaris-Choice__Label{
  color:#8F9BB3; }
  @media (-ms-high-contrast: active){
    .Polaris-Choice--disabled > .Polaris-Choice__Label{
      color:grayText; } }

.Polaris-Choice__Control{
  display:-ms-flexbox;
  display:flex;
  -ms-flex:0 0 auto;
      flex:0 0 auto;
  -ms-flex-align:stretch;
      align-items:stretch;
  width:1.6rem;
  height: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:#6a7694;
  margin-bottom:0.4rem; }
  @media (min-width: 40em){
    .Polaris-Choice__HelpText{
      font-size:1.4rem; } }


.Polaris-Checkbox{
  position:relative; }

.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop{
  background:#F9DFDB;
  border-color:#D63921; }

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

.Polaris-Checkbox--error .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon,
.Polaris-Checkbox--error .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate ~ .Polaris-Checkbox__Icon{
  fill:white; }

.Polaris-Checkbox--error .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop,
.Polaris-Checkbox--error .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop{
  background:#D63921;
  box-shadow:none; }

.Polaris-Checkbox--error .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop,
.Polaris-Checkbox--error .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop{
  border-color:#316be4;
  box-shadow:0 0 0 2px rgba(49, 107, 228, 0.25); }

.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:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop{
    background:#316be4;
    border-color:transparent; }
  .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate ~ .Polaris-Checkbox__Icon{
    transform:translate(-50%, -50%) scale(1); }
  .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop{
    border-color:#316be4;
    box-shadow:0 0 0 2px rgba(49, 107, 228, 0.25); }
  .Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop{
    background:#F0F1F3;
    border:1px solid #C7CBD6;
    box-shadow:none;
    transition:none; }
  .Polaris-Checkbox__Input:disabled ~ .Polaris-Checkbox__Icon{
    fill:#F0F1F3; }
  .Polaris-Checkbox__Input:checked:disabled + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate.Polaris-Checkbox--disabled + .Polaris-Checkbox__Backdrop{
    background:#C7CBD6;
    box-shadow:none;
    transition:none; }

.Polaris-Checkbox__Backdrop{
  background:white;
  border:1px solid #C7CBD6;
  box-shadow:0 0 0 2px transparent;
  border-radius:2px;
  transition-property:box-shadow, background, border-color;
  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__Icon{
  fill:white;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) scale(0);
  transform-origin:50% 50%;
  transition:transform 200ms cubic-bezier(0.64, 0, 0.35, 1); }
  @media (-ms-high-contrast: active){
    .Polaris-Checkbox__Icon{
      fill:windowText; } }


.Polaris-RadioButton{
  position:relative; }

.Polaris-RadioButton__Input{
  margin:0;
  padding:0;
  opacity:0; }
  .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop{
    background:#316be4;
    border-color:transparent; }
  .Polaris-RadioButton__Input:checked ~ .Polaris-RadioButton__Icon{
    transform:translate(-50%, -50%) scale(0.75); }
  .Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop{
    border-color:#316be4;
    box-shadow:0 0 0 2px rgba(49, 107, 228, 0.25); }
  .Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop{
    background:#F0F1F3;
    border:1px solid #C7CBD6;
    box-shadow:none;
    transition:none; }
  .Polaris-RadioButton__Input:disabled ~ .Polaris-RadioButton__Icon{
    background-color:#F7F8F9; }
  .Polaris-RadioButton__Input:checked:disabled + .Polaris-RadioButton__Backdrop{
    background:#C7CBD6;
    box-shadow:none;
    transition:none; }

.Polaris-RadioButton__Backdrop{
  background:white;
  border:1px solid #C7CBD6;
  box-shadow:0 0 0 2px transparent;
  border-radius:2px;
  transition-property:box-shadow, background, border-color;
  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{
    border-radius:50%; }

.Polaris-RadioButton__Icon{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) scale(0);
  transform-origin:50% 50%;
  height:50%;
  width:50%;
  background:white;
  border-radius:50%;
  transition:transform 200ms cubic-bezier(0.64, 0, 0.35, 1); }
  @media (-ms-high-contrast: active){
    .Polaris-RadioButton__Icon{
      background:windowText; } }


.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{
  margin:0;
  padding:0;
  list-style:none; }

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

.Polaris-ChoiceList__Title{
  font-size:1.2rem;
  font-weight:500;
  line-height:1.6rem;
  text-transform:initial;
  letter-spacing:initial;
  color:#6a7694;
  display:block;
  margin:0 0 0.4rem;
  padding:0; }


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


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

.Polaris-ColorPicker__MainColor{
  background-image:linear-gradient(45deg, #D5D9E0 25%, transparent 25%), linear-gradient(-45deg, #D5D9E0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #D5D9E0 75%), linear-gradient(-45deg, transparent 75%, #D5D9E0 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:5px;
  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:5px; }
  .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:4px; }
  .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;
  transform:none;
  height:1.8rem;
  width:1.8rem;
  margin:0 auto;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  will-change:transform;
  background:transparent;
  border:4px solid white;
  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:4px;
  border-radius:8rem; }

.Polaris-ColorPicker__HuePicker{
  background-image:linear-gradient(to bottom, red 1.8rem, yellow, lime, cyan, blue, magenta, red 14.2rem);
  box-shadow:inset 0 0 2px 0 rgba(0, 0, 0, 0.5); }

.Polaris-ColorPicker__AlphaPicker{
  background-image:linear-gradient(45deg, #D5D9E0 25%, transparent 25%), linear-gradient(-45deg, #D5D9E0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #D5D9E0 75%), linear-gradient(-45deg, transparent 75%, #D5D9E0 75%);
  background-size:1.6rem 1.6rem;
  background-position:0 0, 0 0.8rem, 0.8rem -0.8rem, -0.8rem 0; }
  .Polaris-ColorPicker__AlphaPicker .Polaris-ColorPicker__ColorLayer{
    border-radius:8rem; }

.Polaris-ColorPicker__ColorLayer{
  position:absolute;
  z-index:10;
  top:0;
  left:0;
  height:100%;
  width:100%;
  box-shadow:inset 0 0 2px 0 rgba(0, 0, 0, 0.5);
  pointer-events:none; }

.Polaris-ColorPicker__Slidable{
  height:100%;
  width:100%;
  cursor:pointer; }


.Polaris-Connected{
  position:relative;
  display:-ms-flexbox;
  display:flex; }

.Polaris-Connected__Item{
  position:relative;
  z-index:10;
  -ms-flex:0 0 auto;
      flex:0 0 auto; }
  .Polaris-Connected__Item:not(:first-child){
    margin-left:-1px; }

.Polaris-Connected__Item--primary{
  z-index:20;
  -ms-flex:1 1 auto;
      flex:1 1 auto; }
  .Polaris-Connected__Item--primary:not(:first-child) *{
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important; }
  .Polaris-Connected__Item--primary:not(:last-child) *{
    border-top-right-radius:0 !important;
    border-bottom-right-radius:0 !important; }

.Polaris-Connected__Item--connection:first-child *{
  border-top-right-radius:0 !important;
  border-bott