5020 lines
133 KiB
CSS
5020 lines
133 KiB
CSS
html,
|
|
body{
|
|
font-size:1.5rem;
|
|
font-weight:400;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
font-weight:400;
|
|
color:#212b36;
|
|
font-family:-apple-system, BlinkMacSystemFont, San Francisco, Roboto, Segoe UI, Helvetica Neue, sans-serif; }
|
|
@media (min-width: 40em){
|
|
html,
|
|
body{
|
|
font-size:1.4rem; } }
|
|
|
|
html{
|
|
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; }
|
|
a:not([data-polaris-unstyled]) {
|
|
color: #007ace;
|
|
text-decoration: none
|
|
}
|
|
|
|
a:not([data-polaris-unstyled]):active,
|
|
a:not([data-polaris-unstyled]):focus,
|
|
a:not([data-polaris-unstyled]):hover {
|
|
outline: none;
|
|
color: #084e8a
|
|
}
|
|
@-webkit-keyframes polaris-SkeletonShimmerAnimation{
|
|
0%{
|
|
opacity:0.45; }
|
|
100%{
|
|
opacity:0.9; } }
|
|
|
|
@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--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{
|
|
width:100%;
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
border-radius:3rem;
|
|
-webkit-transform:translate(-50%, -50%);
|
|
transform:translate(-50%, -50%); }
|
|
|
|
.Polaris-Avatar__Initials{
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
width:100%;
|
|
height:100%;
|
|
padding:0.2rem; }
|
|
|
|
.Polaris-Avatar__Svg{
|
|
width:4.8rem;
|
|
height:auto;
|
|
color:white; }
|
|
|
|
|
|
.Polaris-Icon{
|
|
display:block;
|
|
height:2rem;
|
|
width:2rem;
|
|
max-height:100%;
|
|
max-width:100%;
|
|
margin:auto; }
|
|
|
|
.Polaris-Icon--hasBackdrop{
|
|
position:relative;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
margin:0.8rem; }
|
|
.Polaris-Icon--hasBackdrop::after{
|
|
content:'';
|
|
position:absolute;
|
|
z-index:1;
|
|
top:-0.8rem;
|
|
bottom:-0.8rem;
|
|
left:-0.8rem;
|
|
right:-0.8rem;
|
|
border-radius:50%; }
|
|
|
|
.Polaris-Icon--isColored{
|
|
color:white; }
|
|
|
|
.Polaris-Icon--colorWhite{
|
|
fill:white;
|
|
color:transparent; }
|
|
|
|
.Polaris-Icon--colorBlack{
|
|
fill:black; }
|
|
|
|
.Polaris-Icon--colorSkyLighter{
|
|
fill:#f9fafb; }
|
|
|
|
.Polaris-Icon--colorSkyLight{
|
|
fill:#f4f6f8; }
|
|
|
|
.Polaris-Icon--colorSky{
|
|
fill:#dfe3e8; }
|
|
|
|
.Polaris-Icon--colorSkyDark{
|
|
fill:#c4cdd5; }
|
|
|
|
.Polaris-Icon--colorInkLightest{
|
|
fill:#919eab; }
|
|
|
|
.Polaris-Icon--colorInkLighter{
|
|
fill:#637381; }
|
|
.Polaris-Icon--colorInkLighter::after{
|
|
background-color:#dfe3e8; }
|
|
|
|
.Polaris-Icon--colorInkLight{
|
|
fill:#454f5b; }
|
|
|
|
.Polaris-Icon--colorInk{
|
|
fill:#212b36; }
|
|
.Polaris-Icon--colorInk::after{
|
|
background-color:#dfe3e8; }
|
|
|
|
.Polaris-Icon--colorBlueLighter{
|
|
fill:#ebf5fa; }
|
|
|
|
.Polaris-Icon--colorBlueLight{
|
|
fill:#b4e1fa; }
|
|
|
|
.Polaris-Icon--colorBlue{
|
|
fill:#007ace; }
|
|
|
|
.Polaris-Icon--colorBlueDark{
|
|
fill:#084e8a; }
|
|
.Polaris-Icon--colorBlueDark::after{
|
|
background-color:#b4e1fa; }
|
|
|
|
.Polaris-Icon--colorBlueDarker{
|
|
fill:#001429; }
|
|
|
|
.Polaris-Icon--colorIndigoLighter{
|
|
fill:#f4f5fa; }
|
|
|
|
.Polaris-Icon--colorIndigoLight{
|
|
fill:#b3bcf5; }
|
|
|
|
.Polaris-Icon--colorIndigo{
|
|
fill:#5c6ac4; }
|
|
|
|
.Polaris-Icon--colorIndigoDark{
|
|
fill:#202e78; }
|
|
|
|
.Polaris-Icon--colorIndigoDarker{
|
|
fill:#000639; }
|
|
|
|
.Polaris-Icon--colorTealLighter{
|
|
fill:#e0f5f5; }
|
|
|
|
.Polaris-Icon--colorTealLight{
|
|
fill:#b7ecec; }
|
|
|
|
.Polaris-Icon--colorTeal{
|
|
fill:#47c1bf; }
|
|
.Polaris-Icon--colorTeal::after{
|
|
background-color:white; }
|
|
|
|
.Polaris-Icon--colorTealDark{
|
|
fill:#00848e; }
|
|
.Polaris-Icon--colorTealDark::after{
|
|
background-color:#b7ecec; }
|
|
|
|
.Polaris-Icon--colorTealDarker{
|
|
fill:#003135; }
|
|
|
|
.Polaris-Icon--colorGreenLighter{
|
|
fill:#e3f1df; }
|
|
|
|
.Polaris-Icon--colorGreen{
|
|
fill:#50b83c; }
|
|
.Polaris-Icon--colorGreen::after{
|
|
background-color:#e3f1df; }
|
|
|
|
.Polaris-Icon--colorGreenDark{
|
|
fill:#108043; }
|
|
.Polaris-Icon--colorGreenDark::after{
|
|
background-color:#bbe5b3; }
|
|
|
|
.Polaris-Icon--colorYellowLighter{
|
|
fill:#fcf1cd; }
|
|
|
|
.Polaris-Icon--colorYellow{
|
|
fill:#eec200; }
|
|
|
|
.Polaris-Icon--colorYellowDark{
|
|
fill:#9c6f19; }
|
|
.Polaris-Icon--colorYellowDark::after{
|
|
background-color:#ffea8a; }
|
|
|
|
.Polaris-Icon--colorOrange{
|
|
fill:#f49342; }
|
|
|
|
.Polaris-Icon--colorOrangeDark{
|
|
fill:#c05717; }
|
|
|
|
.Polaris-Icon--colorRedLighter{
|
|
fill:#fbeae5; }
|
|
|
|
.Polaris-Icon--colorRed{
|
|
fill:#de3618; }
|
|
|
|
.Polaris-Icon--colorRedDark{
|
|
fill:#bf0711; }
|
|
.Polaris-Icon--colorRedDark::after{
|
|
background-color:#fead9a; }
|
|
|
|
.Polaris-Icon--colorPurple{
|
|
fill:#9c6ade; }
|
|
|
|
.Polaris-Icon__Svg{
|
|
position:relative;
|
|
z-index:2;
|
|
display:block;
|
|
width:100%;
|
|
color: #fff;
|
|
max-width:100%;
|
|
max-height:100%; }
|
|
|
|
.Polaris-Icon__Placeholder{
|
|
padding-bottom:100%;
|
|
background:currentColor; }
|
|
|
|
|
|
@-webkit-keyframes Polaris-Spinner--loading{
|
|
to{
|
|
-webkit-transform:rotate(360deg);
|
|
transform:rotate(360deg); } }
|
|
|
|
@keyframes Polaris-Spinner--loading{
|
|
to{
|
|
-webkit-transform:rotate(360deg);
|
|
transform:rotate(360deg); } }
|
|
|
|
.Polaris-Spinner{
|
|
-webkit-animation:Polaris-Spinner--loading 500ms linear infinite;
|
|
animation:Polaris-Spinner--loading 500ms linear infinite;
|
|
color:transparent; }
|
|
|
|
.Polaris-Spinner--sizeSmall{
|
|
height:2rem;
|
|
width:2rem; }
|
|
|
|
.Polaris-Spinner--sizeLarge{
|
|
height:4.4rem;
|
|
width:4.4rem; }
|
|
|
|
.Polaris-Spinner--colorWhite{
|
|
fill:white; }
|
|
|
|
.Polaris-Spinner--colorTeal{
|
|
fill:#47c1bf; }
|
|
|
|
.Polaris-Spinner--colorInkLightest{
|
|
fill:#919eab; }
|
|
|
|
|
|
.Polaris-Button{
|
|
fill:#637381;
|
|
position:relative;
|
|
display:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
min-height:3.6rem;
|
|
min-width:3.6rem;
|
|
margin:0;
|
|
padding:0.7rem 1.6rem;
|
|
background:linear-gradient(to bottom, white, #f9fafb);
|
|
border:1px solid #c4cdd5;
|
|
box-shadow:0 1px 0 0 rgba(22, 29, 37, 0.05);
|
|
border-radius:3px;
|
|
line-height:1;
|
|
color:#212b36;
|
|
text-align:center;
|
|
cursor:pointer;
|
|
-webkit-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select:none;
|
|
user-select:none;
|
|
text-decoration:none;
|
|
transition-property:background, border, box-shadow;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); }
|
|
.Polaris-Button:hover{
|
|
background:linear-gradient(to bottom, #f9fafb, #f4f6f8);
|
|
border-color:#c4cdd5; }
|
|
.Polaris-Button:focus{
|
|
border-color:#5c6ac4;
|
|
outline:0;
|
|
box-shadow:0 0 0 1px #5c6ac4; }
|
|
.Polaris-Button:active{
|
|
background:linear-gradient(to bottom, #f4f6f8, #f4f6f8);
|
|
border-color:#c4cdd5;
|
|
box-shadow:0 0 0 0 transparent, inset 0 1px 1px 0 rgba(99, 115, 129, 0.1), inset 0 1px 4px 0 rgba(99, 115, 129, 0.2); }
|
|
.Polaris-Button.Polaris-Button--disabled{
|
|
fill:#919eab;
|
|
transition:none;
|
|
background:linear-gradient(to bottom, #f4f6f8, #f4f6f8);
|
|
color:#919eab; }
|
|
|
|
.Polaris-Button__Content{
|
|
font-size:1.5rem;
|
|
font-weight:400;
|
|
line-height:1.6rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
position:relative;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
min-width:1px;
|
|
min-height:1px; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Button__Content{
|
|
font-size:1.4rem; } }
|
|
|
|
.Polaris-Button__Icon{
|
|
transition:color 200ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
.Polaris-Button__Icon:first-child{
|
|
margin-left:-0.4rem; }
|
|
.Polaris-Button__Icon:last-child{
|
|
margin-right:-0.8rem;
|
|
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;
|
|
fill:white; }
|
|
.Polaris-Button--primary:hover{
|
|
background:linear-gradient(to bottom, #5c6ac4, #4959bd);
|
|
border-color:#3f4eae;
|
|
color:white;
|
|
text-decoration:none; }
|
|
.Polaris-Button--primary:focus{
|
|
border-color:#202e78;
|
|
box-shadow:inset 0 1px 0 0 #6f7bcb, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 1px #202e78; }
|
|
.Polaris-Button--primary:active{
|
|
background:linear-gradient(to bottom, #3f4eae, #3f4eae);
|
|
border-color:#38469b;
|
|
box-shadow:inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 1px 0 #38469b; }
|
|
.Polaris-Button--primary.Polaris-Button--disabled{
|
|
fill:white;
|
|
background:linear-gradient(to bottom, #bac0e6, #bac0e6);
|
|
border-color:#a7aedf;
|
|
box-shadow:none;
|
|
color: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;
|
|
fill:white; }
|
|
.Polaris-Button--destructive:hover{
|
|
background:linear-gradient(to bottom, #de3618, #c73016);
|
|
border-color:#b02b13;
|
|
color:white;
|
|
text-decoration:none; }
|
|
.Polaris-Button--destructive:focus{
|
|
border-color:#bf0711;
|
|
box-shadow:inset 0 1px 0 0 #e84528, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 0 1px #bf0711; }
|
|
.Polaris-Button--destructive:active{
|
|
background:linear-gradient(to bottom, #b02b13, #b02b13);
|
|
border-color:#992511;
|
|
box-shadow:inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05), 0 0 1px 0 #992511; }
|
|
.Polaris-Button--destructive.Polaris-Button--disabled{
|
|
fill:white;
|
|
background:linear-gradient(to bottom, #f29484, #f29484);
|
|
border-color:#ef816d;
|
|
box-shadow:none;
|
|
color: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;
|
|
fill:#919eab; }
|
|
|
|
.Polaris-Button--destructive.Polaris-Button--outline{
|
|
background:transparent;
|
|
border-color:rgba(222, 54, 24, 0.4);
|
|
box-shadow:none;
|
|
color:#82200e;
|
|
fill:#bf0711; }
|
|
.Polaris-Button--destructive.Polaris-Button--outline:hover{
|
|
background:rgba(222, 54, 24, 0.05);
|
|
border-color:rgba(222, 54, 24, 0.4); }
|
|
.Polaris-Button--destructive.Polaris-Button--outline:focus{
|
|
border-color:rgba(222, 54, 24, 0.8);
|
|
box-shadow:0 0 0 1px rgba(222, 54, 24, 0.8); }
|
|
.Polaris-Button--destructive.Polaris-Button--outline:active{
|
|
background:rgba(222, 54, 24, 0.1);
|
|
box-shadow:none; }
|
|
|
|
.Polaris-Button--disabled{
|
|
cursor:default;
|
|
pointer-events:none; }
|
|
|
|
@-webkit-keyframes Polaris-Button--loading{
|
|
to{
|
|
-webkit-transform:rotate(360deg);
|
|
transform:rotate(360deg); } }
|
|
|
|
@keyframes Polaris-Button--loading{
|
|
to{
|
|
-webkit-transform:rotate(360deg);
|
|
transform:rotate(360deg); } }
|
|
|
|
.Polaris-Button--loading{
|
|
position:relative;
|
|
transition:border-color 200ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
.Polaris-Button--loading, .Polaris-Button--loading:hover, .Polaris-Button--loading.Polaris-Button--disabled{
|
|
color:transparent; }
|
|
|
|
.Polaris-Button--plain{
|
|
fill:#007ace;
|
|
margin:-0.7rem -0.8rem;
|
|
padding-left:0.8rem;
|
|
padding-right:0.8rem;
|
|
background:transparent;
|
|
border:1px solid transparent;
|
|
box-shadow:none;
|
|
color:#007ace; }
|
|
.Polaris-Button--plain:hover, .Polaris-Button--plain:focus, .Polaris-Button--plain:active{
|
|
fill:#084e8a;
|
|
background:transparent;
|
|
border:1px solid transparent;
|
|
box-shadow:none;
|
|
color:#084e8a; }
|
|
.Polaris-Button--plain:focus > .Polaris-Button__Content::after{
|
|
opacity:1; }
|
|
.Polaris-Button--plain.Polaris-Button--fullWidth{
|
|
margin-left:0;
|
|
margin-right:0; }
|
|
.Polaris-Button--plain.Polaris-Button--disabled{
|
|
background:none; }
|
|
.Polaris-Button--plain.Polaris-Button--sizeSlim{
|
|
margin-top:-0.4rem;
|
|
margin-bottom:-0.4rem; }
|
|
.Polaris-Button--plain.Polaris-Button--sizeLarge{
|
|
margin:-1.1rem -2rem; }
|
|
.Polaris-Button--plain.Polaris-Button--iconOnly{
|
|
fill:#637381;
|
|
margin:-0.8rem; }
|
|
.Polaris-Button--plain.Polaris-Button--iconOnly:focus, .Polaris-Button--plain.Polaris-Button--iconOnly:active{
|
|
fill:#637381;
|
|
background:rgba(33, 43, 54, 0.1); }
|
|
.Polaris-Button--plain.Polaris-Button--iconOnly:hover, .Polaris-Button--plain.Polaris-Button--iconOnly:active{
|
|
fill:#212b36; }
|
|
.Polaris-Button--plain.Polaris-Button--iconOnly > .Polaris-Button__Content::after{
|
|
display:none; }
|
|
.Polaris-Button--plain.Polaris-Button--iconOnly.Polaris-Button--disabled{
|
|
fill:#c4cdd5; }
|
|
.Polaris-Button--plain > .Polaris-Button__Content::after{
|
|
position:absolute;
|
|
top:-2px;
|
|
bottom:-2px;
|
|
left:-5px;
|
|
right:-5px;
|
|
display:block;
|
|
background:rgba(33, 43, 54, 0.1);
|
|
border-radius:3px;
|
|
transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1);
|
|
content:'';
|
|
opacity:0; }
|
|
.Polaris-Button--plain .Polaris-Button__Icon{
|
|
margin-left:0;
|
|
margin-right:0; }
|
|
|
|
.Polaris-Button--sizeSlim{
|
|
min-height:3rem;
|
|
padding:0.4rem 1.2rem; }
|
|
|
|
.Polaris-Button--sizeLarge{
|
|
min-height:4.4rem;
|
|
min-width:4.4rem;
|
|
padding:1.1rem 2.4rem; }
|
|
.Polaris-Button--sizeLarge .Polaris-Button__Content{
|
|
font-size:1.7rem;
|
|
font-weight:400;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Button--sizeLarge .Polaris-Button__Content{
|
|
font-size:1.6rem; } }
|
|
|
|
.Polaris-Button--fullWidth{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
width:100%; }
|
|
|
|
.Polaris-Button--iconOnly{
|
|
padding-left:0.8rem;
|
|
padding-right:0.8rem; }
|
|
.Polaris-Button--iconOnly.Polaris-Button--sizeLarge{
|
|
padding-left:1.2rem;
|
|
padding-right:1.2rem; }
|
|
.Polaris-Button--iconOnly .Polaris-Button__Icon:first-child{
|
|
margin-left:0; }
|
|
.Polaris-Button--iconOnly .Polaris-Button__Icon:last-child{
|
|
margin-right:-0.4rem; }
|
|
.Polaris-Button--iconOnly .Polaris-Button__Icon:only-child{
|
|
margin-right:0; }
|
|
|
|
|
|
.Polaris-ButtonGroup{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
margin-top:-0.8rem;
|
|
margin-left:-0.8rem; }
|
|
|
|
.Polaris-ButtonGroup__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:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
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:-1px; }
|
|
.Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item *{
|
|
border-radius:0 !important; }
|
|
.Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:first-child *{
|
|
border-top-left-radius:3px !important;
|
|
border-bottom-left-radius:3px !important; }
|
|
.Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item:last-child *{
|
|
border-top-right-radius:3px !important;
|
|
border-bottom-right-radius:3px !important; }
|
|
.Polaris-ButtonGroup--segmented .Polaris-ButtonGroup__Item--focused{
|
|
z-index:20; }
|
|
|
|
|
|
.Polaris-Stack{
|
|
margin-top:-1.6rem;
|
|
margin-left:-1.6rem;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
-webkit-box-align:stretch;
|
|
-ms-flex-align:stretch;
|
|
align-items:stretch; }
|
|
.Polaris-Stack > .Polaris-Stack__Item{
|
|
margin-top:1.6rem;
|
|
margin-left:1.6rem;
|
|
max-width:calc(100% - 1.6rem); }
|
|
|
|
.Polaris-Stack--noWrap{
|
|
-ms-flex-wrap:nowrap;
|
|
flex-wrap:nowrap; }
|
|
|
|
.Polaris-Stack--vertical{
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column; }
|
|
|
|
.Polaris-Stack--spacingNone{
|
|
margin-top:0;
|
|
margin-left:0; }
|
|
.Polaris-Stack--spacingNone > .Polaris-Stack__Item{
|
|
margin-top:0;
|
|
margin-left:0;
|
|
max-width:100%; }
|
|
|
|
.Polaris-Stack--spacingExtraTight{
|
|
margin-top:-0.4rem;
|
|
margin-left:-0.4rem; }
|
|
.Polaris-Stack--spacingExtraTight > .Polaris-Stack__Item{
|
|
margin-top:0.4rem;
|
|
margin-left:0.4rem;
|
|
max-width:calc(100% - 0.4rem); }
|
|
|
|
.Polaris-Stack--spacingTight{
|
|
margin-top:-0.8rem;
|
|
margin-left:-0.8rem; }
|
|
.Polaris-Stack--spacingTight > .Polaris-Stack__Item{
|
|
margin-top:0.8rem;
|
|
margin-left:0.8rem;
|
|
max-width:calc(100% - 0.8rem); }
|
|
|
|
.Polaris-Stack--spacingLoose{
|
|
margin-top:-2rem;
|
|
margin-left:-2rem; }
|
|
.Polaris-Stack--spacingLoose > .Polaris-Stack__Item{
|
|
margin-top:2rem;
|
|
margin-left:2rem;
|
|
max-width:calc(100% - 2rem); }
|
|
|
|
.Polaris-Stack--spacingExtraLoose{
|
|
margin-top:-3.2rem;
|
|
margin-left:-3.2rem; }
|
|
.Polaris-Stack--spacingExtraLoose > .Polaris-Stack__Item{
|
|
margin-top:3.2rem;
|
|
margin-left:3.2rem;
|
|
max-width:calc(100% - 3.2rem); }
|
|
|
|
.Polaris-Stack--distributionLeading{
|
|
-webkit-box-pack:start;
|
|
-ms-flex-pack:start;
|
|
justify-content:flex-start; }
|
|
|
|
.Polaris-Stack--distributionTrailing{
|
|
-webkit-box-pack:end;
|
|
-ms-flex-pack:end;
|
|
justify-content:flex-end; }
|
|
|
|
.Polaris-Stack--distributionCenter{
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center; }
|
|
|
|
.Polaris-Stack--distributionEqualSpacing{
|
|
-webkit-box-pack:justify;
|
|
-ms-flex-pack:justify;
|
|
justify-content:space-between; }
|
|
|
|
.Polaris-Stack--distributionFill > .Polaris-Stack__Item{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto; }
|
|
|
|
.Polaris-Stack--distributionFillEvenly > .Polaris-Stack__Item{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto; }
|
|
@supports ((min-width: -webkit-fit-content) or (min-width: -moz-fit-content) or (min-width: fit-content)){
|
|
.Polaris-Stack--distributionFillEvenly > .Polaris-Stack__Item{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 0 0%;
|
|
flex:1 0 0%;
|
|
min-width:-webkit-fit-content;
|
|
min-width:-moz-fit-content;
|
|
min-width:fit-content; } }
|
|
|
|
.Polaris-Stack--alignmentLeading{
|
|
-webkit-box-align:start;
|
|
-ms-flex-align:start;
|
|
align-items:flex-start; }
|
|
|
|
.Polaris-Stack--alignmentTrailing{
|
|
-webkit-box-align:end;
|
|
-ms-flex-align:end;
|
|
align-items:flex-end; }
|
|
|
|
.Polaris-Stack--alignmentCenter{
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; }
|
|
|
|
.Polaris-Stack--alignmentFill{
|
|
-webkit-box-align:stretch;
|
|
-ms-flex-align:stretch;
|
|
align-items:stretch; }
|
|
|
|
.Polaris-Stack--alignmentBaseline{
|
|
-webkit-box-align:baseline;
|
|
-ms-flex-align:baseline;
|
|
align-items:baseline; }
|
|
|
|
.Polaris-Stack__Item{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
min-width:0; }
|
|
|
|
.Polaris-Stack__Item--fill{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto; }
|
|
|
|
|
|
.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 (min-width: 46.5em){
|
|
.Polaris-Card{
|
|
border-radius:3px; } }
|
|
|
|
.Polaris-Card--subdued{
|
|
background-color:#f9fafb; }
|
|
|
|
.Polaris-Card__Header{
|
|
padding:2rem 2rem 0; }
|
|
|
|
.Polaris-Card__Section{
|
|
padding:2rem; }
|
|
.Polaris-Card__Section + .Polaris-Card__Section{
|
|
border-top:1px solid #dfe3e8; }
|
|
|
|
.Polaris-Card__Section--fullWidth{
|
|
padding:0; }
|
|
|
|
.Polaris-Card__Section--subdued{
|
|
background-color:#f9fafb; }
|
|
|
|
.Polaris-Card__SectionHeader{
|
|
padding-bottom:0.8rem; }
|
|
.Polaris-Card__Section--fullWidth .Polaris-Card__SectionHeader{
|
|
padding:2rem 2rem 0.8rem; }
|
|
|
|
.Polaris-Card__Footer{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-pack:end;
|
|
-ms-flex-pack:end;
|
|
justify-content:flex-end;
|
|
padding:0 2rem 2rem; }
|
|
|
|
|
|
.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-SettingAction{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
margin-top:-1.6rem;
|
|
margin-left:-1.6rem; }
|
|
|
|
.Polaris-SettingAction__Setting,
|
|
.Polaris-SettingAction__Action{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
margin-top:1.6rem;
|
|
margin-left:1.6rem;
|
|
max-width:calc(100% - 1.6rem);
|
|
min-width:0; }
|
|
|
|
.Polaris-SettingAction__Setting{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 0 35rem;
|
|
flex:1 0 35rem; }
|
|
|
|
|
|
.Polaris-TextStyle--variationPositive{
|
|
color:#108043; }
|
|
|
|
.Polaris-TextStyle--variationNegative{
|
|
color:#bf0711; }
|
|
|
|
.Polaris-TextStyle--variationStrong{
|
|
font-weight:600; }
|
|
|
|
.Polaris-TextStyle--variationSubdued{
|
|
color:#637381; }
|
|
|
|
|
|
.Polaris-AccountConnection__TermsOfService{
|
|
margin-top:2rem; }
|
|
|
|
.Polaris-AccountConnection__Content > * + *{
|
|
margin-top:0.8rem; }
|
|
|
|
|
|
.Polaris-ActionList{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0.8rem 0; }
|
|
|
|
.Polaris-ActionList__Section--withoutTitle:not(:first-child){
|
|
border-top:1px solid #dfe3e8;
|
|
margin-top:0.8rem;
|
|
padding-top:0.8rem; }
|
|
|
|
.Polaris-ActionList__Actions{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
border-top:1px 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;
|
|
color:#454f5b; }
|
|
.Polaris-ActionList__Item:focus{
|
|
outline:none; }
|
|
.Polaris-ActionList__Item:visited{
|
|
color:inherit; }
|
|
.Polaris-ActionList__Item:hover, .Polaris-ActionList__Item:focus, .Polaris-ActionList__Item:active{
|
|
background:#5c6ac4;
|
|
outline:none;
|
|
color:white; }
|
|
.Polaris-ActionList__Item:hover .Polaris-ActionList__Image, .Polaris-ActionList__Item:focus .Polaris-ActionList__Image, .Polaris-ActionList__Item:active .Polaris-ActionList__Image{
|
|
fill:#dfe3e8;
|
|
color:white; }
|
|
.Polaris-ActionList__Item.Polaris-ActionList--disabled{
|
|
color:#919eab;
|
|
cursor:default;
|
|
pointer-events:none; }
|
|
.Polaris-ActionList__Item.Polaris-ActionList--disabled .Polaris-ActionList__Image{
|
|
fill:#919eab;
|
|
color:white; }
|
|
.Polaris-ActionList__Item::-moz-focus-inner{
|
|
border:none; }
|
|
|
|
.Polaris-ActionList__Content{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; }
|
|
|
|
.Polaris-ActionList__Image{
|
|
fill:#454f5b;
|
|
color:white;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
height:2rem;
|
|
width:2rem;
|
|
border-radius:3px;
|
|
margin:-1rem 1.6rem -1rem 0;
|
|
background-size:cover;
|
|
background-position:center center; }
|
|
|
|
.Polaris-ActionList__Text{
|
|
min-width:0;
|
|
max-width:100%;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 0 auto;
|
|
flex:1 0 auto; }
|
|
|
|
|
|
.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:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
padding:0 1rem;
|
|
background-color:#dfe3e8;
|
|
border:2px solid white;
|
|
border-radius:2rem;
|
|
font-size:1.3rem;
|
|
line-height:2rem;
|
|
color:#454f5b; }
|
|
.Polaris-Badge .Polaris-Badge__Pip{
|
|
color:#919eab; }
|
|
|
|
.Polaris-Badge--statusSuccess{
|
|
background-color:#bbe5b3;
|
|
color:#414f3e; }
|
|
.Polaris-Badge--statusSuccess .Polaris-Badge__Pip{
|
|
color:#108043; }
|
|
|
|
.Polaris-Badge--statusInfo{
|
|
background-color:#b4e1fa;
|
|
color:#3e4e57; }
|
|
.Polaris-Badge--statusInfo .Polaris-Badge__Pip{
|
|
color:#084e8a; }
|
|
|
|
.Polaris-Badge--statusAttention{
|
|
background-color:#ffea8a;
|
|
color:#595130; }
|
|
.Polaris-Badge--statusAttention .Polaris-Badge__Pip{
|
|
color:#9c6f19; }
|
|
|
|
.Polaris-Badge--statusWarning{
|
|
background-color:#ffc58b;
|
|
color:#594430; }
|
|
.Polaris-Badge--statusWarning .Polaris-Badge__Pip{
|
|
color:#c05717; }
|
|
|
|
.Polaris-Badge--progressIncomplete .Polaris-Badge__Pip{
|
|
background:transparent; }
|
|
|
|
.Polaris-Badge--progressPartiallyComplete .Polaris-Badge__Pip{
|
|
background:linear-gradient(to top, currentColor, currentColor 50%, transparent 50%, transparent); }
|
|
|
|
.Polaris-Badge--progressComplete .Polaris-Badge__Pip{
|
|
background:currentColor; }
|
|
|
|
.Polaris-Badge__Pip{
|
|
height:1rem;
|
|
width:1rem;
|
|
margin:0 0.4rem 0 -0.5rem;
|
|
border:0.2rem solid currentColor;
|
|
border-radius:50%; }
|
|
|
|
|
|
.Polaris-Banner{
|
|
background-color:#f4f6f8;
|
|
box-shadow:inset 0 3px 0 0 #637381, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
|
|
position:relative;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
padding:1.6rem;
|
|
border-radius:0 0 3px 3px;
|
|
transition:box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);
|
|
transition-delay:100ms; }
|
|
.Polaris-Banner:focus{
|
|
box-shadow:inset 0 3px 0 0 #637381, inset 0 0 0 3px #637381, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
.Polaris-Banner + .Polaris-Banner{
|
|
margin-top:2rem; }
|
|
.Polaris-Banner:focus{
|
|
outline:none; }
|
|
|
|
.Polaris-Banner--hasDismiss{
|
|
padding-right:4.8rem; }
|
|
|
|
.Polaris-Banner--statusSuccess{
|
|
background-color:#e3f1df;
|
|
box-shadow:inset 0 3px 0 0 #50b83c, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
.Polaris-Banner--statusSuccess:focus{
|
|
box-shadow:inset 0 3px 0 0 #50b83c, inset 0 0 0 3px #50b83c, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
|
|
.Polaris-Banner--statusInfo{
|
|
background-color:#e0f5f5;
|
|
box-shadow:inset 0 3px 0 0 #47c1bf, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
.Polaris-Banner--statusInfo:focus{
|
|
box-shadow:inset 0 3px 0 0 #47c1bf, inset 0 0 0 3px #47c1bf, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
|
|
.Polaris-Banner--statusWarning{
|
|
background-color:#fcf1cd;
|
|
box-shadow:inset 0 3px 0 0 #eec200, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
.Polaris-Banner--statusWarning:focus{
|
|
box-shadow:inset 0 3px 0 0 #eec200, inset 0 0 0 3px #eec200, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
|
|
.Polaris-Banner--statusCritical{
|
|
background-color:#fbeae5;
|
|
box-shadow:inset 0 3px 0 0 #de3618, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
.Polaris-Banner--statusCritical:focus{
|
|
box-shadow:inset 0 3px 0 0 #de3618, inset 0 0 0 3px #de3618, 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
|
|
.Polaris-Banner__Ribbon{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 3.2rem;
|
|
flex:0 0 3.2rem;
|
|
margin-right:1.6rem; }
|
|
|
|
.Polaris-Banner__Heading{
|
|
margin-top:0.4rem; }
|
|
|
|
.Polaris-Banner__Actions{
|
|
margin-top:1.6rem; }
|
|
|
|
.Polaris-Banner__Content{
|
|
margin:0.8rem 0; }
|
|
|
|
.Polaris-Banner__SecondaryAction{
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
margin:0;
|
|
padding:0;
|
|
background:none;
|
|
border:none;
|
|
font-size:inherit;
|
|
line-height:inherit;
|
|
cursor:pointer;
|
|
color:inherit;
|
|
text-decoration:none;
|
|
margin:-0.8rem -0.6rem;
|
|
padding:0.8rem 1.2rem;
|
|
color:#212b36; }
|
|
.Polaris-Banner__SecondaryAction:focus{
|
|
outline:none; }
|
|
.Polaris-Banner__SecondaryAction:visited{
|
|
color:inherit; }
|
|
.Polaris-Banner__SecondaryAction:hover > .Polaris-Banner__Text::after{
|
|
opacity:0.75; }
|
|
.Polaris-Banner__SecondaryAction:active > .Polaris-Banner__Text::after{
|
|
opacity:0; }
|
|
.Polaris-Banner__SecondaryAction:focus > .Polaris-Banner__Text::before{
|
|
opacity:1; }
|
|
.Polaris-Banner__SecondaryAction:focus > .Polaris-Banner__Text::after{
|
|
opacity:0; }
|
|
|
|
.Polaris-Banner__Text{
|
|
position:relative; }
|
|
.Polaris-Banner__Text::after, .Polaris-Banner__Text::before{
|
|
content:'';
|
|
position:absolute; }
|
|
.Polaris-Banner__Text::before{
|
|
position:absolute;
|
|
top:-2px;
|
|
bottom:-2px;
|
|
left:-5px;
|
|
right:-5px;
|
|
display:block;
|
|
background:rgba(33, 43, 54, 0.1);
|
|
border-radius:3px;
|
|
transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1);
|
|
opacity:0; }
|
|
.Polaris-Banner__Text::after{
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
display:block;
|
|
border:1px solid currentColor;
|
|
opacity:0.25;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:opacity;
|
|
transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
|
|
.Polaris-Banner__Dismiss{
|
|
position:absolute;
|
|
top:3px;
|
|
right:0;
|
|
padding:1.2rem; }
|
|
|
|
|
|
.Polaris-TextContainer > * + *{
|
|
margin-top:1.6rem; }
|
|
|
|
.Polaris-TextContainer--spacingTight > * + *{
|
|
margin-top:0.8rem; }
|
|
|
|
.Polaris-TextContainer--spacingLoose > * + *{
|
|
margin-top:2rem; }
|
|
|
|
|
|
.Polaris-CalloutCard{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; }
|
|
|
|
.Polaris-CalloutCard__Image{
|
|
display:none;
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
width:10rem; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-CalloutCard__Image{
|
|
display:block;
|
|
margin-left:2rem; } }
|
|
|
|
.Polaris-CalloutCard__Content{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto; }
|
|
|
|
.Polaris-CalloutCard__Title{
|
|
margin-bottom:2rem; }
|
|
|
|
.Polaris-CalloutCard__Buttons{
|
|
margin-top:2rem; }
|
|
|
|
|
|
.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-Choice{
|
|
display:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex;
|
|
-webkit-box-pack:start;
|
|
-ms-flex-pack:start;
|
|
justify-content:flex-start;
|
|
padding:0.4rem 0; }
|
|
|
|
.Polaris-Choice--labelHidden{
|
|
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__Control{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
-webkit-box-align:stretch;
|
|
-ms-flex-align:stretch;
|
|
align-items:stretch;
|
|
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:500;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
-webkit-tap-highlight-color:transparent; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Choice__Label{
|
|
font-size:1.4rem; } }
|
|
|
|
.Polaris-Choice__Descriptions{
|
|
padding-left:2.4rem; }
|
|
|
|
.Polaris-Choice__HelpText{
|
|
font-size:1.5rem;
|
|
font-weight:400;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
color:#637381;
|
|
margin-bottom:0.4rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Choice__HelpText{
|
|
font-size:1.4rem; } }
|
|
|
|
.Polaris-Choice__Error{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
margin-bottom:0.4rem;
|
|
color:#bf0711; }
|
|
|
|
.Polaris-Choice__ErrorIcon{
|
|
fill:#de3618;
|
|
margin:0 0.4rem 0 -2px; }
|
|
|
|
|
|
.Polaris-Checkbox{
|
|
position:relative; }
|
|
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop,
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop,
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop{
|
|
background:#de3618;
|
|
box-shadow:0 0 0 1px transparent; }
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::after,
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::after,
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop::after{
|
|
background:#fbeae5; }
|
|
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop,
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop{
|
|
background:#5c6ac4;
|
|
box-shadow:0 0 0 1px #5c6ac4; }
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop::after,
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop::after{
|
|
background:#fbeae5; }
|
|
|
|
.Polaris-Checkbox--error .Polaris-Checkbox__Icon{
|
|
fill:#bf0711; }
|
|
|
|
.Polaris-Checkbox__Input{
|
|
position:absolute !important;
|
|
top:0;
|
|
clip:rect(1px, 1px, 1px, 1px) !important;
|
|
overflow:hidden !important;
|
|
height:1px !important;
|
|
width:1px !important;
|
|
padding:0 !important;
|
|
border:0 !important; }
|
|
.Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop{
|
|
background:#5c6ac4; }
|
|
.Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate ~ .Polaris-Checkbox__Icon{
|
|
-webkit-transform:translate(-50%, -50%) scale(1);
|
|
transform:translate(-50%, -50%) scale(1); }
|
|
.Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop{
|
|
background:#5c6ac4;
|
|
box-shadow:0 0 0 1px #5c6ac4, 0 0 0 0 transparent; }
|
|
.Polaris-Checkbox__Input:focus + .Polaris-Checkbox__Backdrop::after, .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop::after{
|
|
background:white; }
|
|
.Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop{
|
|
background:#dfe3e8;
|
|
box-shadow:none; }
|
|
.Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop::after{
|
|
background:#f9fafb; }
|
|
.Polaris-Checkbox__Input:disabled ~ .Polaris-Checkbox__Icon{
|
|
fill:#919eab; }
|
|
|
|
.Polaris-Checkbox__Backdrop{
|
|
background:#c4cdd5;
|
|
border:1px solid transparent;
|
|
box-shadow:0 0 0 1px transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05);
|
|
border-radius:3px;
|
|
transition-property:box-shadow, background;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1);
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0; }
|
|
.Polaris-Checkbox__Backdrop::after{
|
|
content:'';
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
display:block;
|
|
background:linear-gradient(to bottom, white, #f9fafb);
|
|
border-radius:2px; }
|
|
|
|
.Polaris-Checkbox__Icon{
|
|
fill:#5c6ac4;
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
-webkit-transform:translate(-50%, -50%) scale(0);
|
|
transform:translate(-50%, -50%) scale(0);
|
|
-webkit-transform-origin:50% 50%;
|
|
transform-origin:50% 50%;
|
|
transition:-webkit-transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1);
|
|
transition:transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1);
|
|
transition:transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1), -webkit-transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1); }
|
|
|
|
|
|
.Polaris-RadioButton{
|
|
position:relative; }
|
|
|
|
.Polaris-RadioButton__Input{
|
|
margin:0;
|
|
padding:0;
|
|
opacity:0;
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none; }
|
|
.Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__Input:checked + .Polaris-RadioButton__Backdrop{
|
|
background:#5c6ac4; }
|
|
.Polaris-RadioButton__Input:checked ~ .Polaris-RadioButton__Icon{
|
|
-webkit-transform:translate(-50%, -50%) scale(1);
|
|
transform:translate(-50%, -50%) scale(1); }
|
|
.Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop, .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop{
|
|
background:#5c6ac4;
|
|
box-shadow:0 0 0 1px #5c6ac4, 0 0 0 0 transparent; }
|
|
.Polaris-RadioButton__Input:focus + .Polaris-RadioButton__Backdrop::after, .Polaris-RadioButton__Input:active + .Polaris-RadioButton__Backdrop::after{
|
|
background:white; }
|
|
.Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop{
|
|
background:#dfe3e8;
|
|
box-shadow:none; }
|
|
.Polaris-RadioButton__Input:disabled + .Polaris-RadioButton__Backdrop::after{
|
|
background:#f9fafb; }
|
|
.Polaris-RadioButton__Input:disabled ~ .Polaris-RadioButton__Icon{
|
|
background-color:#c4cdd5; }
|
|
|
|
.Polaris-RadioButton__Backdrop{
|
|
background:#c4cdd5;
|
|
border:1px solid transparent;
|
|
box-shadow:0 0 0 1px transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05);
|
|
border-radius:3px;
|
|
transition-property:box-shadow, background;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1);
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
border-radius:50%; }
|
|
.Polaris-RadioButton__Backdrop::after{
|
|
content:'';
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
display:block;
|
|
background:linear-gradient(to bottom, white, #f9fafb);
|
|
border-radius:2px; }
|
|
.Polaris-RadioButton__Backdrop::after{
|
|
border-radius:50%; }
|
|
|
|
.Polaris-RadioButton__Icon{
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
-webkit-transform:translate(-50%, -50%) scale(0);
|
|
transform:translate(-50%, -50%) scale(0);
|
|
-webkit-transform-origin:50% 50%;
|
|
transform-origin:50% 50%;
|
|
height:50%;
|
|
width:50%;
|
|
background:#5c6ac4;
|
|
border-radius:50%;
|
|
transition:-webkit-transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1);
|
|
transition:transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1);
|
|
transition:transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1), -webkit-transform 100ms cubic-bezier(0.36, 0, 1, 1) cubic-bezier(0, 0, 0.42, 1); }
|
|
|
|
|
|
.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{
|
|
padding-left:2.4rem; }
|
|
|
|
.Polaris-ChoiceList__Title{
|
|
font-size:1.5rem;
|
|
font-weight:500;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
display:block;
|
|
margin:0 0 0.4rem;
|
|
padding:0;
|
|
border: 0!important; }
|
|
@media (min-width: 40em){
|
|
.Polaris-ChoiceList__Title{
|
|
font-size:1.4rem; } }
|
|
|
|
.Polaris-ChoiceList__Error{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
margin-bottom:0.4rem;
|
|
color:#bf0711;
|
|
padding-left:2.4rem; }
|
|
|
|
.Polaris-ChoiceList__ErrorIcon{
|
|
fill:#de3618;
|
|
margin:0 0.4rem 0 -2px; }
|
|
|
|
|
|
.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:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
|
|
.Polaris-ColorPicker__MainColor{
|
|
background-image:linear-gradient(45deg, #dfe3e8 25%, transparent 25%), linear-gradient(-45deg, #dfe3e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dfe3e8 75%), linear-gradient(-45deg, transparent 75%, #dfe3e8 75%);
|
|
background-size:1.6rem 1.6rem;
|
|
background-position:0 0, 0 0.8rem, 0.8rem -0.8rem, -0.8rem 0;
|
|
position:relative;
|
|
overflow:hidden;
|
|
height:16rem;
|
|
width:16rem;
|
|
border-radius:4px;
|
|
cursor:pointer; }
|
|
.Polaris-ColorPicker__MainColor .Polaris-ColorPicker__Dragger{
|
|
right:0.9rem;
|
|
margin:0; }
|
|
.Polaris-ColorPicker__MainColor .Polaris-ColorPicker__ColorLayer{
|
|
box-shadow:inset 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08);
|
|
border-radius:4px; }
|
|
.Polaris-ColorPicker__MainColor::after, .Polaris-ColorPicker__MainColor::before{
|
|
content:'';
|
|
position:absolute;
|
|
z-index:20;
|
|
top:0;
|
|
left:0;
|
|
display:block;
|
|
height:100%;
|
|
width:100%;
|
|
pointer-events:none;
|
|
border-radius:3px; }
|
|
.Polaris-ColorPicker__MainColor::before{
|
|
background:linear-gradient(to right, white, transparent); }
|
|
.Polaris-ColorPicker__MainColor::after{
|
|
background-image:linear-gradient(to top, black, transparent);
|
|
box-shadow:inset 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08); }
|
|
|
|
.Polaris-ColorPicker__Dragger{
|
|
position:relative;
|
|
z-index:30;
|
|
bottom:0.9rem;
|
|
-webkit-transform:none;
|
|
transform:none;
|
|
height:1.8rem;
|
|
width:1.8rem;
|
|
margin:0 auto;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:transform;
|
|
background:transparent;
|
|
border:3px solid 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:3px;
|
|
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, #dfe3e8 25%, transparent 25%), linear-gradient(-45deg, #dfe3e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dfe3e8 75%), linear-gradient(-45deg, transparent 75%, #dfe3e8 75%);
|
|
background-size:1.6rem 1.6rem;
|
|
background-position:0 0, 0 0.8rem, 0.8rem -0.8rem, -0.8rem 0; }
|
|
.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:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
|
|
.Polaris-Connected__Item{
|
|
position:relative;
|
|
z-index:10;
|
|
-webkit-box-flex:0;
|
|
-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;
|
|
-webkit-box-flex:1;
|
|
-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-bottom-right-radius:0 !important; }
|
|
.Polaris-Connected__Item--connection:first-child *::after{
|
|
border-top-right-radius:0 !important;
|
|
border-bottom-right-radius:0 !important; }
|
|
|
|
.Polaris-Connected__Item--connection:last-child *{
|
|
border-top-left-radius:0 !important;
|
|
border-bottom-left-radius:0 !important; }
|
|
.Polaris-Connected__Item--connection:last-child *::after{
|
|
border-top-left-radius:0 !important;
|
|
border-bottom-left-radius:0 !important; }
|
|
|
|
.Polaris-Connected__Item--focused{
|
|
z-index:30; }
|
|
.Polaris-Connected__Item--color{
|
|
border: 1px solid #c4cdd5;
|
|
}
|
|
|
|
.Polaris-DataTable{
|
|
position:relative;
|
|
max-width:100vw; }
|
|
|
|
.Polaris-DataTable--collapsed .Polaris-DataTable__Table::after{
|
|
display:block; }
|
|
|
|
.Polaris-DataTable--collapsed .Polaris-DataTable__Navigation{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
width:100%;
|
|
padding:1.6rem 0.8rem; }
|
|
@media (min-width: 48em){
|
|
.Polaris-DataTable--collapsed .Polaris-DataTable__Navigation{
|
|
-webkit-box-pack:end;
|
|
-ms-flex-pack:end;
|
|
justify-content:flex-end; } }
|
|
|
|
.Polaris-DataTable--hasFooter .Polaris-DataTable__ScrollContainer{
|
|
margin-bottom:5.2rem; }
|
|
|
|
.Polaris-DataTable__Navigation{
|
|
display:none; }
|
|
|
|
.Polaris-DataTable__Pip{
|
|
height:0.6rem;
|
|
width:0.6rem;
|
|
background:#919eab;
|
|
border-radius:3px; }
|
|
.Polaris-DataTable__Pip:not(:last-of-type){
|
|
margin-right:0.4rem; }
|
|
|
|
.Polaris-DataTable__Pip--visible{
|
|
background:#212b36; }
|
|
|
|
.Polaris-DataTable__Table{
|
|
width:100%;
|
|
border-spacing:0; }
|
|
.Polaris-DataTable__Table::after{
|
|
content:'';
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:14.5rem;
|
|
display:none;
|
|
width:.6rem;
|
|
background:linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent); }
|
|
|
|
.Polaris-DataTable__ScrollContainer{
|
|
overflow-x:auto;
|
|
/*margin-left:14.5rem;*/
|
|
}
|
|
|
|
@media (min-width: 48em){
|
|
.Polaris-DataTable__TableRow:hover .Polaris-DataTable__Cell{
|
|
background:#f9fafb; } }
|
|
|
|
.Polaris-DataTable__TableFoot{
|
|
border-bottom:0; }
|
|
|
|
.Polaris-DataTable__Cell{
|
|
padding:1.6rem;
|
|
background:white;
|
|
border-bottom:1px solid #f4f6f8;
|
|
white-space:nowrap;
|
|
text-align:left;
|
|
transition:background-color .2s ease-in-out; }
|
|
|
|
.Polaris-DataTable__Cell--numeric{
|
|
text-align:right; }
|
|
|
|
.Polaris-DataTable__Cell--fixed{
|
|
font-weight:400;
|
|
color:#212b36;
|
|
width:14.5rem;
|
|
position:absolute;
|
|
top:auto;
|
|
left:0;
|
|
white-space:unset;
|
|
word-wrap:break-word;
|
|
text-align:left;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden; }
|
|
|
|
.Polaris-DataTable__Cell--truncated{
|
|
white-space:nowrap;
|
|
overflow-x:hidden;
|
|
text-overflow:ellipsis; }
|
|
|
|
.Polaris-DataTable__Cell--presentational{
|
|
min-width:14.5rem;
|
|
width:14.5rem; }
|
|
|
|
.Polaris-DataTable__Cell--header{
|
|
font-weight:400;
|
|
color:#212b36;
|
|
border-bottom:1px solid #c4cdd5;
|
|
border-top:1px solid #dfe3e8; }
|
|
.Polaris-DataTable__Cell--header.Polaris-DataTable__Cell--sortable .Polaris-DataTable__Heading{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-pack:end;
|
|
-ms-flex-pack:end;
|
|
justify-content:flex-end;
|
|
position:relative;
|
|
transition:fill 200ms cubic-bezier(0.64, 0, 0.35, 1), color 200ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
.Polaris-DataTable__Cell--header.Polaris-DataTable__Cell--sortable .Polaris-DataTable__Heading--left{
|
|
-webkit-box-pack:start;
|
|
-ms-flex-pack:start;
|
|
justify-content:flex-start; }
|
|
.Polaris-DataTable__Cell--header.Polaris-DataTable__Cell--sortable .Polaris-DataTable__Heading--sortable{
|
|
fill:#5c6ac4;
|
|
opacity:0;
|
|
transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
.Polaris-DataTable__Cell--header.Polaris-DataTable__Cell--sortable:hover, .Polaris-DataTable__Cell--header.Polaris-DataTable__Cell--sortable:focus{
|
|
fill:#5c6ac4;
|
|
color:#5c6ac4;
|
|
outline:none;
|
|
cursor:pointer; }
|
|
.Polaris-DataTable__Cell--header.Polaris-DataTable__Cell--sortable:hover .Polaris-DataTable__Heading--sortable, .Polaris-DataTable__Cell--header.Polaris-DataTable__Cell--sortable:focus .Polaris-DataTable__Heading--sortable{
|
|
opacity:1; }
|
|
|
|
.Polaris-DataTable__Cell--total{
|
|
font-weight:600;
|
|
background:#f9fafb;
|
|
border-bottom:1px solid #dfe3e8; }
|
|
|
|
.Polaris-DataTable__Cell--footer{
|
|
font-weight:400;
|
|
color:#212b36;
|
|
background:#f4f6f8;
|
|
color:#637381;
|
|
white-space:unset;
|
|
text-align:center;
|
|
width:100%;
|
|
position:absolute;
|
|
left:0;
|
|
top:100%;
|
|
border-bottom:0;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden; }
|
|
|
|
|
|
.Polaris-DatePicker{
|
|
position:relative; }
|
|
|
|
.Polaris-DatePicker__MonthContainer{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
margin-top:-1.6rem;
|
|
margin-left:-1.6rem; }
|
|
|
|
.Polaris-DatePicker__Month{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto;
|
|
margin-top:1.6rem;
|
|
margin-left:1.6rem;
|
|
max-width:calc(100% - 1.6rem);
|
|
min-width:23rem; }
|
|
|
|
.Polaris-DatePicker__Month--current{
|
|
font-weight:bold; }
|
|
|
|
.Polaris-DatePicker__Week,
|
|
.Polaris-DatePicker__WeekHeadings{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
.Polaris-DatePicker__Week + .Polaris-DatePicker__Week,
|
|
.Polaris-DatePicker__WeekHeadings + .Polaris-DatePicker__Week{
|
|
margin-top:-1px; }
|
|
|
|
.Polaris-DatePicker__Day{
|
|
display:block;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 0 0%;
|
|
flex:1 0 0%;
|
|
width:14.28571%;
|
|
margin:0;
|
|
padding:0.8rem;
|
|
background:transparent;
|
|
border:1px solid #dfe3e8;
|
|
border-radius:0;
|
|
outline:none;
|
|
font-size:1.2rem;
|
|
text-align:center;
|
|
cursor:pointer; }
|
|
.Polaris-DatePicker__Day:hover{
|
|
background:#dfe3e8; }
|
|
.Polaris-DatePicker__Day:focus{
|
|
box-shadow:inset 0 0 0 2px #5c6ac4; }
|
|
.Polaris-DatePicker__Day + .Polaris-DatePicker__Day,
|
|
.Polaris-DatePicker__Day + .Polaris-DatePicker__EmptyDay{
|
|
margin-left:-1px; }
|
|
|
|
.Polaris-DatePicker__Day--today{
|
|
font-weight:bold; }
|
|
|
|
.Polaris-DatePicker__Day--inRange{
|
|
z-index:20;
|
|
background:#b3bcf5;
|
|
border:1px solid #9ca6de; }
|
|
.Polaris-DatePicker__Day--inRange:hover{
|
|
background:#9ca8f2; }
|
|
|
|
.Polaris-DatePicker__Day--selected{
|
|
z-index:30;
|
|
background:#5c6ac4;
|
|
border:1px solid #5c6ac4;
|
|
color:white; }
|
|
.Polaris-DatePicker__Day--selected:hover{
|
|
background:#4959bd; }
|
|
.Polaris-DatePicker__Day--selected:focus{
|
|
box-shadow:inset 0 0 0 2px #202e78; }
|
|
|
|
.Polaris-DatePicker__Day--disabled{
|
|
background-color:#f9fafb;
|
|
color:#c4cdd5;
|
|
cursor:default; }
|
|
.Polaris-DatePicker__Day--disabled:hover{
|
|
background-color:#f9fafb; }
|
|
.Polaris-DatePicker__Day--disabled:focus{
|
|
box-shadow:none; }
|
|
|
|
.Polaris-DatePicker__EmptyDay{
|
|
display:block;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 0 0%;
|
|
flex:1 0 0%;
|
|
width:14.28571%;
|
|
margin:0;
|
|
padding:0.8rem;
|
|
border:1px solid #dfe3e8; }
|
|
.Polaris-DatePicker__EmptyDay + .Polaris-DatePicker__EmptyDay,
|
|
.Polaris-DatePicker__EmptyDay + .Polaris-DatePicker__Day{
|
|
margin-left:-1px; }
|
|
|
|
.Polaris-DatePicker__Weekday{
|
|
display:block;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 0 0%;
|
|
flex:1 0 0%;
|
|
padding:0.8rem;
|
|
background:transparent;
|
|
font-size:1.2rem;
|
|
color:#637381;
|
|
text-align:center; }
|
|
.Polaris-DatePicker__Weekday + .Polaris-DatePicker__Weekday{
|
|
margin-left:-1px; }
|
|
|
|
.Polaris-DatePicker__Weekday--current{
|
|
font-weight:bold;
|
|
color:black; }
|
|
|
|
.Polaris-DatePicker__Header{
|
|
position:absolute;
|
|
top:1.6rem;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-pack:justify;
|
|
-ms-flex-pack:justify;
|
|
justify-content:space-between;
|
|
width:100%; }
|
|
|
|
.Polaris-DatePicker__Title{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto;
|
|
margin-top:0.2rem;
|
|
padding-bottom:0.4rem;
|
|
text-align:center; }
|
|
|
|
|
|
.Polaris-DescriptionList{
|
|
margin:0;
|
|
padding:0; }
|
|
@media (min-width: 36.875em){
|
|
.Polaris-DescriptionList{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
-webkit-box-align:start;
|
|
-ms-flex-align:start;
|
|
align-items:flex-start; } }
|
|
|
|
.Polaris-DescriptionList__Term{
|
|
font-weight:600;
|
|
padding:1.6rem 0 0.8rem; }
|
|
@media (min-width: 36.875em){
|
|
.Polaris-DescriptionList__Term{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 1 25%;
|
|
flex:0 1 25%;
|
|
padding:1.6rem 1.6rem 1.6rem 0; }
|
|
.Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term + .Polaris-DescriptionList__Description{
|
|
border-top:1px solid #dfe3e8; } }
|
|
|
|
.Polaris-DescriptionList__Description{
|
|
margin-left:0;
|
|
padding:0 0 1.6rem; }
|
|
.Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term{
|
|
border-top:1px solid #dfe3e8; }
|
|
@media (min-width: 36.875em){
|
|
.Polaris-DescriptionList__Description{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 51%;
|
|
flex:1 1 51%;
|
|
padding:1.6rem 0; }
|
|
.Polaris-DescriptionList__Description + .Polaris-DescriptionList__Term + .Polaris-DescriptionList__Description{
|
|
border-top:1px solid #dfe3e8; } }
|
|
|
|
|
|
.Polaris-DisplayText{
|
|
margin:0; }
|
|
|
|
.Polaris-DisplayText--sizeSmall{
|
|
font-size:1.6rem;
|
|
font-weight:400;
|
|
line-height:2.4rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-DisplayText--sizeSmall{
|
|
font-size:2rem;
|
|
line-height:2.8rem; } }
|
|
|
|
.Polaris-DisplayText--sizeMedium{
|
|
font-size:2.1rem;
|
|
font-weight:400;
|
|
line-height:2.8rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-DisplayText--sizeMedium{
|
|
font-size:2.6rem;
|
|
line-height:3.2rem; } }
|
|
|
|
.Polaris-DisplayText--sizeLarge{
|
|
font-size:2.4rem;
|
|
font-weight:600;
|
|
line-height:2.8rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-DisplayText--sizeLarge{
|
|
font-size:2.8rem;
|
|
line-height:3.2rem; } }
|
|
|
|
.Polaris-DisplayText--sizeExtraLarge{
|
|
font-size:2.7rem;
|
|
font-weight:600;
|
|
line-height:3.6rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-DisplayText--sizeExtraLarge{
|
|
font-size:4.2rem;
|
|
line-height:4.4rem; } }
|
|
|
|
|
|
.Polaris-Link{
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
display:inline;
|
|
text-align:inherit;
|
|
padding:0;
|
|
background:none;
|
|
border:none;
|
|
font-size:inherit;
|
|
color:#007ace;
|
|
text-decoration:none;
|
|
cursor:pointer; }
|
|
.Polaris-Link:hover, .Polaris-Link:focus, .Polaris-Link:active{
|
|
outline:none;
|
|
color:#084e8a; }
|
|
|
|
|
|
.Polaris-DropZone-FileUpload{
|
|
text-align:center; }
|
|
|
|
.Polaris-DropZone-FileUpload__Image{
|
|
width:90px; }
|
|
|
|
|
|
.Polaris-DropZone{
|
|
position:relative;
|
|
padding:1.5rem;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
background:white;
|
|
border-radius:3px; }
|
|
|
|
.Polaris-DropZone--hasOutline{
|
|
border:0.2rem dashed #dfe3e8; }
|
|
|
|
.Polaris-DropZone--isDragging{
|
|
border-color:#5c6ac4;
|
|
background:#f4f5fa; }
|
|
|
|
.Polaris-DropZone--hasError{
|
|
border-color:#de3618;
|
|
background:#fbeae5; }
|
|
|
|
.Polaris-DropZone--isDisabled{
|
|
cursor:not-allowed; }
|
|
|
|
.Polaris-DropZone--sizeLarge{
|
|
min-height:20.5rem; }
|
|
|
|
.Polaris-DropZone--sizeMedium{
|
|
min-height:11.4rem;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; }
|
|
|
|
.Polaris-DropZone--sizeSmall{
|
|
padding:0;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
min-height:5rem; }
|
|
|
|
.Polaris-DropZone__Container{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%; }
|
|
|
|
.Polaris-DropZone__Overlay{
|
|
position:absolute;
|
|
padding:1.5rem;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
text-align:center;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
right:0;
|
|
width:100%;
|
|
height:100%;
|
|
color:#5c6ac4;
|
|
z-index:30;
|
|
border:0.2rem dashed #5c6ac4;
|
|
background:#f4f5fa;
|
|
border-radius:3px; }
|
|
.Polaris-DropZone--hasOutline .Polaris-DropZone__Overlay{
|
|
border:none; }
|
|
.Polaris-DropZone--hasError .Polaris-DropZone__Overlay{
|
|
color:#de3618;
|
|
border-color:#de3618;
|
|
background:#fbeae5; }
|
|
.Polaris-DropZone--sizeSmall .Polaris-DropZone__Overlay{
|
|
padding:0; }
|
|
|
|
|
|
.Polaris-EmptySearchResult__Image{
|
|
width:178px;
|
|
height:158px;
|
|
-webkit-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select:none;
|
|
user-select:none; }
|
|
|
|
|
|
.Polaris-EmptyState{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
width:100%;
|
|
margin:2rem auto 0 auto;
|
|
padding:2rem 0;
|
|
max-width:99.8rem; }
|
|
|
|
@media (min-width: 46.5em){
|
|
.Polaris-EmptyState--imageContained .Polaris-EmptyState__Image{
|
|
position:initial;
|
|
width:100%; } }
|
|
|
|
.Polaris-EmptyState__Section{
|
|
position:relative;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto;
|
|
width:100%; }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-EmptyState__Section{
|
|
left:2rem;
|
|
-webkit-box-orient:horizontal;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:row;
|
|
flex-direction:row;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; } }
|
|
|
|
.Polaris-EmptyState__ImageContainer,
|
|
.Polaris-EmptyState__DetailsContainer{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto;
|
|
padding:0;
|
|
margin:0; }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-EmptyState__ImageContainer,
|
|
.Polaris-EmptyState__DetailsContainer{
|
|
-ms-flex-preferred-size:50%;
|
|
flex-basis:50%; } }
|
|
|
|
.Polaris-EmptyState__Details{
|
|
position:relative;
|
|
z-index:10;
|
|
padding:0 1.6rem;
|
|
width:33.6rem; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-EmptyState__Details{
|
|
padding:0; } }
|
|
|
|
.Polaris-EmptyState__Content{
|
|
font-size:1.6rem;
|
|
font-weight:400;
|
|
line-height:2.4rem;
|
|
color:#637381; }
|
|
@media (min-width: 40em){
|
|
.Polaris-EmptyState__Content{
|
|
font-size:2rem;
|
|
line-height:2.8rem; } }
|
|
|
|
.Polaris-EmptyState__Actions{
|
|
margin-top:1.6rem; }
|
|
|
|
.Polaris-EmptyState__Image{
|
|
position:relative;
|
|
z-index:0;
|
|
margin-top:-2rem;
|
|
margin-left:-70%;
|
|
width:190%;
|
|
max-width:none; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-EmptyState__Image{
|
|
margin-left:0;
|
|
width:100%; } }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-EmptyState__Image{
|
|
margin-top:0;
|
|
margin-left:-70%;
|
|
width:170%; } }
|
|
|
|
|
|
.Polaris-Truncate{
|
|
display:block;
|
|
overflow:hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis; }
|
|
|
|
|
|
@charset "UTF-8";
|
|
.Polaris-ExceptionList{
|
|
margin:0;
|
|
padding:0;
|
|
list-style:none; }
|
|
|
|
.Polaris-ExceptionList__Item{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
color:#637381; }
|
|
.Polaris-ExceptionList__Item + .Polaris-ExceptionList__Item{
|
|
margin-top:0.4rem; }
|
|
|
|
.Polaris-ExceptionList__Icon{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
min-width:2rem;
|
|
height:2rem;
|
|
margin-right:0.4rem;
|
|
fill:#919eab; }
|
|
.Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Icon{
|
|
fill:#c05717; }
|
|
.Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Icon{
|
|
fill:#bf0711; }
|
|
|
|
.Polaris-ExceptionList__Bullet{
|
|
width:0.6rem;
|
|
height:0.6rem;
|
|
border-radius:100%;
|
|
background-color:#919eab; }
|
|
.Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Bullet{
|
|
background-color:#c05717; }
|
|
.Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Bullet{
|
|
background-color:#bf0711; }
|
|
|
|
.Polaris-ExceptionList__Title + .Polaris-ExceptionList__Description::before{
|
|
content:' \2013 '; }
|
|
|
|
.Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Title,
|
|
.Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Title{
|
|
font-weight:500; }
|
|
|
|
.Polaris-ExceptionList--statusWarning .Polaris-ExceptionList__Title{
|
|
color:#c05717; }
|
|
|
|
.Polaris-ExceptionList--statusCritical .Polaris-ExceptionList__Title{
|
|
color:#bf0711; }
|
|
|
|
|
|
.Polaris-FooterHelp{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
margin:2rem 0;
|
|
width:100%; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-FooterHelp{
|
|
margin:2rem;
|
|
width:auto; } }
|
|
|
|
.Polaris-FooterHelp__Content{
|
|
display:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
padding:1.6rem 2rem 1.6rem 1.6rem;
|
|
border-top:1px solid #dfe3e8;
|
|
border-bottom:1px solid #dfe3e8;
|
|
width:100%;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-FooterHelp__Content{
|
|
width:auto;
|
|
border:1px solid #dfe3e8;
|
|
border-radius:999px; } }
|
|
|
|
.Polaris-FooterHelp__Icon{
|
|
margin-right:0.8rem; }
|
|
|
|
.Polaris-FooterHelp__Text{
|
|
font-size:1.6rem;
|
|
font-weight:400;
|
|
line-height:2.4rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial; }
|
|
@media (min-width: 40em){
|
|
.Polaris-FooterHelp__Text{
|
|
font-size:1.4rem; } }
|
|
|
|
|
|
.Polaris-FormLayout{
|
|
margin-top:-1.6rem;
|
|
margin-left:-2rem; }
|
|
|
|
.Polaris-FormLayout--condensed .Polaris-FormLayout__Item{
|
|
-ms-flex-preferred-size:11rem;
|
|
flex-basis:11rem;
|
|
min-width:11rem; }
|
|
|
|
.Polaris-FormLayout__Title{
|
|
margin-bottom:-0.8rem;
|
|
padding:1.6rem 2rem 0; }
|
|
|
|
.Polaris-FormLayout__Items{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap; }
|
|
|
|
.Polaris-FormLayout__HelpText{
|
|
color:#637381;
|
|
padding:0.8rem 2rem 0; }
|
|
|
|
.Polaris-FormLayout__Item{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 22rem;
|
|
flex:1 1 22rem;
|
|
margin-top:1.6rem;
|
|
margin-left:2rem;
|
|
min-width:22rem;
|
|
max-width:calc(100% - 2rem); }
|
|
|
|
|
|
.Polaris-KeyboardKey{
|
|
display:inline-block;
|
|
height:2.4rem;
|
|
margin:0 0.2rem 2px;
|
|
padding:0 0.4rem;
|
|
background-color:white;
|
|
box-shadow:0 0 0 1px #c4cdd5, 0 2px 0 0 white, 0 2px 0 1px #c4cdd5;
|
|
border-radius:3px;
|
|
font-family:-apple-system, BlinkMacSystemFont, San Francisco, Roboto, Segoe UI, Helvetica Neue, sans-serif;
|
|
font-size:1.2rem;
|
|
font-weight:500;
|
|
line-height:2.4rem;
|
|
color:#637381;
|
|
text-align:center;
|
|
min-width:2.4rem;
|
|
-webkit-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select:none;
|
|
user-select:none; }
|
|
|
|
|
|
.Polaris-Label{
|
|
-webkit-tap-highlight-color:transparent; }
|
|
|
|
.Polaris-Label--hidden{
|
|
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-Label__Text{
|
|
font-size:1.5rem;
|
|
font-weight:500;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
display:block;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto;
|
|
color:currentColor;
|
|
-webkit-tap-highlight-color:transparent; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Label__Text{
|
|
font-size:1.4rem; } }
|
|
|
|
|
|
.Polaris-Labelled--hidden > .Polaris-Labelled__LabelWrapper{
|
|
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-Labelled__LabelWrapper{
|
|
margin-bottom:0.4rem;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-pack:justify;
|
|
-ms-flex-pack:justify;
|
|
justify-content:space-between;
|
|
-webkit-box-align:baseline;
|
|
-ms-flex-align:baseline;
|
|
align-items:baseline; }
|
|
|
|
.Polaris-Labelled__HelpText{
|
|
font-size:1.5rem;
|
|
font-weight:400;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
color:#637381;
|
|
margin-top:0.4rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Labelled__HelpText{
|
|
font-size:1.4rem; } }
|
|
|
|
.Polaris-Labelled__Error{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
margin-top:0.4rem;
|
|
color:#bf0711; }
|
|
|
|
.Polaris-Labelled__ErrorIcon{
|
|
fill:#de3618;
|
|
margin:0 0.4rem 0 -2px; }
|
|
|
|
|
|
.Polaris-Layout{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
-webkit-box-align:start;
|
|
-ms-flex-align:start;
|
|
align-items:flex-start;
|
|
margin-top:-2rem;
|
|
margin-left:-2rem; }
|
|
|
|
.Polaris-Layout__Section{
|
|
-webkit-box-flex:2;
|
|
-ms-flex:2 2 48rem;
|
|
flex:2 2 48rem;
|
|
min-width:51%; }
|
|
|
|
.Polaris-Layout__Section--secondary{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 24rem;
|
|
flex:1 1 24rem;
|
|
min-width:0; }
|
|
|
|
.Polaris-Layout__Section--oneThird {
|
|
flex: 1 1 24rem;
|
|
min-width: 0;
|
|
}
|
|
|
|
.Polaris-Layout__Section--fullWidth{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 100%;
|
|
flex:1 1 100%; }
|
|
|
|
.Polaris-Layout__AnnotatedSection{
|
|
min-width:0;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 100%;
|
|
flex:1 1 100%; }
|
|
|
|
.Polaris-Layout__Section,
|
|
.Polaris-Layout__AnnotatedSection{
|
|
max-width:calc(100% - 2rem);
|
|
margin-top:2rem;
|
|
margin-left:2rem; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-Layout__Section + .Polaris-Layout__AnnotatedSection,
|
|
.Polaris-Layout__AnnotatedSection + .Polaris-Layout__AnnotatedSection{
|
|
padding-top:2rem;
|
|
border-top:1px solid #dfe3e8; } }
|
|
|
|
.Polaris-Layout__AnnotationWrapper{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
margin-top:-2rem;
|
|
margin-left:-2rem; }
|
|
|
|
.Polaris-Layout__AnnotationContent{
|
|
-webkit-box-flex:2;
|
|
-ms-flex:2 2 48rem;
|
|
flex:2 2 48rem; }
|
|
|
|
.Polaris-Layout__Annotation{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 24rem;
|
|
flex:1 1 24rem;
|
|
padding:2rem 2rem 0; }
|
|
@media (min-width: 50em){
|
|
.Polaris-Layout__Annotation{
|
|
padding:2rem 2rem 2rem 0; } }
|
|
|
|
.Polaris-Layout__Annotation,
|
|
.Polaris-Layout__AnnotationContent{
|
|
min-width:0;
|
|
max-width:calc(100% - 2rem);
|
|
margin-top:2rem;
|
|
margin-left:2rem; }
|
|
|
|
|
|
.Polaris-List{
|
|
list-style:none;
|
|
margin-top:0;
|
|
margin-bottom:0;
|
|
padding-left:0; }
|
|
.Polaris-List + .Polaris-List{
|
|
margin-top:1.6rem; }
|
|
|
|
.Polaris-List--typeBullet > .Polaris-List__Item::before{
|
|
content:'\2022';
|
|
font-size:1.8rem; }
|
|
|
|
.Polaris-List--typeNumber{
|
|
counter-reset:ordered-counter; }
|
|
.Polaris-List--typeNumber > .Polaris-List__Item::before{
|
|
font-weight:600;
|
|
content:counter(ordered-counter, decimal) ".";
|
|
counter-increment:ordered-counter;
|
|
font-size:1.2rem;
|
|
vertical-align:top; }
|
|
|
|
.Polaris-List__Item{
|
|
position:relative;
|
|
margin-bottom:0.8rem;
|
|
padding-left:1.6rem; }
|
|
.Polaris-List__Item:last-child{
|
|
margin-bottom:0; }
|
|
.Polaris-List__Item::before{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
display:block; }
|
|
.Polaris-List__Item .Polaris-List:first-child{
|
|
margin-top:0.8rem; }
|
|
|
|
|
|
.Polaris-Modal-Dialog__Container{
|
|
position:fixed;
|
|
z-index:400;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
-webkit-box-pack:end;
|
|
-ms-flex-pack:end;
|
|
justify-content:flex-end; }
|
|
@media (min-width: 48.0625em){
|
|
.Polaris-Modal-Dialog__Container{
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center; } }
|
|
|
|
.Polaris-Modal-Dialog__Modal{
|
|
position:fixed;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
width:100vw;
|
|
height:100%;
|
|
max-height:calc(100vh - 60px);
|
|
background:white;
|
|
box-shadow:0 31px 41px 0 rgba(32, 42, 53, 0.2), 0 2px 16px 0 rgba(32, 42, 54, 0.08); }
|
|
@media (max-width: 48.0525em){
|
|
.Polaris-Modal-Dialog__Modal{
|
|
top:5.6rem;
|
|
max-height:calc(100% - 5.6rem); } }
|
|
.Polaris-Modal-Dialog__Modal:focus{
|
|
outline:0; }
|
|
@media (min-width: 48.0625em){
|
|
.Polaris-Modal-Dialog__Modal{
|
|
position:relative;
|
|
max-width:62rem;
|
|
margin:0 auto;
|
|
border-radius:6px; } }
|
|
|
|
@media (min-width: 48.0625em) and (min-height: 660px){
|
|
.Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--limitHeight{
|
|
max-height:600px; } }
|
|
@media (min-width: 48.0625em){
|
|
.Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeLarge{
|
|
max-width:calc(100vw - 6.4rem); } }
|
|
@media (min-width: 65.25em){
|
|
.Polaris-Modal-Dialog__Modal.Polaris-Modal-Dialog--sizeLarge{
|
|
max-width:98rem; } }
|
|
|
|
.Polaris-Modal-Dialog--animateFadeUp{
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:transform, opacity;
|
|
opacity:1;
|
|
-webkit-transform:translateY(0);
|
|
transform:translateY(0);
|
|
transition:opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms, -webkit-transform cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms, opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms, opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms, -webkit-transform cubic-bezier(0.64, 0, 0.35, 1) 200ms; }
|
|
.Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--entering, .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--exiting, .Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--exited{
|
|
opacity:0;
|
|
-webkit-transform:translateY(20rem);
|
|
transform:translateY(20rem); }
|
|
.Polaris-Modal-Dialog--animateFadeUp.Polaris-Modal-Dialog--entered{
|
|
opacity:1;
|
|
-webkit-transform:translateY(0);
|
|
transform:translateY(0); }
|
|
|
|
.Polaris-Modal-Dialog--animateScaleIn{
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:transform, opacity;
|
|
opacity:1;
|
|
-webkit-transform:scale(1);
|
|
transform:scale(1);
|
|
transition:opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms, -webkit-transform cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms, opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms, opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms, -webkit-transform cubic-bezier(0.64, 0, 0.35, 1) 200ms; }
|
|
.Polaris-Modal-Dialog--animateScaleIn.Polaris-Modal-Dialog--entering, .Polaris-Modal-Dialog--animateScaleIn.Polaris-Modal-Dialog--exiting, .Polaris-Modal-Dialog--animateScaleIn.Polaris-Modal-Dialog--exited{
|
|
opacity:0;
|
|
-webkit-transform:scale(1.15);
|
|
transform:scale(1.15); }
|
|
.Polaris-Modal-Dialog--animateScaleIn.Polaris-Modal-Dialog--entered{
|
|
opacity:1;
|
|
-webkit-transform:scale(1);
|
|
transform:scale(1); }
|
|
|
|
|
|
.Polaris-Modal-Header{
|
|
padding:1.6rem 2rem;
|
|
border-bottom:1px solid #dfe3e8; }
|
|
|
|
.Polaris-Modal-Header--withoutTitle{
|
|
position:absolute;
|
|
right:0.8rem; }
|
|
|
|
.Polaris-Modal-Header__CloseButton{
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
margin:0;
|
|
padding:0;
|
|
background:none;
|
|
border:none;
|
|
font-size:inherit;
|
|
line-height:inherit;
|
|
cursor:pointer;
|
|
margin-right:-0.8rem;
|
|
padding:0.8rem; }
|
|
.Polaris-Modal-Header__CloseButton:focus{
|
|
outline:none; }
|
|
.Polaris-Modal-Header__CloseButton:focus, .Polaris-Modal-Header__CloseButton:active{
|
|
border-radius:6px;
|
|
background:rgba(33, 43, 54, 0.1); }
|
|
|
|
|
|
.Polaris-Modal-Section{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
padding:1.6rem 2rem; }
|
|
.Polaris-Modal-Section:first-of-type{
|
|
padding-top:2rem; }
|
|
.Polaris-Modal-Section:not(:last-of-type){
|
|
border-bottom:1px solid #dfe3e8; }
|
|
.Polaris-Modal-Section.Polaris-Modal-Section--subdued{
|
|
background:#f4f6f8; }
|
|
.Polaris-Modal-Section.Polaris-Modal-Section--flush{
|
|
padding:0; }
|
|
|
|
|
|
.Polaris-Modal-Footer{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-item-align:end;
|
|
align-self:flex-end;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
width:100%;
|
|
min-height:6.4rem;
|
|
padding:1.6rem;
|
|
border-top:1px solid #dfe3e8; }
|
|
|
|
.Polaris-Modal-Footer__FooterContent{
|
|
width:100%; }
|
|
|
|
|
|
.Polaris-Modal__BodyWrapper{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-flex:1;
|
|
-ms-flex-positive:1;
|
|
flex-grow:1;
|
|
border-radius:6px;
|
|
overflow-x:hidden;
|
|
overflow-y:auto;
|
|
-webkit-overflow-scrolling:touch; }
|
|
|
|
.Polaris-Modal__Body{
|
|
overflow:visible;
|
|
width:100%; }
|
|
|
|
.Polaris-Modal__IFrame{
|
|
display:block;
|
|
width:62rem;
|
|
max-width:100vw;
|
|
border:none; }
|
|
@media (min-width: 48.0625em){
|
|
.Polaris-Modal__IFrame{
|
|
max-width:62rem; } }
|
|
|
|
.Polaris-Modal__Backdrop{
|
|
position:fixed;
|
|
z-index:399;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
display:block;
|
|
background:rgba(33, 43, 54, 0.4);
|
|
-webkit-animation:Polaris-Modal__fade--in 200ms 1 forwards;
|
|
animation:Polaris-Modal__fade--in 200ms 1 forwards;
|
|
opacity:1;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:opacity; }
|
|
|
|
@-webkit-keyframes Polaris-Modal__fade--in{
|
|
0%{
|
|
opacity:0; }
|
|
100%{
|
|
opacity:1; } }
|
|
|
|
@keyframes Polaris-Modal__fade--in{
|
|
0%{
|
|
opacity:0; }
|
|
100%{
|
|
opacity:1; } }
|
|
|
|
.Polaris-Modal__Spinner{
|
|
margin:1.6rem;
|
|
text-align:center; }
|
|
|
|
|
|
.Polaris-Breadcrumbs__Breadcrumb{
|
|
font-size:1.5rem;
|
|
font-weight:400;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
color:#637381;
|
|
position:relative;
|
|
display:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
min-height:3.6rem;
|
|
margin:-0.4rem -0.8rem -0.4rem -0.4rem;
|
|
padding:0.8rem 0.8rem;
|
|
color:#637381;
|
|
text-decoration:none; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Breadcrumbs__Breadcrumb{
|
|
font-size:1.4rem; } }
|
|
.Polaris-Breadcrumbs__Breadcrumb:hover, .Polaris-Breadcrumbs__Breadcrumb:active{
|
|
color:#212b36;
|
|
text-decoration:none; }
|
|
.Polaris-Breadcrumbs__Breadcrumb:hover .Polaris-Breadcrumbs__Icon, .Polaris-Breadcrumbs__Breadcrumb:active .Polaris-Breadcrumbs__Icon{
|
|
fill:#212b36; }
|
|
.Polaris-Breadcrumbs__Breadcrumb:focus{
|
|
outline:none; }
|
|
.Polaris-Breadcrumbs__Breadcrumb:focus::after{
|
|
background:rgba(33, 43, 54, 0.1); }
|
|
.Polaris-Breadcrumbs__Breadcrumb::after{
|
|
content:'';
|
|
display:block;
|
|
position:absolute;
|
|
z-index:10;
|
|
top:0.4rem;
|
|
left:0;
|
|
right:0;
|
|
height:2.8rem;
|
|
border-radius:3px;
|
|
-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:#637381;
|
|
height:2rem;
|
|
width:2rem;
|
|
margin:-1rem 0 -1rem -0.8rem; }
|
|
|
|
|
|
.Polaris-Pagination{
|
|
display:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex; }
|
|
@media (max-width: 30.625em){
|
|
.Polaris-Pagination:not(.Polaris-Pagination--plain){
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
width:100%; }
|
|
.Polaris-Pagination:not(.Polaris-Pagination--plain) .Polaris-Pagination__Button{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 0 auto;
|
|
flex:1 0 auto; } }
|
|
|
|
.Polaris-Pagination--plain .Polaris-Pagination__Button{
|
|
position:relative;
|
|
margin-top:-0.4rem;
|
|
margin-bottom:-0.4rem;
|
|
padding-top:0.8rem;
|
|
padding-bottom:0.8rem;
|
|
background:transparent;
|
|
border:none;
|
|
cursor:pointer;
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
box-shadow:none; }
|
|
.Polaris-Pagination--plain .Polaris-Pagination__Button:hover, .Polaris-Pagination--plain .Polaris-Pagination__Button:active{
|
|
fill:#212b36;
|
|
background:transparent;
|
|
border:none;
|
|
box-shadow:none; }
|
|
.Polaris-Pagination--plain .Polaris-Pagination__Button:focus{
|
|
border:none;
|
|
box-shadow:none; }
|
|
.Polaris-Pagination--plain .Polaris-Pagination__Button:focus::after{
|
|
background:rgba(33, 43, 54, 0.1); }
|
|
.Polaris-Pagination--plain .Polaris-Pagination__Button:disabled{
|
|
fill:#c4cdd5;
|
|
background:transparent;
|
|
border:none;
|
|
box-shadow:none; }
|
|
.Polaris-Pagination--plain .Polaris-Pagination__Button:not(:first-child){
|
|
margin-left:0.2rem; }
|
|
.Polaris-Pagination--plain .Polaris-Pagination__Button:first-child{
|
|
margin-left:-0.8rem; }
|
|
.Polaris-Pagination--plain .Polaris-Pagination__Button:last-child{
|
|
margin-right:-0.8rem; }
|
|
.Polaris-Pagination--plain .Polaris-Pagination__Button::after{
|
|
content:'';
|
|
display:block;
|
|
position:absolute;
|
|
top:0.4rem;
|
|
left:0;
|
|
right:0;
|
|
height:2.8rem;
|
|
border-radius:3px;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:background;
|
|
transition-property:background;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); }
|
|
|
|
.Polaris-Pagination__Button{
|
|
fill:#637381;
|
|
position:relative;
|
|
z-index:10;
|
|
display:inline-block;
|
|
min-width:3.6rem;
|
|
margin:0;
|
|
padding:0.7rem 0.8rem;
|
|
background:linear-gradient(to bottom, white, #f9fafb);
|
|
border:1px solid #c4cdd5;
|
|
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:color, background, border, box-shadow;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); }
|
|
.Polaris-Pagination__Button:hover{
|
|
background:linear-gradient(to bottom, #f9fafb, #f4f6f8);
|
|
border-color:#c4cdd5; }
|
|
.Polaris-Pagination__Button:focus{
|
|
z-index:20;
|
|
border-color:#5c6ac4;
|
|
outline:0;
|
|
box-shadow:0 0 0 1px #5c6ac4; }
|
|
.Polaris-Pagination__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-Pagination__Button:disabled{
|
|
fill:#919eab;
|
|
background:#f4f6f8;
|
|
color:#919eab;
|
|
cursor:default;
|
|
box-shadow:none; }
|
|
.Polaris-Pagination__Button:not(:first-child){
|
|
margin-left:-1px; }
|
|
.Polaris-Pagination__Button:first-child{
|
|
border-top-right-radius:0;
|
|
border-bottom-right-radius:0; }
|
|
.Polaris-Pagination__Button:last-child{
|
|
border-top-left-radius:0;
|
|
border-bottom-left-radius:0; }
|
|
|
|
|
|
.Polaris-Scrollable{
|
|
-webkit-overflow-scrolling:touch; }
|
|
|
|
.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-PositionedOverlay{
|
|
position:absolute;
|
|
z-index:400; }
|
|
|
|
.Polaris-PositionedOverlay--calculating{
|
|
visibility:hidden; }
|
|
|
|
|
|
.Polaris-Popover{
|
|
max-width:calc(100vw - 3.2rem);
|
|
margin:0.5rem 1.6rem 1.6rem;
|
|
opacity:1;
|
|
box-shadow:0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08);
|
|
border-radius:6px;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:opacity, left, top;
|
|
transition:opacity 200ms cubic-bezier(0.36, 0, 1, 1); }
|
|
|
|
.Polaris-Popover--fullWidth{
|
|
margin:0;
|
|
margin-top:0.5rem; }
|
|
.Polaris-Popover--fullWidth .Polaris-Popover__Content{
|
|
max-width:none; }
|
|
|
|
.Polaris-Popover--measuring:not(.Polaris-Popover--exiting),
|
|
.Polaris-Popover--exiting{
|
|
opacity:0; }
|
|
|
|
.Polaris-Popover--measuring .Polaris-Popover__Content{
|
|
display:block; }
|
|
|
|
.Polaris-Popover--exiting{
|
|
transition-timing-function:cubic-bezier(0, 0, 0.42, 1); }
|
|
|
|
.Polaris-Popover--positionedAbove{
|
|
margin:1.6rem 1.6rem 0.5rem; }
|
|
.Polaris-Popover--positionedAbove .Polaris-Popover__Tip{
|
|
top:inherit;
|
|
bottom:0;
|
|
border-top-left-radius:0;
|
|
border-bottom-right-radius:3px; }
|
|
|
|
.Polaris-Popover__Wrapper{
|
|
position:relative;
|
|
overflow:hidden;
|
|
background-color:white;
|
|
border-radius:6px; }
|
|
|
|
.Polaris-Popover__Content{
|
|
position:relative;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
border-radius:6px;
|
|
max-width:40rem;
|
|
max-height:29.5rem; }
|
|
.Polaris-Popover__Content:focus{
|
|
outline:none; }
|
|
|
|
.Polaris-Popover__Content--fullHeight{
|
|
max-height:none; }
|
|
|
|
.Polaris-Popover__Tip{
|
|
position:absolute;
|
|
top:0;
|
|
left:50%;
|
|
-webkit-transform:translateX(-50%) rotate(45deg);
|
|
transform:translateX(-50%) rotate(45deg);
|
|
height:1.4rem;
|
|
width:1.4rem;
|
|
background:white;
|
|
border-top-left-radius:3px;
|
|
box-shadow:0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08); }
|
|
|
|
.Polaris-Popover__Pane{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%;
|
|
max-width:100%; }
|
|
.Polaris-Popover__Pane + .Polaris-Popover__Pane{
|
|
border-top:1px solid #dfe3e8; }
|
|
|
|
.Polaris-Popover__Pane--fixed{
|
|
overflow:visible;
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto; }
|
|
|
|
.Polaris-Popover__Section{
|
|
padding:1.6rem; }
|
|
.Polaris-Popover__Section + .Polaris-Popover__Section{
|
|
border-top:1px solid #dfe3e8; }
|
|
|
|
.Polaris-Popover__FocusTracker{
|
|
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; }
|
|
|
|
|
|
html, body{
|
|
min-height:100%;
|
|
height:100%; }
|
|
|
|
.Polaris-Page{
|
|
margin:0 auto;
|
|
padding:0;
|
|
max-width:99.8rem; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-Page{
|
|
padding:0 2rem; } }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-Page{
|
|
padding:0 3.2rem; } }
|
|
|
|
.Polaris-Page--fullWidth{
|
|
max-width:none; }
|
|
|
|
.Polaris-Page--singleColumn{
|
|
max-width:66.2rem; }
|
|
|
|
.Polaris-Page__Content{
|
|
margin:2rem 0; }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-Page__Content{
|
|
margin-top:2rem; } }
|
|
|
|
.Polaris-Page__Header{
|
|
padding:2rem 2rem 0; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-Page__Header{
|
|
padding-left:0;
|
|
padding-right:0; } }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-Page__Header{
|
|
padding-top:3.2rem; } }
|
|
|
|
.Polaris-Page__Header--hasPagination,
|
|
.Polaris-Page__Header--hasBreadcrumbs{
|
|
padding-top:2rem; }
|
|
|
|
.Polaris-Page__Header--hasSecondaryActions{
|
|
padding-top:2.4rem; }
|
|
|
|
.Polaris-Page__Header--hasSeparator{
|
|
padding-bottom:1.6rem;
|
|
border-bottom:1px solid #dfe3e8; }
|
|
.Polaris-Page__Header--hasSeparator + .Polaris-Page__Content{
|
|
margin-top:2rem; }
|
|
|
|
.Polaris-Page__Header--hasRollup .Polaris-Page__IndividualActions{
|
|
display:none; }
|
|
|
|
@media (min-width: 46.5em){
|
|
.Polaris-Page__Header--hasRollup .Polaris-Page__Rollup{
|
|
display:none; }
|
|
.Polaris-Page__Header--hasRollup .Polaris-Page__IndividualActions{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; } }
|
|
|
|
.Polaris-Page__Navigation{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-pack:justify;
|
|
-ms-flex-pack:justify;
|
|
justify-content:space-between;
|
|
margin-bottom:0.4rem; }
|
|
|
|
.Polaris-Page__Pagination{
|
|
margin-left:auto; }
|
|
|
|
.Polaris-Page__MainContent{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; }
|
|
|
|
.Polaris-Page__TitleAndActions{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%; }
|
|
|
|
.Polaris-Page__Title{
|
|
min-width:0;
|
|
max-width:100%;
|
|
word-wrap:break-word;
|
|
word-break:break-word; }
|
|
|
|
.Polaris-Page__Title--hidden{
|
|
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-Page__Actions{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-orient:horizontal;
|
|
-webkit-box-direction:reverse;
|
|
-ms-flex-direction:row-reverse;
|
|
flex-direction:row-reverse;
|
|
-webkit-box-pack:end;
|
|
-ms-flex-pack:end;
|
|
justify-content:flex-end;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
margin-top:1.6rem; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-Page__Actions{
|
|
margin-top:0.8rem; } }
|
|
|
|
.Polaris-Page__SecondaryActions{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%; }
|
|
|
|
.Polaris-Page__IndividualActions{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:start;
|
|
-ms-flex-align:start;
|
|
align-items:flex-start; }
|
|
.Polaris-Page__IndividualActions > .Polaris-Page__Action:first-child,
|
|
.Polaris-Page__IndividualActions > .Polaris-Page__ActionGroup:first-child{
|
|
margin-left:-1.2rem; }
|
|
.Polaris-Page__IndividualActions > .Polaris-Page__Action:last-child,
|
|
.Polaris-Page__IndividualActions > .Polaris-Page__ActionGroup:last-child{
|
|
margin-right:-1.2rem; }
|
|
|
|
.Polaris-Page__PrimaryAction{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-item-align:stretch;
|
|
align-self:stretch;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; }
|
|
.Polaris-Page__MainContent > .Polaris-Page__PrimaryAction{
|
|
display:none;
|
|
margin-left:2rem; }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-Page__PrimaryAction{
|
|
display:none; }
|
|
.Polaris-Page__MainContent > .Polaris-Page__PrimaryAction{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; } }
|
|
|
|
.Polaris-Page__Action{
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
margin:0;
|
|
padding:0;
|
|
background:none;
|
|
border:none;
|
|
font-size:inherit;
|
|
line-height:inherit;
|
|
cursor:pointer;
|
|
font-size:1.5rem;
|
|
font-weight:400;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
display:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
position:relative;
|
|
min-height:3.6rem;
|
|
text-decoration:none;
|
|
margin-top:-0.4rem;
|
|
margin-bottom:-0.4rem;
|
|
padding:0 1.2rem;
|
|
color:#454f5b; }
|
|
.Polaris-Page__Action:focus{
|
|
outline:none; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Page__Action{
|
|
font-size:1.4rem; } }
|
|
.Polaris-Page__Action:hover, .Polaris-Page__Action:active{
|
|
color:#212b36; }
|
|
.Polaris-Page__Action:hover .Polaris-Page__ActionIcon, .Polaris-Page__Action:active .Polaris-Page__ActionIcon{
|
|
fill:#212b36;
|
|
color:white; }
|
|
.Polaris-Page__Action:focus::after, .Polaris-Page__Action:active::after{
|
|
background:rgba(33, 43, 54, 0.1); }
|
|
.Polaris-Page__Action::after{
|
|
content:'';
|
|
display:block;
|
|
position:absolute;
|
|
left:0.4rem;
|
|
right:0.4rem;
|
|
top:0.4rem;
|
|
height:2.8rem;
|
|
border-radius:3px;
|
|
background:transparent;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:background;
|
|
transition-property:background;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); }
|
|
.Polaris-Page__Action.Polaris-Page--disabled{
|
|
color:#919eab;
|
|
cursor:default;
|
|
pointer-events:none; }
|
|
.Polaris-Page__Action.Polaris-Page--disabled .Polaris-Page__ActionIcon{
|
|
fill:#919eab; }
|
|
|
|
.Polaris-Page__ActionContent{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; }
|
|
|
|
.Polaris-Page__ActionIcon{
|
|
fill:#637381;
|
|
color:white;
|
|
display:inline-block; }
|
|
.Polaris-Page__ActionIcon:first-child{
|
|
margin-right:0.4rem; }
|
|
.Polaris-Page__ActionIcon:last-child{
|
|
margin-left:0.4rem;
|
|
margin-right:-3px; }
|
|
.Polaris-Page__ActionIcon.Polaris-Page--disabled{
|
|
fill:#919eab; }
|
|
|
|
.Polaris-Page__Details{
|
|
padding:1.6rem;
|
|
margin-top:-1.6rem; }
|
|
.Polaris-Page__Details.Polaris-Page--withActions{
|
|
margin-top:-0.8rem;
|
|
border-top:1px solid #dfe3e8; }
|
|
|
|
|
|
.Polaris-PageActions{
|
|
margin:0 auto;
|
|
padding:2rem;
|
|
border-top:1px solid #dfe3e8; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-PageActions{
|
|
padding:2rem 0; } }
|
|
|
|
|
|
.Polaris-Select{
|
|
position:relative; }
|
|
.Polaris-Select select::-ms-expand{
|
|
display:none; }
|
|
|
|
.Polaris-Select--disabled .Polaris-Select__Backdrop{
|
|
background:#dfe3e8;
|
|
box-shadow:none; }
|
|
.Polaris-Select--disabled .Polaris-Select__Backdrop::after{
|
|
background:#f9fafb; }
|
|
|
|
.Polaris-Select--disabled .Polaris-Select__Icon{
|
|
opacity:0.4; }
|
|
|
|
.Polaris-Select--error .Polaris-Select__Backdrop{
|
|
background:#de3618;
|
|
box-shadow:0 0 0 1px transparent; }
|
|
.Polaris-Select--error .Polaris-Select__Backdrop::after{
|
|
background:#fbeae5; }
|
|
|
|
.Polaris-Select--error .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop{
|
|
background:#5c6ac4;
|
|
box-shadow:0 0 0 1px #5c6ac4; }
|
|
.Polaris-Select--error .Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop::after{
|
|
background:#fbeae5; }
|
|
|
|
.Polaris-Select--placeholder.Polaris-Select--error .Polaris-Select__Input{
|
|
color:#9c9798; }
|
|
|
|
.Polaris-Select--placeholder.Polaris-Select--error .Polaris-Select__Input:-moz-focusring{
|
|
color:transparent;
|
|
text-shadow:0 0 0 #212b36; }
|
|
|
|
.Polaris-Select__Backdrop{
|
|
background:#c4cdd5;
|
|
border:1px solid transparent;
|
|
box-shadow:0 0 0 1px transparent, 0 1px 0 0 rgba(22, 29, 37, 0.05);
|
|
border-radius:3px;
|
|
transition-property:box-shadow, background;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1);
|
|
position:absolute;
|
|
z-index:10;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0; }
|
|
.Polaris-Select__Backdrop::after{
|
|
content:'';
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
display:block;
|
|
background:linear-gradient(to bottom, white, #f9fafb);
|
|
border-radius:2px; }
|
|
|
|
.Polaris-Select__Icon{
|
|
fill:#637381;
|
|
position:absolute;
|
|
z-index:30;
|
|
top:50%;
|
|
right:1.2rem;
|
|
-webkit-transform:translateY(-50%);
|
|
transform:translateY(-50%);
|
|
margin-right:-0.4rem;
|
|
pointer-events:none; }
|
|
|
|
.Polaris-Select__Input{
|
|
font-size:1.6rem;
|
|
font-weight:400;
|
|
line-height:2.4rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
position:relative;
|
|
z-index:20;
|
|
width:100%;
|
|
min-height:3.6rem;
|
|
margin:0;
|
|
padding:0.5rem 2.8rem 0.5rem 1.2rem;
|
|
background:transparent;
|
|
border:1px solid transparent;
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
line-height:2rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Select__Input{
|
|
font-size:1.4rem; } }
|
|
.Polaris-Select__Input:focus{
|
|
outline:none; }
|
|
.Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop{
|
|
background:#5c6ac4;
|
|
box-shadow:0 0 0 1px #5c6ac4, 0 0 0 0 transparent; }
|
|
.Polaris-Select__Input:focus ~ .Polaris-Select__Backdrop::after{
|
|
background:white; }
|
|
.Polaris-Select__Input:disabled{
|
|
color:#919eab; }
|
|
.Polaris-Select__Input:-moz-focusring{
|
|
color:transparent;
|
|
text-shadow:0 0 0 #212b36; }
|
|
|
|
|
|
.Polaris-ResourceList-CheckableButton{
|
|
font-size:1.5rem;
|
|
font-weight:400;
|
|
line-height:1.6rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
display:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
min-height:3.6rem;
|
|
min-width:3.6rem;
|
|
margin:0;
|
|
padding:0.7rem 1.6rem;
|
|
line-height:1;
|
|
cursor:pointer;
|
|
-webkit-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select:none;
|
|
user-select:none;
|
|
text-decoration:none;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%;
|
|
text-align:left;
|
|
background:white;
|
|
border:1px solid #c4cdd5;
|
|
border-radius:3px 0 0 3px;
|
|
border-right-color:transparent; }
|
|
@media (min-width: 40em){
|
|
.Polaris-ResourceList-CheckableButton{
|
|
font-size:1.4rem; } }
|
|
.Polaris-ResourceList-CheckableButton.Polaris-ResourceList-CheckableButton__CheckableButton--measuring{
|
|
font-size:1.5rem;
|
|
font-weight:bold; }
|
|
.Polaris-ResourceList-CheckableButton.Polaris-ResourceList-CheckableButton__CheckableButton--measuring::before{
|
|
content:'';
|
|
display:inline-block;
|
|
width:1.5rem; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-CheckableButton{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 1 auto;
|
|
flex:0 1 auto; }
|
|
.Polaris-ResourceList-CheckableButton:only-child{
|
|
border-radius:3px;
|
|
border:1px solid #c4cdd5; } }
|
|
.Polaris-ResourceList-CheckableButton:hover, .Polaris-ResourceList-CheckableButton:active{
|
|
border-right-color:transparent; }
|
|
.Polaris-ResourceList-CheckableButton:focus{
|
|
outline:none; }
|
|
.Polaris-ResourceList-CheckableButton.Polaris-ResourceList-CheckableButton__CheckableButton--plain{
|
|
border:1px solid transparent;
|
|
border-radius:3px; }
|
|
.Polaris-ResourceList-CheckableButton.Polaris-ResourceList-CheckableButton__CheckableButton--selectMode{
|
|
color:#637381;
|
|
font-weight:600; }
|
|
.Polaris-ResourceList-CheckableButton.Polaris-ResourceList-CheckableButton__CheckableButton--selected{
|
|
color:#5c6ac4; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-CheckableButton.Polaris-ResourceList-CheckableButton__CheckableButton--selected{
|
|
border-color:#c4cdd5; } }
|
|
|
|
.Polaris-ResourceList-CheckableButton__Checkbox{
|
|
pointer-events:none;
|
|
height:1.6rem;
|
|
width:1.6rem;
|
|
margin-left:-0.9rem; }
|
|
|
|
.Polaris-ResourceList-CheckableButton__Label{
|
|
margin-left:2rem;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
padding:0.1rem 0; }
|
|
|
|
|
|
.Polaris-ResourceList-Item__CheckboxWrapper{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
|
|
.Polaris-ResourceList-Item{
|
|
position:relative;
|
|
outline:none;
|
|
cursor:pointer; }
|
|
.Polaris-ResourceList-Item:hover{
|
|
background-image:linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }
|
|
.Polaris-ResourceList-Item:hover:not(.Polaris-ResourceList-Item--persistActions) .Polaris-ResourceList-Item__Actions{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
.Polaris-ResourceList-Item:active{
|
|
background-image:linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)); }
|
|
|
|
.Polaris-ResourceList-Item--selected{
|
|
background-image:linear-gradient(rgba(179, 188, 245, 0.15), rgba(179, 188, 245, 0.15)); }
|
|
.Polaris-ResourceList-Item--selected.Polaris-ResourceList-Item--focused{
|
|
box-shadow:inset 0.2rem 0 0 #5c6ac4;
|
|
background-image:linear-gradient(rgba(179, 188, 245, 0.15), rgba(179, 188, 245, 0.15)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }
|
|
.Polaris-ResourceList-Item--selected.Polaris-ResourceList-Item--focused:hover{
|
|
box-shadow:inset 0.2rem 0 0 #5c6ac4;
|
|
background-image:linear-gradient(rgba(179, 188, 245, 0.15), rgba(179, 188, 245, 0.15)), 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-ResourceList-Item--selected:hover{
|
|
background-image:linear-gradient(rgba(179, 188, 245, 0.15), rgba(179, 188, 245, 0.15)), linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }
|
|
.Polaris-ResourceList-Item--selected:active{
|
|
background-image:linear-gradient(rgba(179, 188, 245, 0.15), rgba(179, 188, 245, 0.15)), linear-gradient(rgba(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)); }
|
|
|
|
.Polaris-ResourceList-Item--focused{
|
|
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-ResourceList-Item--focused:hover{
|
|
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-ResourceList-Item--focused:active{
|
|
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(179, 188, 245, 0.1), rgba(179, 188, 245, 0.1)); }
|
|
|
|
.Polaris-ResourceList-Item--focusedInner,
|
|
.Polaris-ResourceList-Item--focusedInner.Polaris-ResourceList-Item--focused,
|
|
.Polaris-ResourceList-Item--focusedInner.Polaris-ResourceList-Item--focused.Polaris-ResourceList-Item--selected{
|
|
box-shadow:none; }
|
|
|
|
.Polaris-ResourceList-Item__Link,
|
|
.Polaris-ResourceList-Item__Button{
|
|
position:absolute;
|
|
z-index:1;
|
|
top:0;
|
|
left:0;
|
|
height:100%;
|
|
width:100%;
|
|
opacity:0; }
|
|
|
|
.Polaris-ResourceList-Item__Button{
|
|
padding:0;
|
|
border:none; }
|
|
|
|
.Polaris-ResourceList-Item__Container{
|
|
position:relative;
|
|
z-index:2;
|
|
padding:1.2rem 1.6rem;
|
|
min-height:4.4rem;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:start;
|
|
-ms-flex-align:start;
|
|
align-items:flex-start; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-Item__Container{
|
|
padding:1.2rem 2rem; } }
|
|
|
|
.Polaris-ResourceList-Item__Owned{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-item-align:start;
|
|
align-self:flex-start; }
|
|
|
|
.Polaris-ResourceList-Item__Handle{
|
|
width:4.8rem;
|
|
min-height:4.4rem;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
margin:-1.2rem 0.4rem -1.2rem -1.2rem;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
|
|
.Polaris-ResourceList-Item--selectable{
|
|
width:calc(100% + 4rem);
|
|
-webkit-transform:translateX(-4rem);
|
|
transform:translateX(-4rem);
|
|
transition:-webkit-transform cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms, -webkit-transform cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
margin-right:-4rem; }
|
|
.Polaris-ResourceList-Item--selectable.Polaris-ResourceList-Item--selectMode{
|
|
-webkit-transform:translateX(0);
|
|
transform:translateX(0); }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-Item--selectable{
|
|
width:100%;
|
|
-webkit-transform:translateX(0);
|
|
transform:translateX(0);
|
|
margin-right:0; } }
|
|
|
|
.Polaris-ResourceList-Item__Media{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
margin-right:2rem;
|
|
color:inherit;
|
|
text-decoration:none; }
|
|
|
|
.Polaris-ResourceList-Item__Content{
|
|
min-width:0;
|
|
max-width:100%;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto;
|
|
-ms-flex-item-align:center;
|
|
-ms-grid-row-align:center;
|
|
align-self:center; }
|
|
|
|
.Polaris-ResourceList-Item__Actions{
|
|
position:absolute;
|
|
top:0;
|
|
right:1.2rem;
|
|
display:none;
|
|
pointer-events:initial;
|
|
height:100%;
|
|
max-height:5.6rem; }
|
|
.Polaris-ResourceList-Item--focused .Polaris-ResourceList-Item__Actions{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
|
|
.Polaris-ResourceList-Item--persistActions .Polaris-ResourceList-Item__Actions{
|
|
position:relative;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
-ms-flex-preferred-size:auto;
|
|
flex-basis:auto;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
margin-top:0;
|
|
margin-left:1.6rem;
|
|
pointer-events:initial; }
|
|
@media (max-width: 46.5em){
|
|
.Polaris-ResourceList-Item--persistActions .Polaris-ResourceList-Item__Actions{
|
|
display:none; } }
|
|
|
|
.Polaris-ResourceList-Item__Disclosure{
|
|
position:relative;
|
|
top:-1.2rem;
|
|
right:-1.6rem;
|
|
display:none;
|
|
width:4.8rem;
|
|
min-height:4.4rem;
|
|
pointer-events:initial; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-Item__Disclosure{
|
|
right:-2rem; } }
|
|
@media (max-width: 46.5em){
|
|
.Polaris-ResourceList-Item__Disclosure{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; } }
|
|
|
|
|
|
.Polaris-ResourceList-FilterControl__AppliedFilters{
|
|
list-style-type:none;
|
|
padding:0;
|
|
margin:0;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:nowrap;
|
|
flex-wrap:nowrap;
|
|
margin-top:-1.2rem;
|
|
margin-left:-1.2rem;
|
|
margin-right:-1.2rem;
|
|
overflow-x:auto;
|
|
overflow-y:hidden;
|
|
-webkit-overflow-scrolling:touch;
|
|
padding-bottom:0.8rem; }
|
|
.Polaris-ResourceList-FilterControl__AppliedFilters::after{
|
|
content:"";
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 1.2rem;
|
|
flex:0 0 1.2rem; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-FilterControl__AppliedFilters{
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
margin-right:0;
|
|
margin-left:-0.8rem;
|
|
margin-top:-1.6rem; }
|
|
.Polaris-ResourceList-FilterControl__AppliedFilters::after{
|
|
content:none;
|
|
-webkit-box-flex:0;
|
|
-ms-flex:none;
|
|
flex:none; } }
|
|
|
|
.Polaris-ResourceList-FilterControl__AppliedFilter{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 0 auto;
|
|
flex:1 0 auto;
|
|
margin-top:0.8rem;
|
|
margin-left:1.2rem;
|
|
max-width:calc(100% - 0.8rem); }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-FilterControl__AppliedFilter{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 1 auto;
|
|
flex:0 1 auto;
|
|
margin-left:0.8rem; } }
|
|
|
|
|
|
.Polaris-ResourceList-BulkActions__Button{
|
|
font-size:1.5rem;
|
|
font-weight:400;
|
|
line-height:1.6rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
fill:#637381;
|
|
position:relative;
|
|
display:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
min-height:3.6rem;
|
|
min-width:3.6rem;
|
|
margin:0;
|
|
padding:0.7rem 1.6rem;
|
|
background:linear-gradient(to bottom, white, #f9fafb);
|
|
border:1px solid #c4cdd5;
|
|
box-shadow:0 1px 0 0 rgba(22, 29, 37, 0.05);
|
|
border-radius:3px;
|
|
line-height:1;
|
|
color:#212b36;
|
|
text-align:center;
|
|
cursor:pointer;
|
|
-webkit-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select:none;
|
|
user-select:none;
|
|
text-decoration:none;
|
|
transition-property:background, border, box-shadow;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); }
|
|
@media (min-width: 40em){
|
|
.Polaris-ResourceList-BulkActions__Button{
|
|
font-size:1.4rem; } }
|
|
.Polaris-ResourceList-BulkActions__Button:hover{
|
|
background:linear-gradient(to bottom, #f9fafb, #f4f6f8);
|
|
border-color:#c4cdd5; }
|
|
.Polaris-ResourceList-BulkActions__Button:focus{
|
|
border-color:#5c6ac4;
|
|
outline:0;
|
|
box-shadow:0 0 0 1px #5c6ac4; }
|
|
.Polaris-ResourceList-BulkActions__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-ResourceList-BulkActions__Button:not(:first-child){
|
|
margin-left:-1px; }
|
|
.Polaris-ResourceList-BulkActions__Group--measuring .Polaris-ResourceList-BulkActions__Button{
|
|
font-size:1.5rem; }
|
|
|
|
.Polaris-ResourceList-BulkActions__Group{
|
|
font-size:1.6rem;
|
|
font-weight:400;
|
|
line-height:2.4rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
width:100%;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:opacity, display;
|
|
transition:opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
display:none;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
opacity:0; }
|
|
@media (min-width: 40em){
|
|
.Polaris-ResourceList-BulkActions__Group{
|
|
font-size:1.4rem; } }
|
|
.Polaris-ResourceList-BulkActions__Group.Polaris-ResourceList-BulkActions__Group--measuring{
|
|
transition:none;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
opacity:0; }
|
|
|
|
.Polaris-ResourceList-BulkActions__Group--entering,
|
|
.Polaris-ResourceList-BulkActions__Group--exiting{
|
|
opacity:0;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
|
|
.Polaris-ResourceList-BulkActions__Group--entered{
|
|
opacity:1;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
|
|
.Polaris-ResourceList-BulkActions__Group--exited{
|
|
opacity:0;
|
|
display:none; }
|
|
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-BulkActions__Group--smallScreen{
|
|
display:none; } }
|
|
|
|
.Polaris-ResourceList-BulkActions__Group--largeScreen{
|
|
display:none; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-BulkActions__Group--largeScreen{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
.Polaris-ResourceList-BulkActions__Group--largeScreen.Polaris-ResourceList-BulkActions__Group--exiting{
|
|
transition:none; }
|
|
.Polaris-ResourceList-BulkActions__Group--largeScreen.Polaris-ResourceList-BulkActions__Group--exited{
|
|
opacity:0;
|
|
display:none; } }
|
|
|
|
.Polaris-ResourceList-BulkActions__ButtonGroup{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
width:100%;
|
|
-ms-flex-wrap:nowrap;
|
|
flex-wrap:nowrap;
|
|
-webkit-box-pack:end;
|
|
-ms-flex-pack:end;
|
|
justify-content:flex-end;
|
|
box-shadow:inset 0 0 0 1px #c4cdd5;
|
|
border-radius:3px; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList-BulkActions__ButtonGroup{
|
|
width:auto;
|
|
-webkit-box-pack:start;
|
|
-ms-flex-pack:start;
|
|
justify-content:flex-start;
|
|
margin-right:0.8rem; } }
|
|
.Polaris-ResourceList-BulkActions__Group--measuring .Polaris-ResourceList-BulkActions__ButtonGroup{
|
|
position:absolute;
|
|
width:auto; }
|
|
.Polaris-ResourceList-BulkActions__ButtonGroup .Polaris-ResourceList-BulkActions__Button{
|
|
border-radius:0;
|
|
white-space:nowrap; }
|
|
.Polaris-ResourceList-BulkActions__ButtonGroup .Polaris-ResourceList-BulkActions__Button:focus{
|
|
z-index:20; }
|
|
.Polaris-ResourceList-BulkActions__ButtonGroup .Polaris-ResourceList-BulkActions__Button:last-child:not(:first-child){
|
|
border-radius:0 3px 3px 0; }
|
|
.Polaris-ResourceList-BulkActions__ButtonGroup .Polaris-ResourceList-BulkActions__Button--cancel{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
border-radius:0 3px 3px 0;
|
|
z-index:0;
|
|
margin-left:-1px; }
|
|
.Polaris-ResourceList-BulkActions__ButtonGroup .Polaris-ResourceList-BulkActions__Button--cancel:focus{
|
|
z-index:1; }
|
|
|
|
.Polaris-ResourceList-BulkActions__Popover{
|
|
max-height:3.6rem;
|
|
margin-left:-1px; }
|
|
.Polaris-ResourceList-BulkActions__Popover:last-child *{
|
|
border-radius:0 3px 3px 0; }
|
|
|
|
.Polaris-ResourceList-BulkActions__ActionContent{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center; }
|
|
|
|
.Polaris-ResourceList-BulkActions__ActionIcon{
|
|
fill:#637381;
|
|
display:inline-block; }
|
|
.Polaris-ResourceList-BulkActions__ActionIcon:first-child{
|
|
margin-right:0.4rem; }
|
|
.Polaris-ResourceList-BulkActions__ActionIcon:last-child{
|
|
margin-right:-0.8rem; }
|
|
.Polaris-ResourceList-BulkActions__ActionIcon.Polaris-ResourceList-BulkActions--disabled{
|
|
fill:#919eab; }
|
|
|
|
.Polaris-ResourceList-BulkActions__PaginatedSelectAll{
|
|
padding:0.4rem 0; }
|
|
|
|
.Polaris-ResourceList-BulkActions__Slide{
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:transform;
|
|
-webkit-transform:translateY(0);
|
|
transform:translateY(0);
|
|
transition:-webkit-transform cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
transition:transform cubic-bezier(0.64, 0, 0.35, 1) 200ms, -webkit-transform cubic-bezier(0.64, 0, 0.35, 1) 200ms; }
|
|
|
|
.Polaris-ResourceList-BulkActions__Slide--appear,
|
|
.Polaris-ResourceList-BulkActions__Slide--enter,
|
|
.Polaris-ResourceList-BulkActions__Slide--exit{
|
|
-webkit-transform:translateX(-4rem);
|
|
transform:translateX(-4rem); }
|
|
|
|
.Polaris-ResourceList-BulkActions__Slide--appearing,
|
|
.Polaris-ResourceList-BulkActions__Slide--entering{
|
|
-webkit-transform:translateY(0);
|
|
transform:translateY(0); }
|
|
|
|
|
|
.Polaris-ResourceList__FiltersWrapper{
|
|
padding:1.2rem 1.2rem 0; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList__FiltersWrapper{
|
|
padding:1.6rem 1.6rem 0; } }
|
|
.Polaris-ResourceList__FiltersWrapper + .Polaris-ResourceList{
|
|
border-top:1px solid #dfe3e8; }
|
|
|
|
.Polaris-ResourceList__HeaderOuterWrapper{
|
|
position:relative;
|
|
background-color:white;
|
|
z-index:1; }
|
|
.Polaris-ResourceList__HeaderOuterWrapper + .Polaris-ResourceList{
|
|
border-top:1px solid #dfe3e8; }
|
|
|
|
.Polaris-ResourceList__HeaderWrapper{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
width:100%;
|
|
min-height:5.6rem;
|
|
-webkit-box-align:start;
|
|
-ms-flex-align:start;
|
|
align-items:flex-start;
|
|
padding:1rem 1.2rem;
|
|
position:relative;
|
|
background-color:white; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList__HeaderWrapper{
|
|
-webkit-box-orient:horizontal;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:row;
|
|
flex-direction:row;
|
|
padding:1rem 1.6rem; } }
|
|
|
|
.Polaris-ResourceList__HeaderWrapper--isSticky{
|
|
box-shadow:0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }
|
|
|
|
.Polaris-ResourceList__HeaderContentWrapper{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
min-height:3.6rem;
|
|
position:absolute;
|
|
left:1.2rem;
|
|
right:1.2rem;
|
|
opacity:1;
|
|
transition:opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms;
|
|
z-index:1; }
|
|
.Polaris-ResourceList__HeaderWrapper--inSelectMode .Polaris-ResourceList__HeaderContentWrapper{
|
|
opacity:0; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList__HeaderContentWrapper{
|
|
right:1.6rem;
|
|
left:1.6rem;
|
|
-ms-flex-item-align:start;
|
|
align-self:flex-start; } }
|
|
|
|
.Polaris-ResourceList__SortWrapper{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%;
|
|
position:relative; }
|
|
.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__SortWrapper{
|
|
padding-right:0.8rem; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList__SortWrapper{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 1 auto;
|
|
flex:0 1 auto;
|
|
position:relative;
|
|
left:auto;
|
|
margin-left:1.6rem; }
|
|
.Polaris-ResourceList__HeaderWrapper--hasSort.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__SortWrapper{
|
|
padding-right:0; } }
|
|
|
|
.Polaris-ResourceList__SortLabel{
|
|
margin-right:0.8rem;
|
|
display:none; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList__SortLabel{
|
|
display:block; } }
|
|
|
|
.Polaris-ResourceList__ItemCountTextWrapper{
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%;
|
|
padding-left:0.4rem;
|
|
-ms-flex-item-align:center;
|
|
-ms-grid-row-align:center;
|
|
align-self:center; }
|
|
.Polaris-ResourceList__HeaderWrapper--hasSort .Polaris-ResourceList__ItemCountTextWrapper{
|
|
display:none; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__ItemCountTextWrapper,
|
|
.Polaris-ResourceList__HeaderWrapper--hasSort.Polaris-ResourceList__HeaderWrapper--hasSelect .Polaris-ResourceList__ItemCountTextWrapper{
|
|
display:none; }
|
|
.Polaris-ResourceList__HeaderWrapper--hasSort .Polaris-ResourceList__ItemCountTextWrapper{
|
|
display:block; } }
|
|
|
|
.Polaris-ResourceList__BulkActionsWrapper{
|
|
position:relative;
|
|
z-index:2;
|
|
width:100%; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList__BulkActionsWrapper{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 1 auto;
|
|
flex:0 1 auto;
|
|
-ms-flex-item-align:start;
|
|
align-self:flex-start; } }
|
|
|
|
.Polaris-ResourceList__CheckableButtonWrapper{
|
|
display:none; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList__CheckableButtonWrapper{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%;
|
|
display:block; } }
|
|
|
|
.Polaris-ResourceList__SelectButtonWrapper{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:none;
|
|
flex:none;
|
|
position:relative; }
|
|
@media (min-width: 28.625em){
|
|
.Polaris-ResourceList__SelectButtonWrapper{
|
|
display:none; } }
|
|
|
|
.Polaris-ResourceList__EmptySearchResultWrapper{
|
|
padding-top:60px;
|
|
padding-bottom:60px; }
|
|
@media screen and (max-height: 600px){
|
|
.Polaris-ResourceList__EmptySearchResultWrapper{
|
|
padding-top:32px;
|
|
padding-bottom:32px; } }
|
|
|
|
.Polaris-ResourceList__ResourceListWrapper{
|
|
min-width:32rem;
|
|
position:relative; }
|
|
|
|
.Polaris-ResourceList{
|
|
margin:0;
|
|
padding:0;
|
|
list-style:none; }
|
|
|
|
.Polaris-ResourceList__ItemWrapper{
|
|
max-width:100%;
|
|
overflow:hidden; }
|
|
.Polaris-ResourceList__ItemWrapper + .Polaris-ResourceList__ItemWrapper{
|
|
border-top:1px solid #dfe3e8; }
|
|
|
|
|
|
.Polaris-Tabs{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
margin:0;
|
|
padding:0;
|
|
border-bottom:1px solid #dfe3e8;
|
|
list-style:none; }
|
|
|
|
.Polaris-Tabs--fitted .Polaris-Tabs__TabContainer{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto; }
|
|
|
|
.Polaris-Tabs--fitted .Polaris-Tabs__Tab{
|
|
padding:0; }
|
|
|
|
.Polaris-Tabs--fitted .Polaris-Tabs__Title{
|
|
width:100%;
|
|
padding:0.8rem 1.6rem; }
|
|
|
|
.Polaris-Tabs--fillSpace .Polaris-Tabs__TabContainer{
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto; }
|
|
|
|
.Polaris-Tabs__TabContainer{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
margin:0;
|
|
padding:0; }
|
|
|
|
.Polaris-Tabs__Tab{
|
|
color:inherit;
|
|
text-decoration:none;
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
margin:0;
|
|
padding:0;
|
|
background:none;
|
|
border:none;
|
|
font-size:inherit;
|
|
line-height:inherit;
|
|
cursor:pointer;
|
|
font-size:1.5rem;
|
|
font-weight:400;
|
|
line-height:2rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
color:#637381;
|
|
position:relative;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
width:100%;
|
|
min-width:100%;
|
|
margin-top:1px;
|
|
margin-bottom:-1px;
|
|
padding:0 1.6rem;
|
|
outline:none;
|
|
text-align:center;
|
|
white-space:nowrap;
|
|
text-decoration:none;
|
|
cursor:pointer; }
|
|
.Polaris-Tabs__Tab:visited{
|
|
color:inherit; }
|
|
.Polaris-Tabs__Tab:focus{
|
|
outline:none; }
|
|
@media (min-width: 40em){
|
|
.Polaris-Tabs__Tab{
|
|
font-size:1.4rem; } }
|
|
.Polaris-Tabs__Tab:hover .Polaris-Tabs__Title{
|
|
font-weight:400;
|
|
color:#212b36;
|
|
text-decoration:none;
|
|
border-bottom:0.3rem solid #dfe3e8; }
|
|
.Polaris-Tabs__Tab:focus{
|
|
box-shadow:inset 0 0 2px 0 rgba(92, 106, 196, 0.8), 0 0 2px 0 rgba(92, 106, 196, 0.8); }
|
|
.Polaris-Tabs__Tab:focus .Polaris-Tabs__Title{
|
|
font-weight:400;
|
|
color:#212b36;
|
|
border-bottom:0.3rem solid #b3bcf5; }
|
|
.Polaris-Tabs__Tab:visited{
|
|
color:#637381; }
|
|
.Polaris-Tabs__Tab.Polaris-Tabs__Tab--selected .Polaris-Tabs__Title{
|
|
border-bottom:0.3rem solid #5c6ac4; }
|
|
|
|
.Polaris-Tabs__Tab--selected{
|
|
font-weight:400;
|
|
color:#212b36; }
|
|
|
|
.Polaris-Tabs__Title{
|
|
display:block;
|
|
padding:1.6rem 0 1.3rem 0;
|
|
border-bottom:0.3rem solid transparent; }
|
|
|
|
.Polaris-Tabs__Panel{
|
|
display:block; }
|
|
.Polaris-Tabs__Panel:focus{
|
|
outline:none; }
|
|
|
|
.Polaris-Tabs__List{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0.8rem 0; }
|
|
|
|
.Polaris-Tabs__Item{
|
|
color:inherit;
|
|
text-decoration:none;
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
margin:0;
|
|
padding:0;
|
|
background:none;
|
|
border:none;
|
|
font-size:inherit;
|
|
line-height:inherit;
|
|
cursor:pointer;
|
|
display:block;
|
|
width:100%;
|
|
min-height:1.6rem;
|
|
padding:0.8rem 1.6rem;
|
|
cursor:pointer; }
|
|
.Polaris-Tabs__Item:visited{
|
|
color:inherit; }
|
|
.Polaris-Tabs__Item:focus{
|
|
outline:none; }
|
|
.Polaris-Tabs__Item:hover, .Polaris-Tabs__Item:focus, .Polaris-Tabs__Item:active{
|
|
background:#5c6ac4;
|
|
outline:none;
|
|
color:white; }
|
|
|
|
.Polaris-Tabs__DisclosureTab{
|
|
display:none; }
|
|
|
|
.Polaris-Tabs__DisclosureTab--visible{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex; }
|
|
|
|
.Polaris-Tabs__DisclosureActivator{
|
|
fill:#637381;
|
|
position:relative;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
height:100%;
|
|
padding:0 1.6rem;
|
|
background-color:transparent;
|
|
cursor:pointer;
|
|
border:none;
|
|
outline:none;
|
|
text-align:center; }
|
|
|
|
.Polaris-Tabs__TabMeasurer{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
visibility:hidden;
|
|
height:0; }
|
|
|
|
|
|
.Polaris-Tag{
|
|
display:-webkit-inline-box;
|
|
display:-ms-inline-flexbox;
|
|
display:inline-flex;
|
|
overflow:hidden;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
min-height:2.8rem;
|
|
padding-left:0.8rem;
|
|
background-color:#dfe3e8;
|
|
border-radius:3px;
|
|
color:#212b36; }
|
|
.Polaris-Tag.Polaris-Tag--disabled{
|
|
fill:#919eab;
|
|
transition:none;
|
|
background:linear-gradient(to bottom, #f4f6f8, #f4f6f8);
|
|
color:#919eab; }
|
|
|
|
.Polaris-Tag__Button{
|
|
fill:#637381;
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
margin:0;
|
|
padding:0;
|
|
background:none;
|
|
border:none;
|
|
font-size:inherit;
|
|
line-height:inherit;
|
|
cursor:pointer;
|
|
display:block;
|
|
height:2.8rem;
|
|
width:2.8rem;
|
|
margin-left:0.4rem;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:background, fill;
|
|
transition-property:background, fill;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); }
|
|
.Polaris-Tag__Button:focus{
|
|
outline:none; }
|
|
.Polaris-Tag__Button:hover, .Polaris-Tag__Button:focus, .Polaris-Tag__Button:active{
|
|
fill:#212b36;
|
|
background:#c4cdd5; }
|
|
.Polaris-Tag__Button:disabled{
|
|
fill:#919eab;
|
|
cursor:default;
|
|
pointer-events:none; }
|
|
.Polaris-Tag__Button:active{
|
|
background:rgba(145, 158, 171, 0.6); }
|
|
|
|
|
|
.Polaris-TextField{
|
|
font-size:1.6rem;
|
|
font-weight:400;
|
|
line-height:2.4rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
position:relative;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
padding:0 1.2rem;
|
|
color:#919eab;
|
|
cursor:text; }
|
|
@media (min-width: 40em){
|
|
.Polaris-TextField{
|
|
font-size:1.4rem; } }
|
|
|
|
.Polaris-TextField--multiline{
|
|
padding:0; }
|
|
.Polaris-TextField--multiline > .Polaris-TextField__Input{
|
|
overflow:auto;
|
|
padding-left:1.2rem;
|
|
padding-right:1.2rem;
|
|
resize:none; }
|
|
|
|
.Polaris-TextField--hasValue{
|
|
color:#212b36; }
|
|
|
|
.Polaris-TextField--focus > .Polaris-TextField__Input,
|
|
.Polaris-TextField__Input:focus{
|
|
outline:none;
|
|
border:1px solid transparent; }
|
|
.Polaris-TextField--focus > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop,
|
|
.Polaris-TextField__Input:focus ~ .Polaris-TextField__Backdrop{
|
|
border-color:#5c6ac4;
|
|
box-shadow:inset 0 0 0 0 transparent, 0 0 0 1px #5c6ac4; }
|
|
|
|
.Polaris-TextField--error .Polaris-TextField__Input::-webkit-input-placeholder{
|
|
color:#9c9798; }
|
|
|
|
.Polaris-TextField--error .Polaris-TextField__Input:-ms-input-placeholder{
|
|
color:#9c9798; }
|
|
|
|
.Polaris-TextField--error .Polaris-TextField__Input::placeholder{
|
|
color:#9c9798; }
|
|
|
|
.Polaris-TextField--error > .Polaris-TextField__Input ~ .Polaris-TextField__Backdrop{
|
|
background-color:#fbeae5;
|
|
border-color:#de3618;
|
|
box-shadow:none; }
|
|
|
|
.Polaris-TextField--error > .Polaris-TextField__Input:focus ~ .Polaris-TextField__Backdrop{
|
|
border-color:#5c6ac4;
|
|
box-shadow:inset 0 0 0 0 transparent, 0 0 0 1px #5c6ac4; }
|
|
|
|
.Polaris-TextField--readOnly > .Polaris-TextField__Backdrop{
|
|
background-color:#f9fafb; }
|
|
|
|
.Polaris-TextField--disabled{
|
|
color:#919eab;
|
|
cursor:initial; }
|
|
.Polaris-TextField--disabled > .Polaris-TextField__Backdrop{
|
|
background-color:#f9fafb;
|
|
box-shadow:none; }
|
|
|
|
.Polaris-TextField__Input{
|
|
font-size:1.6rem;
|
|
font-weight:400;
|
|
line-height:2.4rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
position:relative;
|
|
z-index:20;
|
|
display:block;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%;
|
|
width:100%;
|
|
min-width:0;
|
|
min-height:3.6rem;
|
|
margin:0;
|
|
padding:0.5rem 0;
|
|
background:none;
|
|
color:#000;
|
|
border:1px solid transparent;
|
|
font-family:inherit;
|
|
font-size:inherit;
|
|
font-weight:inherit;
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none; }
|
|
@media (min-width: 40em){
|
|
.Polaris-TextField__Input{
|
|
font-size:1.4rem; } }
|
|
.Polaris-TextField__Input:disabled{
|
|
background:none;
|
|
border:1px solid transparent;
|
|
color:currentColor;
|
|
opacity:1;
|
|
-webkit-text-fill-color:currentColor; }
|
|
.Polaris-TextField__Input:invalid{
|
|
box-shadow:none; }
|
|
.Polaris-TextField__Input::-webkit-input-placeholder{
|
|
color:#919eab; }
|
|
.Polaris-TextField__Input:-ms-input-placeholder{
|
|
color:#919eab; }
|
|
.Polaris-TextField__Input::placeholder{
|
|
color:#919eab; }
|
|
.Polaris-TextField__Input[type='number']{
|
|
-webkit-appearance:textfield;
|
|
-moz-appearance:textfield;
|
|
appearance:textfield; }
|
|
.Polaris-TextField__Input[type='number']::-webkit-outer-spin-button, .Polaris-TextField__Input[type='number']::-webkit-inner-spin-button{
|
|
-webkit-appearance:none;
|
|
appearance:none;
|
|
margin:0; }
|
|
|
|
.Polaris-TextField__Backdrop{
|
|
position:absolute;
|
|
z-index:10;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
background:white;
|
|
border:1px solid #c4cdd5;
|
|
box-shadow:inset 0 1px 0 0 rgba(99, 115, 129, 0.05);
|
|
border-radius:3px;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:box-shadow, border-color;
|
|
transition-property:box-shadow, border-color;
|
|
transition-duration:200ms;
|
|
transition-timing-function:cubic-bezier(0.64, 0, 0.35, 1); }
|
|
|
|
.Polaris-TextField__Prefix{
|
|
position:relative;
|
|
z-index:20;
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
margin-right:0.25em;
|
|
color:currentColor;
|
|
pointer-events:none; }
|
|
|
|
.Polaris-TextField__Suffix{
|
|
position:relative;
|
|
z-index:20;
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
margin-left:0.25em;
|
|
color:currentColor;
|
|
pointer-events:none; }
|
|
|
|
.Polaris-TextField__Spinner{
|
|
z-index:20;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-item-align:stretch;
|
|
align-self:stretch;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
width:2.2rem;
|
|
margin:1px calc(-1.2rem + 1px) 1px 1.2rem;
|
|
color:#212b36;
|
|
cursor:pointer; }
|
|
|
|
.Polaris-TextField__SpinnerIcon{
|
|
height:1.2rem;
|
|
width:1.2rem; }
|
|
|
|
.Polaris-TextField__Resizer{
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
height:0;
|
|
visibility:hidden;
|
|
overflow:hidden; }
|
|
|
|
.Polaris-TextField__DummyInput{
|
|
font-size:1.6rem;
|
|
font-weight:400;
|
|
line-height:2.4rem;
|
|
text-transform:initial;
|
|
letter-spacing:initial;
|
|
padding:0.5rem 1.2rem;
|
|
border:1px solid transparent;
|
|
white-space:pre-wrap;
|
|
word-wrap:break-word; }
|
|
@media (min-width: 40em){
|
|
.Polaris-TextField__DummyInput{
|
|
font-size:1.4rem; } }
|
|
|
|
.Polaris-TextField__Segment{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-flex:1;
|
|
-ms-flex:1 1 0%;
|
|
flex:1 1 0%;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-appearance:none;
|
|
-moz-appearance:none;
|
|
appearance:none;
|
|
background:linear-gradient(to bottom, white, #f9fafb);
|
|
border:none;
|
|
border-left:1px solid #c4cdd5;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:background, box-shadow;
|
|
transition:background 100ms cubic-bezier(0.64, 0, 0.35, 1), box-shadow 100ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
.Polaris-TextField__Segment:focus{
|
|
outline:none; }
|
|
.Polaris-TextField__Segment:active{
|
|
background:linear-gradient(to bottom, #f4f6f8, #f4f6f8);
|
|
box-shadow:inset 0 1px 1px 0 rgba(99, 115, 129, 0.1), inset 0 1px 4px 0 rgba(99, 115, 129, 0.2); }
|
|
.Polaris-TextField__Segment:not(:first-child){
|
|
margin-top:-1px;
|
|
border-top:1px solid #c4cdd5; }
|
|
.Polaris-TextField__Segment:first-child{
|
|
border-top-right-radius:3px; }
|
|
.Polaris-TextField__Segment:last-child{
|
|
border-bottom-right-radius:3px; }
|
|
|
|
|
|
.Polaris-Thumbnail{
|
|
position:relative;
|
|
display:block;
|
|
overflow:hidden;
|
|
background:white;
|
|
min-width:4rem;
|
|
max-width:100%;
|
|
border-radius:3px; }
|
|
.Polaris-Thumbnail::after{
|
|
content:'';
|
|
position:relative;
|
|
z-index:20;
|
|
display:block;
|
|
padding-bottom:100%;
|
|
box-shadow:inset 0 0 0 1px rgba(33, 43, 54, 0.1);
|
|
border-radius:3px; }
|
|
|
|
.Polaris-Thumbnail--sizeSmall{
|
|
width:4rem; }
|
|
|
|
.Polaris-Thumbnail--sizeMedium{
|
|
width:6rem; }
|
|
|
|
.Polaris-Thumbnail--sizeLarge{
|
|
width:8rem; }
|
|
|
|
.Polaris-Thumbnail__Image{
|
|
position:absolute;
|
|
z-index:10;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
margin:auto;
|
|
max-width:100%;
|
|
max-height:100%; }
|
|
|
|
|
|
.Polaris-Tooltip{
|
|
margin:0.5rem 1.6rem 1.6rem;
|
|
opacity:1;
|
|
box-shadow:0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08);
|
|
border-radius:3px;
|
|
pointer-events:none;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:opacity, left, top;
|
|
transition:opacity 200ms cubic-bezier(0.36, 0, 1, 1) 100ms; }
|
|
|
|
.Polaris-Tooltip--measuring{
|
|
opacity:0; }
|
|
|
|
.Polaris-Tooltip--positionedAbove{
|
|
margin:1.6rem 1.6rem 0.5rem; }
|
|
.Polaris-Tooltip--positionedAbove .Polaris-Tooltip__Tip{
|
|
top:inherit;
|
|
bottom:0; }
|
|
|
|
.Polaris-Tooltip--light .Polaris-Tooltip__Wrapper{
|
|
background:white;
|
|
color:#212b36; }
|
|
|
|
.Polaris-Tooltip--light .Polaris-Tooltip__Tip{
|
|
background:white; }
|
|
|
|
.Polaris-Tooltip__Wrapper{
|
|
position:relative;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
background-color:#212b36;
|
|
border-radius:3px;
|
|
color:white;
|
|
max-height:10rem; }
|
|
|
|
.Polaris-Tooltip__Content{
|
|
position:relative;
|
|
margin-top:0.4rem;
|
|
border-radius:3px;
|
|
max-width:20rem;
|
|
max-height:10rem; }
|
|
|
|
.Polaris-Tooltip__Tip{
|
|
position:absolute;
|
|
top:0;
|
|
left:50%;
|
|
-webkit-transform:translateX(-50%) rotate(45deg);
|
|
transform:translateX(-50%) rotate(45deg);
|
|
height:1.4rem;
|
|
width:1.4rem;
|
|
background:#212b36;
|
|
box-shadow:0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08); }
|
|
|
|
.Polaris-Tooltip__Label{
|
|
padding:0 0.8rem 0.4rem; }
|
|
|
|
|
|
.Polaris-SkeletonDisplayText__DisplayText{
|
|
max-width:12rem;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:opacity;
|
|
position:relative; }
|
|
.Polaris-SkeletonDisplayText__DisplayText{
|
|
-webkit-animation:polaris-SkeletonShimmerAnimation 800ms linear infinite alternate;
|
|
animation:polaris-SkeletonShimmerAnimation 800ms linear infinite alternate; }
|
|
.Polaris-SkeletonDisplayText__DisplayText::after{
|
|
content:'';
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
display:block;
|
|
background-color:#dfe3e8;
|
|
border-radius:3px; }
|
|
|
|
.Polaris-SkeletonDisplayText--sizeSmall{
|
|
height:2.4rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-SkeletonDisplayText--sizeSmall{
|
|
height:2.8rem; } }
|
|
|
|
.Polaris-SkeletonDisplayText--sizeMedium{
|
|
height:2.8rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-SkeletonDisplayText--sizeMedium{
|
|
height:3.2rem; } }
|
|
|
|
.Polaris-SkeletonDisplayText--sizeLarge{
|
|
height:2.8rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-SkeletonDisplayText--sizeLarge{
|
|
height:3.2rem; } }
|
|
|
|
.Polaris-SkeletonDisplayText--sizeExtraLarge{
|
|
height:3.6rem; }
|
|
@media (min-width: 40em){
|
|
.Polaris-SkeletonDisplayText--sizeExtraLarge{
|
|
height:4.4rem; } }
|
|
|
|
|
|
.Polaris-SkeletonBodyText__SkeletonBodyTextContainer{
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:opacity; }
|
|
.Polaris-SkeletonBodyText__SkeletonBodyTextContainer{
|
|
-webkit-animation:polaris-SkeletonShimmerAnimation 800ms linear infinite alternate;
|
|
animation:polaris-SkeletonShimmerAnimation 800ms linear infinite alternate; }
|
|
|
|
.Polaris-SkeletonBodyText{
|
|
height:0.8rem;
|
|
position:relative; }
|
|
.Polaris-SkeletonBodyText::after{
|
|
content:'';
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
display:block;
|
|
background-color:#dfe3e8;
|
|
border-radius:3px; }
|
|
.Polaris-SkeletonBodyText:last-child:not(:first-child){
|
|
width:80%; }
|
|
.Polaris-SkeletonBodyText + .Polaris-SkeletonBodyText{
|
|
margin-top:1.2rem; }
|
|
|
|
|
|
.Polaris-SkeletonPage__Page{
|
|
margin:0 auto;
|
|
padding:0;
|
|
max-width:99.8rem; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-SkeletonPage__Page{
|
|
padding:0 2rem; } }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-SkeletonPage__Page{
|
|
padding:0 3.2rem; } }
|
|
|
|
.Polaris-SkeletonPage--fullWidth{
|
|
max-width:none; }
|
|
|
|
.Polaris-SkeletonPage__Content{
|
|
margin:2rem 0; }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-SkeletonPage__Content{
|
|
margin-top:2rem; } }
|
|
|
|
.Polaris-SkeletonPage__Header{
|
|
padding:2rem 2rem 0; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-SkeletonPage__Header{
|
|
padding-left:0;
|
|
padding-right:0; } }
|
|
@media (min-width: 46.5em){
|
|
.Polaris-SkeletonPage__Header{
|
|
padding-top:3.2rem; } }
|
|
|
|
.Polaris-SkeletonPage__Header--hasSecondaryActions{
|
|
padding-top:2.4rem; }
|
|
|
|
.Polaris-SkeletonPage__Actions{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-orient:horizontal;
|
|
-webkit-box-direction:reverse;
|
|
-ms-flex-direction:row-reverse;
|
|
flex-direction:row-reverse;
|
|
-webkit-box-pack:end;
|
|
-ms-flex-pack:end;
|
|
justify-content:flex-end;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
margin-top:1.6rem; }
|
|
@media (min-width: 30.625em){
|
|
.Polaris-SkeletonPage__Actions{
|
|
margin-top:0.8rem; } }
|
|
|
|
.Polaris-SkeletonPage__Action{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
min-height:3.6rem;
|
|
padding-right:2.4rem;
|
|
margin-bottom:-0.4rem; }
|
|
.Polaris-SkeletonPage__Action:first-child{
|
|
padding-right:0; }
|
|
@media (max-width: 46.5em){
|
|
.Polaris-SkeletonPage__Action:not(:last-child){
|
|
display:none; } }
|
|
|
|
|
|
@-webkit-keyframes Polaris-ProgressBar--fillup{
|
|
0%{
|
|
width:0; } }
|
|
|
|
@keyframes Polaris-ProgressBar--fillup{
|
|
0%{
|
|
width:0; } }
|
|
|
|
.Polaris-ProgressBar{
|
|
overflow:hidden;
|
|
width:100%;
|
|
background-color:#dfe3e8;
|
|
border-radius:3px; }
|
|
|
|
.Polaris-ProgressBar--sizeSmall{
|
|
height:0.8rem; }
|
|
|
|
.Polaris-ProgressBar--sizeMedium{
|
|
height:1.6rem; }
|
|
|
|
.Polaris-ProgressBar--sizeLarge{
|
|
height:3.2rem; }
|
|
|
|
.Polaris-ProgressBar__Indicator{
|
|
height:inherit;
|
|
width:0;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
will-change:width;
|
|
background-color:#47c1bf;
|
|
-webkit-animation:Polaris-ProgressBar--fillup 500ms cubic-bezier(0.64, 0, 0.35, 1);
|
|
animation:Polaris-ProgressBar--fillup 500ms cubic-bezier(0.64, 0, 0.35, 1);
|
|
transition:width 500ms cubic-bezier(0.64, 0, 0.35, 1); }
|
|
|
|
.Polaris-ProgressBar__Progress,
|
|
.Polaris-ProgressBar__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; } |