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