/* .Polaris-Frame__Content, .Polaris-Popover__Wrapper, #PolarisPortalsContainer{
  --p-color-bg-fill-tertiary-hover:#d4d4d4;
  --p-icon-info: #0094d5;
  --p-icon-success: #047b5d;
  --p-icon-caution: #998a00;
  --p-icon-warning: #b28400;
  --p-icon-critical: #e22c38;
  --p-surface-highlight:#d5ebff;
  --p-color-text: #303030;
  --p-surface-selected-hovered:#f1f1f1;
  --p-surface-selected: #ebebeb;
  --p-interactive:rgba(48, 48, 48, 1);
  --p-action-primary:rgba(48, 48, 48, 1);
  --p-action-primary-hovered:gray;
  --p-action-primary-pressed: rgba(48, 48, 48, 1);
  --p-interactive-critical: rgb(142, 11, 33);
  --p-icon-critical:rgb(142, 11, 33);
  --p-shadow-inset-200: 0rem .125rem .0625rem 0rem rgba(26, 26, 26, .2) inset, .0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .12) inset, -.0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .12) inset;
  --p-shadow-button: 0rem -0.0625rem 0rem 0rem #b5b5b5 inset,0rem 0rem 0rem 0.0625rem rgba(0,0,0,.1) inset,0rem 0.03125rem 0rem 0.09375rem #fff inset;
  --p-shadow-button-inset: -0.0625rem 0rem 0.0625rem 0rem rgba(26,26,26,.122) inset,0.0625rem 0rem 0.0625rem 0rem rgba(26,26,26,.122) inset,0rem 0.125rem 0.0625rem 0rem rgba(26,26,26,.2) inset;
  --p-border-radius-200: 0.5rem;
  --p-space-150: 0.375rem;
  --p-space-300: 0.75rem;
  --p-height-700: 1.75rem;
  --p-width-700: 1.75rem;
  --pc-button-padding-inline: var(--p-space-300);
  --pc-button-padding-block: var(--p-space-150);
  --pc-button-box-shadow: var(--p-shadow-button);
  --pc-button-bg_hover:#fafafa;
  --pc-button-color_hover:#303030;
  --pc-button-box-shadow_hover:var(--p-shadow-button);
  --p-color-bg-fill-active: #f7f7f7;
  --pc-button-bg_active: var(--p-color-bg-fill-active);
  --pc-button-color_active: var(--p-color-text);
  --pc-button-box-shadow_active: var(--p-shadow-button-inset);
  --p-border-critical-subdued:var(--pc-button-bg_hover);
  --p-border-highlight-subdued:var(--pc-button-bg_hover);
  --p-border-success-subdued:var(--pc-button-bg_hover);
  --p-border-warning-subdued:var(--pc-button-bg_hover);
  --p-surface-critical-subdued-hovered: var(--pc-button-bg_hover);
  --p-surface-highlight-subdued-hovered: var(--pc-button-bg_hover);
  --p-surface-success-subdued-hovered: var(--pc-button-bg_hover);
  --p-surface-warning-subdued-hovered: var(--pc-button-bg_hover);
  --p-color-text-info-on-bg-fill: #002133;
  --p-color-text-success-on-bg-fill: #fafffb;
  --p-color-text-warning-on-bg-fill: #251a00;
  --p-color-text-critical-on-bg-fill: #fffafb;
  --p-color-icon-secondary-hover: #616161;
  --p-color-icon-secondary-active: #4a4a4a;
  --p-color-bg-fill-transparent-hover: rgba(0,0,0,.05);
  --p-color-bg-fill-transparent-active: rgba(0,0,0,.08);
  --p-shadow-button-primary-critical: 0rem -0.0625rem 0rem 0.0625rem rgba(142,31,11,.8) inset,0rem 0rem 0rem 0.0625rem rgba(181,38,11,.8) inset,0rem 0.03125rem 0rem 0.09375rem hsla(0,0%,100%,.349) inset;
  --p-shadow-button-primary-critical-hover: 0rem 0.0625rem 0rem 0rem hsla(0,0%,100%,.48) inset,0.0625rem 0rem 0rem 0rem hsla(0,0%,100%,.2) inset,-0.0625rem 0rem 0rem 0rem hsla(0,0%,100%,.2) inset,0rem -0.09375rem 0rem 0rem rgba(0,0,0,.25) inset;
  --p-shadow-button-primary-critical-inset: -0.0625rem 0rem 0.0625rem 0rem rgba(0,0,0,.2) inset,0.0625rem 0rem 0.0625rem 0rem rgba(0,0,0,.2) inset,0rem 0.125rem 0rem 0rem rgba(0,0,0,.6) inset;
  --p-color-bg-fill-critical: #c70a24;
  --p-color-bg-fill-critical-hover: #a30a24;
  --p-color-bg-fill-critical-active: #8e0b21;
  --p-color-bg-fill-critical-selected: #8e0b21;
  --p-color-bg-fill-critical-secondary: #fed1d7;
} */

span.linethrough {
  opacity: 0.5;
  position: relative;
}
span.linethrough:after {
  content: " ";
  position: absolute;
  width: 100%;
  border-top: 2px solid;
  top: 58%;
}

.Polaris-FooterHelp__Icon {
  display: none;
}
.Polaris-Breadcrumbs__Breadcrumb {
  border: unset;
}
.Polaris-Breadcrumbs__Breadcrumb:hover .Polaris-Breadcrumbs__ContentWrapper {
  background: var(--p-color-bg-fill-tertiary-hover);
}

/* .Polaris-Button--primary{
  border: 1px solid var(--p-action-primary);
}

.Polaris-Button--primary.Polaris-Button--destructive {
  border: 1px solid var(--p-action-critical);
}

.Polaris-Button--primary.Polaris-Button--loading {
  border-color: transparent;
} */

.whpicker-search-select .Polaris-Button,
.Polaris-Filters .Polaris-Button,
.Polaris-ResourceList__HeaderOuterWrapper .Polaris-Button,
.Polaris-IndexTable .Polaris-Button {
  min-height: 3.6rem;
  min-width: 3.6rem;
}

.Polaris-Banner .Polaris-Button__Icon .Polaris-Icon {
  width: 2rem;
  height: 2rem;
}

.whpicker-search-select .Polaris-Button__Icon .Polaris-Icon,
.Polaris-Filters .Polaris-Button__Icon .Polaris-Icon,
.Polaris-ResourceList__HeaderOuterWrapper
  .Polaris-Button
  .Polaris-Button__Icon
  .Polaris-Icon {
  height: 2rem;
  width: 2rem;
}

tr.Polaris-IndexTable__TableRow {
  box-shadow: 0 -0.1rem 0 0 var(--p-divider);
}

.custom-indextable td.Polaris-IndexTable__TableCell:has([title]) {
  max-width: 50vw;
}
.custom-indextable td.Polaris-IndexTable__TableCell:has(.Polaris-Thumbnail),
.custom-indextable td.Polaris-IndexTable__TableCell:has(.product-image-null) {
  padding: 1rem 1rem 1rem 0;
}

.Polaris-IndexTable__TableCell--first + .Polaris-IndexTable__TableCell {
  left: unset;
}

/* .Polaris-Button--toneCritical:is(.Polaris-Button--variantPrimary) {
  --pc-button-box-shadow: var(--p-shadow-button-primary-critical);
  --pc-button-box-shadow_active: var(--p-shadow-button-primary-critical-inset);
  --pc-button-bg: var(--p-color-bg-fill-critical);
  --pc-button-bg_hover: var(--p-color-bg-fill-critical-hover);
  --pc-button-bg_active: var(--p-color-bg-fill-critical-active);
  --pc-button-bg_pressed: var(--p-color-bg-fill-critical-selected);
} */

/* .Polaris-Button--plain.Polaris-Button:active {
  background: var(--p-color-bg-fill-transparent-active);
}
.Polaris-Button--plain:hover, .Polaris-Button--plain:focus{
  background: var(--p-color-bg-fill-transparent-hover);
} */

/* .Polaris-Banner.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active,
.Polaris-Banner.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active), 
.Polaris-Banner.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active,
.Polaris-Banner.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active), 
.Polaris-Banner.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active,
.Polaris-Banner.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active), 
.Polaris-Banner.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:active,
.Polaris-Banner.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button:focus:not(:active){
  background: var(--pc-button-bg_active);
  color: var(--pc-button-color_active);
  box-shadow: var(--pc-button-box-shadow_active);
  border-color:unset;
} */

/* .Polaris-Button.Polaris-Button--primary:active{
  background: var(--p-action-primary-pressed);
  color: var(--p-text-on-primary);
}

.Polaris-Button:active{
  background: var(--pc-button-bg_active);
  color: var(--pc-button-color_active);
  box-shadow: var(--pc-button-box-shadow_active);
  border-color:unset;
} */

/* .Polaris-Banner.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button,
.Polaris-Banner.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button,
.Polaris-Banner.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button,
.Polaris-Banner.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button{
  --p-border-radius-base: var(--p-border-radius-200)!important;
  padding: var(--pc-button-padding-block) var(--pc-button-padding-inline);
  min-height: var(--p-height-700);
  min-width: var(--p-width-700);
  border-radius: var(--p-border-radius-200);
} */

/* .Polaris-Banner.Polaris-Banner--statusCritical .Polaris-Banner__PrimaryAction .Polaris-Banner__Button,
.Polaris-Banner.Polaris-Banner--statusInfo .Polaris-Banner__PrimaryAction .Polaris-Banner__Button,
.Polaris-Banner.Polaris-Banner--statusSuccess .Polaris-Banner__PrimaryAction .Polaris-Banner__Button,
.Polaris-Banner.Polaris-Banner--statusWarning .Polaris-Banner__PrimaryAction .Polaris-Banner__Button{
  box-shadow: var(--pc-button-box-shadow);
  border:none;
  background: white;
} */

/* 
.Polaris-Button__Icon .Polaris-Icon{
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.Polaris-Button__Icon {
  margin-left: 0rem;
}

.Polaris-Badge--statusAttention{
  background-color:#ffd6a4;
  color: #5e4200;
}

.Polaris-Button:active, .Polaris-Button--primary:active{
  box-shadow: var(--p-shadow-inset-200)!important;
} */

.fileupload-resize {
  width: 100% !important;
}
.fileupload-resize .Polaris-DropZone-FileUpload .Polaris-Stack__Item:has(img) {
  display: none;
}

.fileupload-resize
  .Polaris-DropZone--hasOutline:not(.Polaris-DropZone--focused)::after {
  border-width: 0.1rem !important;
}
.fileupload-resize.has-file {
  display: none;
}

.fileupload-resize .Polaris-DropZone {
  min-height: 10.5rem;
}

.product-image-null {
  width: 40px;
  height: 40px;
  padding: 10px;
  border: 1px solid #eee;
  border-radius: var(--p-border-radius-base);
  fill: #8a8a8a;
}
.product-image-null.size-medium {
  height: 6rem;
  width: 6rem;
  padding: 20px;
}

.mappings-products-list-row.header {
  padding: 0 2rem;
  padding-left: 10rem;
  height: 2.5rem;
  background: #f7f7f7;
  color: #616161;
  font-weight: 550;
  font-size: 0.75em;
}
.mappings-products-list-row {
  display: flex;
  align-items: center;
  /* height: 4rem; */
  flex-wrap: wrap;
}
.mappings-products-list-row .product-title {
  flex: 1;
  padding-right: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mappings-products-list-row .product-mappings {
  /* width: 150px; */
}
.mappings-products-list-row .product-status {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.align-right {
  text-align: right;
}

.mappings-products-list-row.tight {
  /* height: 2rem; */
  gap: 1rem;
  /* flex-direction: row; */
  /* flex-wrap: nowrap; */
}
.product-title {
  /* overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; */
}
.product-title:hover {
  text-decoration: underline;
}

.mappings-products-list-flex {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

img.app-index-img {
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}
img.app-index-img-quickstart {
  padding: 1rem;
  border-radius: 30%;
  width: 96px;
  height: 96px;
}

div:has(> img.app-index-img-quickstart) {
  text-align: center;
}

@media only screen and (max-width: 500px) {
  img.app-index-img {
    display: none;
  }
}

.index-text-01.small {
  font-size: 1em;
  font-weight: 400;
}

.loading {
  display: flex;
  justify-content: center;
}

.loading .logo {
  background-image: url("https://cdn.shopifycdn.net/s/files/1/0502/6385/1200/files/vfitz-logo_480x480.png");
  height: 100px;
  width: 100px;
  background-size: cover;
}

.loading .title {
  text-align: center;
  color: #0274bf;
  font-size: 2rem;
  font-weight: 900;
  font-family: monospace;
}

.loading .info {
  margin-top: 25px;
}
.loading .info a {
  font-size: 12px;
  color: #999;
}
.loading .info br + a {
  text-decoration: none;
}

/* banner  */
.Polaris-Banner--withinPage.Polaris-Banner--statusCritical {
  background: #c70c24;
}
.Polaris-Banner--withinPage.Polaris-Banner--statusInfo {
  background: #91d0ff;
}
.Polaris-Banner--withinPage.Polaris-Banner--statusSuccess {
  background: #047b5d;
}
.Polaris-Banner--withinPage.Polaris-Banner--statusWarning {
  background: #ffb800;
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical {
  background: var(--p-color-bg-surface-critical);
}
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo {
  background: var(--p-color-bg-surface-info);
}
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess {
  background: var(--p-color-bg-surface-success);
}
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning {
  background: var(--p-color-bg-surface-warning);
}

.Polaris-Banner__Button:focus::after {
  box-shadow: none;
  outline: 0.1rem solid transparent;
}

.Polaris-Banner__Button {
  font-size: 1.3rem;
}
.Polaris-Button__Content {
  font-size: 1.3rem;
}

.Polaris-Heading {
  font-size: 1.3rem;
}

.Polaris-Banner--withinPage {
  padding: 1.2rem calc(2.2rem + var(--p-icon-size)) 1.2rem 1.2rem;
}

.Polaris-Banner--withinPage .Polaris-Banner__Dismiss {
  right: 1.2rem;
  top: 1.6rem;
}

.Polaris-Banner--withinPage .Polaris-Banner__Heading {
  padding-bottom: 1.2rem;
}

.Polaris-Banner--withinPage .Polaris-Banner__Content {
  position: relative;
  z-index: 99;
  background: white;
  width: calc(100% + 1.5 * (1.6rem + 2rem + 3.2rem + var(--p-icon-size)));
  height: 100%;
  left: -5.6rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 1.2rem;
}

.Polaris-Banner--statusCritical .Polaris-Banner__Heading {
  color: var(--p-color-text-critical-on-bg-fill);
}
.Polaris-Banner--statusInfo .Polaris-Banner__Heading {
  color: var(--p-color-text-info-on-bg-fill);
}
.Polaris-Banner--statusSuccess .Polaris-Banner__Heading {
  color: var(--p-color-text-success-on-bg-fill);
}
.Polaris-Banner--statusWarning .Polaris-Banner__Heading {
  color: var(--p-color-text-warning-on-bg-fill);
}

.Polaris-Icon--colorCritical svg {
  fill: var(--p-color-text-critical-on-bg-fill);
}
.Polaris-Icon--colorHighlight svg {
  fill: var(--p-color-text-info-on-bg-fill);
}
.Polaris-Icon--colorSuccess svg {
  fill: var(--p-color-text-success-on-bg-fill);
}
.Polaris-Icon--colorWarning svg {
  fill: var(--p-color-text-warning-on-bg-fill);
}

.Polaris-Banner--statusCritical
  .Polaris-Banner__Dismiss
  .Polaris-Button--iconOnly
  svg {
  fill: var(--p-color-text-critical-on-bg-fill);
}
.Polaris-Banner--statusInfo
  .Polaris-Banner__Dismiss
  .Polaris-Button--iconOnly
  svg {
  fill: var(--p-color-text-info-on-bg-fill);
}
.Polaris-Banner--statusSuccess
  .Polaris-Banner__Dismiss
  .Polaris-Button--iconOnly
  svg {
  fill: var(--p-color-text-success-on-bg-fill);
}
.Polaris-Banner--statusWarning
  .Polaris-Banner__Dismiss
  .Polaris-Button--iconOnly
  svg {
  fill: var(--p-color-text-warning-on-bg-fill);
}

.Polaris-Banner--withinContentContainer .Polaris-Banner__Ribbon .Polaris-Icon,
.Polaris-Banner--withinPage .Polaris-Banner__Ribbon .Polaris-Icon {
  width: 1.6rem;
  height: 1.6rem;
}
.Polaris-Banner--withinContentContainer .Polaris-Banner__Ribbon,
.Polaris-Banner--withinPage .Polaris-Banner__Ribbon {
  padding-right: 0.5rem;
  padding-top: 0.2rem;
}

.Polaris-Banner--withinContentContainer,
.Polaris-Banner--withinPage {
  overflow: hidden;
  box-shadow: 0rem 0.1875rem 0.0625rem -0.0625rem rgba(26, 26, 26, 0.07);
}
.Polaris-Banner--withinContentContainer .Polaris-Banner__Actions {
  padding: 0;
}
.Polaris-Banner--withinContentContainer .Polaris-Heading {
  font-weight: 400;
  line-height: 2rem;
}
.Polaris-Banner--withinContentContainer {
  padding: 1.2rem;
}

.Polaris-Banner--withinContentContainer.Polaris-Banner--statusCritical
  .Polaris-Banner__Heading {
  color: var(--p-color-text-critical);
}
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusInfo
  .Polaris-Banner__Heading {
  color: var(--p-color-text-info);
}
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusSuccess
  .Polaris-Banner__Heading {
  color: var(--p-color-text-success);
}
.Polaris-Banner--withinContentContainer.Polaris-Banner--statusWarning
  .Polaris-Banner__Heading {
  color: var(--p-color-text-warning);
}

.Polaris-Banner--withinContentContainer .Polaris-Icon--colorCritical svg {
  fill: var(--p-color-text-critical);
}
.Polaris-Banner--withinContentContainer .Polaris-Icon--colorInfo svg {
  fill: var(--p-color-text-info);
}
.Polaris-Banner--withinContentContainer .Polaris-Icon--colorSuccess svg {
  fill: var(--p-color-text-success);
}
.Polaris-Banner--withinContentContainer .Polaris-Icon--colorWarning svg {
  fill: var(--p-color-text-warning);
}

/* Inspirated from  http://www.alessioatzeni.com/wp-content/tutorials/html-css/CSS3-loading-animation-loop/index.html */
.ouro {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  margin: 1em;
  border-radius: 50%;
  background: none repeat scroll 0 0 #f4f6f8;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 0 25px rgba(0, 0, 255, 0.075);
}

.ouro:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  display: block;
  height: 38px;
  width: 38px;
  background: none repeat scroll 0 0 #f4f6f8;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.ouro > span {
  position: absolute;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
.left {
  left: 0;
}
.right {
  left: 50%;
}

.anim {
  position: absolute;
  left: 100%;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 999px;
  background: none repeat scroll 0 0 #0274bf;
  opacity: 0.8;
  -webkit-animation: ui-spinner-rotate-left 3s infinite;
  animation: ui-spinner-rotate-left 3s infinite;
  -webkit-transform-origin: 0 50% 0;
  transform-origin: 0 50% 0;
}
.left .anim {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.right .anim {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  left: -100%;
  -webkit-transform-origin: 100% 50% 0;
  transform-origin: 100% 50% 0;
}

/* v2 */
.ouro2 .anim {
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.ouro2 .right .anim {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

/* v3 */
.ouro3 .anim {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  animation-delay: 0s;
  animation-duration: 3s;
  animation-timing-function: linear;
}
.ouro3 .right .anim {
  -webkit-animation-name: ui-spinner-rotate-right;
  -webkit-animation-delay: 0;
  -webkit-animation-delay: 1.5s;
  animation-name: ui-spinner-rotate-right;
  animation-delay: 0;
  animation-delay: 1.5s;
}

.index-header-01 {
  font-size: 1em;
  font-weight: 550;
}
.index-text-01 {
  font-size: 1.875em;
  font-weight: 650;
}

/* round variation */
.round .ouro:after {
  display: none;
}

/* double variation */
.double {
  position: absolute;
  top: -3px;
  left: -7px;
}

.double .ouro:after {
  /* height: 13px; width: 13px; */
  /* left: 7px; top: 7px; */
  border: 10px solid #f4f6f8;
  background: transparent;
  box-shadow: none;
}

.install-index {
  margin: 0 0.3rem 1rem 0;
  background: slategray;
  color: white;
  padding: 0.2rem 1rem;
  border-radius: 0.5rem;
  min-width: 8rem;
  text-align: center;
}

.install-step-layout {
  margin-top: 4rem;
  position: relative;
  z-index: 9;
}

.install-index.optional {
  background: lightgray;
}

.install-step-layout .install-index {
  margin: unset;
  position: absolute;
  width: 100%;
  top: -20px;
  border-radius: 0.5rem 0.5rem 0 0;
  font-weight: bold;
  text-align: unset;
}

.split-line {
  margin-bottom: 3rem;
  height: 3rem;
  display: flex;
  color: darkgrey;
}

.line-left {
  flex: 1;
}

.line-right {
  flex: 1;
}

.split-line [class*="line-"] {
  border-bottom: 1px dotted;
}

.split-text span {
  position: absolute;
  width: 100%;
  top: 1.8rem;
  left: 1rem;
}

.split-text {
  position: relative;
  width: 14rem;
}

/* -------------- welcome.js start -----------  */
.wl-tip-item {
  /* border-top: 0.1rem solid var(--p-divider); */
  /* padding-top: 1rem; */
  /* margin-top: 1rem; */
}
.wl-tip-item img {
  border-radius: var(--p-border-radius-wide, 3px);
  object-fit: fill;
  object-position: center;
  background-color: var(--p-surface);
  box-shadow: var(
    --p-card-shadow,
    0 0 0 1px rgba(63, 63, 68, 0.05),
    0 1px 3px 0 rgba(63, 63, 68, 0.15)
  );
  outline: 0.1rem solid transparent;
}
.wl-tip-item img {
  cursor: pointer;
}

.wl-tip-item img:hover {
  box-shadow: 0px 0px 5px rgb(23 24 24 / 50%), 0px 1px 2px rgb(0 0 0 / 50%);
}
li.Polaris-List__Item:first-child .wl-tip-item {
  border: none;
  padding: unset;
  margin: unset;
}
.wl-tip-item p {
  margin-bottom: 1rem;
}
.version-tip p {
  margin-top: 0.5rem;
}
.version-tip p.tip {
  font-style: italic;
  color: var(--p-text-subdued);
}
.version-tip span.Polaris-Badge.Polaris-Badge {
  line-height: 1.2rem;
}

button.Polaris-VideoThumbnail__PlayButton {
  opacity: 0.3;
}

/* -------------- welcome.js end -----------  */

@keyframes ui-spinner-rotate-right {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ui-spinner-rotate-left {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ui-spinner-rotate-right {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes ui-spinner-rotate-left {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/*
* Some bugs with Chrome (Android), Safari and Opera, I'll try to see how http://atomeye.com/projects/sass-css-spinner.html made his code.
*/

/* presentation styles */
/* html {height: 100%} */
/* body { text-align:center; background: radial-gradient(circle, #fff 0%, #bbb 85%) no-repeat; background: -webkit-radial-gradient(circle, #fff 0%, #bbb 85%) no-repeat; height: 100%; display:table; width:100%} */
/* .block {display: table-cell; vertical-align:middle} */
/* h1, a { margin-top: 1em; font-family: "Open Sans Light", "Open Sans", "Segoe UI", Helvetica, Arial; color: #888; font-weight: lighter;} */

:root,
.Polaris-Frame__Content,
.Polaris-Popover__Wrapper,
#PolarisPortalsContainer {
  --p-color-bg-fill-tertiary-hover: #d4d4d4;
  --p-icon-info: #0094d5;
  --p-icon-success: #047b5d;
  --p-icon-caution: #998a00;
  --p-icon-warning: #b28400;
  --p-surface-highlight: #d5ebff;
  --p-color-text: #303030;
  --p-surface-selected-hovered: #f1f1f1;
  --p-surface-selected: #ebebeb;
  --p-interactive: rgba(48, 48, 48, 1);
  --p-action-primary: rgba(48, 48, 48, 1);
  --p-action-primary-hovered: gray;
  --p-action-primary-pressed: rgba(48, 48, 48, 1);
  --p-interactive-critical: rgb(142, 11, 33);
  --p-icon-critical: rgb(142, 11, 33);

  --p-border-radius-0: 0rem;
  --p-border-radius-050: 0.125rem;
  --p-border-radius-100: 0.25rem;
  --p-border-radius-150: 0.375rem;
  --p-border-radius-200: 0.5rem;
  --p-border-radius-300: 0.75rem;
  --p-border-radius-400: 1rem;
  --p-border-radius-500: 1.25rem;
  --p-border-radius-750: 1.875rem;
  --p-border-radius-full: 624.9375rem;
  --p-border-width-0: 0rem;
  --p-border-width-0165: 0.04125rem;
  --p-border-width-025: 0.0625rem;
  --p-border-width-050: 0.125rem;
  --p-border-width-100: 0.25rem;
  --p-breakpoints-xs: 0rem;
  --p-breakpoints-sm: 30.625rem;
  --p-breakpoints-md: 48rem;
  --p-breakpoints-lg: 65rem;
  --p-breakpoints-xl: 90rem;

  --p-shadow-bevel-100: 0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset,
    -0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset,
    0rem -0.0625rem 0rem 0rem rgba(0, 0, 0, 0.17) inset,
    0rem 0.0625rem 0rem 0rem rgba(204, 204, 204, 0.5) inset;
  --p-shadow-300: 0rem 0.25rem 0.375rem -0.125rem rgba(26, 26, 26, 0.2);

  --p-shadow-button: 0rem -0.0625rem 0rem 0rem #b5b5b5 inset,
    0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.1) inset,
    0rem 0.03125rem 0rem 0.09375rem #fff inset;
  --p-shadow-button: 0rem -0.0625rem 0rem 0rem #b2b2b2 inset,
    0rem 0rem 0rem 0.0625rem rgb(0 0 0 / 41%) inset,
    0rem 0.03125rem 0rem 0.09375rem #fff inset;

  --p-shadow-button-hover: 0rem 0.0625rem 0rem 0rem #ebebeb inset,
    -0.0625rem 0rem 0rem 0rem #ebebeb inset,
    0.0625rem 0rem 0rem 0rem #ebebeb inset, 0rem -0.0625rem 0rem 0rem #ccc inset;
  --p-shadow-button-inset: -0.0625rem 0rem 0.0625rem 0rem
      rgba(26, 26, 26, 0.122) inset,
    0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.122) inset,
    0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, 0.2) inset;
  --p-shadow-button-primary: 0rem -0.0625rem 0rem 0.0625rem rgba(0, 0, 0, 0.8) inset,
    0rem 0rem 0rem 0.0625rem #303030 inset,
    0rem 0.03125rem 0rem 0.09375rem hsla(0, 0%, 100%, 0.25) inset;
  --p-shadow-button-primary-hover: 0rem 0.0625rem 0rem 0rem
      hsla(0, 0%, 100%, 0.24) inset,
    0.0625rem 0rem 0rem 0rem hsla(0, 0%, 100%, 0.2) inset,
    -0.0625rem 0rem 0rem 0rem hsla(0, 0%, 100%, 0.2) inset,
    0rem -0.0625rem 0rem 0rem #000 inset, 0rem -0.0625rem 0rem 0.0625rem #1a1a1a;
  --p-shadow-button-primary-inset: 0rem 0.1875rem 0rem 0rem #000 inset;
  --p-shadow-button-primary-critical: 0rem -0.0625rem 0rem 0.0625rem rgba(
        142,
        31,
        11,
        0.8
      ) inset,
    0rem 0rem 0rem 0.0625rem rgba(181, 38, 11, 0.8) inset,
    0rem 0.03125rem 0rem 0.09375rem hsla(0, 0%, 100%, 0.349) inset;
  --p-shadow-button-primary-critical-hover: 0rem 0.0625rem 0rem 0rem
      hsla(0, 0%, 100%, 0.48) inset,
    0.0625rem 0rem 0rem 0rem hsla(0, 0%, 100%, 0.2) inset,
    -0.0625rem 0rem 0rem 0rem hsla(0, 0%, 100%, 0.2) inset,
    0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;
  --p-shadow-button-primary-critical-inset: -0.0625rem 0rem 0.0625rem 0rem
      rgba(0, 0, 0, 0.2) inset,
    0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset,
    0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;
  --p-shadow-button-primary-success: 0rem -0.0625rem 0rem 0.0625rem rgba(
        12,
        81,
        50,
        0.8
      ) inset,
    0rem 0rem 0rem 0.0625rem rgba(19, 111, 69, 0.8) inset,
    0rem 0.03125rem 0rem 0.09375rem hsla(0, 0%, 100%, 0.251) inset;
  --p-shadow-button-primary-success-hover: 0rem 0.0625rem 0rem 0rem
      hsla(0, 0%, 100%, 0.48) inset,
    0.0625rem 0rem 0rem 0rem hsla(0, 0%, 100%, 0.2) inset,
    -0.0625rem 0rem 0rem 0rem hsla(0, 0%, 100%, 0.2) inset,
    0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;
  --p-shadow-button-primary-success-inset: -0.0625rem 0rem 0.0625rem 0rem
      rgba(0, 0, 0, 0.2) inset,
    0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset,
    0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;
  --p-shadow-border-inset: 0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.08) inset;

  --p-color-bg-fill-transparent: rgba(0, 0, 0, 0.02);
  --p-color-bg-fill-transparent-hover: rgba(0, 0, 0, 0.05);
  --p-color-bg-fill-transparent-active: rgba(0, 0, 0, 0.08);
  --p-color-bg-fill-transparent-selected: rgba(0, 0, 0, 0.08);
  --p-color-bg-fill-transparent-secondary: rgba(0, 0, 0, 0.06);
  --p-color-bg-fill-transparent-secondary-hover: rgba(0, 0, 0, 0.08);
  --p-color-bg-fill-transparent-secondary-active: rgba(0, 0, 0, 0.11);

  --p-color-bg: #f1f1f1;
  --p-color-bg-inverse: #1a1a1a;
  --p-color-bg-surface: #fff;
  --p-color-bg-surface-hover: #f7f7f7;
  --p-color-bg-surface-active: #f3f3f3;
  --p-color-bg-surface-selected: #f1f1f1;
  --p-color-bg-surface-disabled: rgba(0, 0, 0, 0.05);
  --p-color-bg-surface-secondary: #f7f7f7;
  --p-color-bg-surface-secondary-hover: #f1f1f1;
  --p-color-bg-surface-secondary-active: #ebebeb;
  --p-color-bg-surface-secondary-selected: #ebebeb;
  --p-color-bg-surface-tertiary: #f3f3f3;
  --p-color-bg-surface-tertiary-hover: #ebebeb;
  --p-color-bg-surface-tertiary-active: #e3e3e3;
  --p-color-bg-surface-brand: #e3e3e3;
  --p-color-bg-surface-brand-hover: #ebebeb;
  --p-color-bg-surface-brand-active: #f1f1f1;
  --p-color-bg-surface-brand-selected: #f1f1f1;
  --p-color-bg-surface-info: #eaf4ff;
  --p-color-bg-surface-info-hover: #e0f0ff;
  --p-color-bg-surface-info-active: #cae6ff;
  --p-color-bg-surface-success: #cdfed4;
  --p-color-bg-surface-success-hover: #affebf;
  --p-color-bg-surface-success-active: #92fcac;
  --p-color-bg-surface-caution: #fff8db;
  --p-color-bg-surface-caution-hover: #fff4bf;
  --p-color-bg-surface-caution-active: #ffef9d;
  --p-color-bg-surface-warning: #fff1e3;
  --p-color-bg-surface-warning-hover: #ffebd5;
  --p-color-bg-surface-warning-active: #ffe4c6;
  --p-color-bg-surface-critical: #fee8eb;
  --p-color-bg-surface-critical-hover: #fee1e6;
  --p-color-bg-surface-critical-active: #fed9df;
  --p-color-bg-surface-emphasis: #f0f2ff;
  --p-color-bg-surface-emphasis-hover: #eaedff;
  --p-color-bg-surface-emphasis-active: #e2e7ff;
  --p-color-bg-surface-magic: #f8f7ff;
  --p-color-bg-surface-magic-hover: #f3f1ff;
  --p-color-bg-surface-magic-active: #e9e5ff;
  --p-color-bg-surface-inverse: #303030;
  --p-color-bg-surface-transparent: transparent;

  --p-color-bg-fill: #fff;
  --p-color-bg-fill-hover: #fafafa;
  --p-color-bg-fill-active: #f7f7f7;
  --p-color-bg-fill-selected: #ccc;
  --p-color-bg-fill-disabled: rgba(0, 0, 0, 0.05);
  --p-color-bg-fill-secondary: #f1f1f1;
  --p-color-bg-fill-secondary-hover: #ebebeb;
  --p-color-bg-fill-secondary-active: #e3e3e3;
  --p-color-bg-fill-secondary-selected: #e3e3e3;
  --p-color-bg-fill-tertiary: #e3e3e3;
  --p-color-bg-fill-tertiary-hover: #d4d4d4;
  --p-color-bg-fill-tertiary-active: #ccc;
  --p-color-bg-fill-brand: #303030;
  --p-color-bg-fill-brand-hover: #1a1a1a;
  --p-color-bg-fill-brand-active: #1a1a1a;
  --p-color-bg-fill-brand-selected: #303030;
  --p-color-bg-fill-brand-disabled: rgba(0, 0, 0, 0.17);
  --p-color-bg-fill-info: #91d0ff;
  --p-color-bg-fill-info-hover: #51c0ff;
  --p-color-bg-fill-info-active: #0094d5;
  --p-color-bg-fill-info-secondary: #d5ebff;
  --p-color-bg-fill-success: #047b5d;
  --p-color-bg-fill-success-hover: #035e4c;
  --p-color-bg-fill-success-active: #014b40;
  --p-color-bg-fill-success-secondary: #affebf;
  --p-color-bg-fill-warning: #ffb800;
  --p-color-bg-fill-warning-hover: #e5a500;
  --p-color-bg-fill-warning-active: #b28400;
  --p-color-bg-fill-warning-secondary: #ffd6a4;
  --p-color-bg-fill-caution: #ffe600;
  --p-color-bg-fill-caution-hover: #ead300;
  --p-color-bg-fill-caution-active: #e1cb00;
  --p-color-bg-fill-caution-secondary: #ffeb78;
  --p-color-bg-fill-critical: #c70a24;
  --p-color-bg-fill-critical-hover: #a30a24;
  --p-color-bg-fill-critical-active: #8e0b21;
  --p-color-bg-fill-critical-selected: #8e0b21;
  --p-color-bg-fill-critical-secondary: #fed1d7;
  --p-color-text: #303030;
  --p-color-text-secondary: #616161;
  --p-color-text-disabled: #b5b5b5;
  --p-color-text-link: #005bd3;
  --p-color-text-link-hover: #004299;
  --p-color-text-link-active: #002e6a;
  --p-color-text-brand: #4a4a4a;
  --p-color-text-brand-hover: #303030;
  --p-color-text-brand-on-bg-fill: #fff;
  --p-color-text-brand-on-bg-fill-hover: #e3e3e3;
  --p-color-text-brand-on-bg-fill-active: #ccc;
  --p-color-text-brand-on-bg-fill-disabled: #fff;
  --p-color-text-info: #003a5a;
  --p-color-text-info-hover: #003a5a;
  --p-color-text-info-active: #002133;
  --p-color-text-info-secondary: #007cb4;
  --p-color-text-info-on-bg-fill: #002133;
  --p-color-text-success: #014b40;
  --p-color-text-success-hover: #073630;
  --p-color-text-success-active: #022622;
  --p-color-text-success-secondary: #047b5d;
  --p-color-text-success-on-bg-fill: #fafffb;
  --p-color-text-caution: #4f4700;
  --p-color-text-caution-hover: #332e00;
  --p-color-text-caution-active: #1f1c00;
  --p-color-text-caution-secondary: #827500;
  --p-color-text-caution-on-bg-fill: #332e00;
  --p-color-text-warning: #5e4200;
  --p-color-text-warning-hover: #412d00;
  --p-color-text-warning-active: #251a00;
  --p-color-text-warning-secondary: #956f00;
  --p-color-text-warning-on-bg-fill: #251a00;
  --p-color-text-critical: #8e0b21;
  --p-color-text-critical-hover: #5f0716;
  --p-color-text-critical-active: #2f040b;
  --p-color-text-critical-secondary: #c70a24;
  --p-color-text-critical-on-bg-fill: #fffafb;
  --p-color-icon: #4a4a4a;
  --p-color-icon-hover: #303030;
  --p-color-icon-active: #1a1a1a;
  --p-color-icon-disabled: #ccc;
  --p-color-icon-secondary: #8a8a8a;
  --p-color-icon-secondary-hover: #616161;
  --p-color-icon-secondary-active: #4a4a4a;
  --p-color-icon-brand: #1a1a1a;
  --p-color-icon-info: #0094d5;
  --p-color-icon-success: #047b5d;
  --p-color-icon-caution: #998a00;
  --p-color-icon-warning: #b28400;
  --p-color-icon-critical: #e22c38;
  --p-space-0: 0rem;
  --p-space-025: 0.0625rem;
  --p-space-050: 0.125rem;
  --p-space-100: 0.25rem;
  --p-space-150: 0.375rem;
  --p-space-200: 0.5rem;
  --p-space-300: 0.75rem;
  --p-space-400: 1rem;
  --p-space-500: 1.25rem;
  --p-space-600: 1.5rem;
  --p-space-800: 2rem;
  --p-space-1000: 2.5rem;
  --p-space-1200: 3rem;
  --p-space-1600: 4rem;
  --p-space-2000: 5rem;
  --p-space-2400: 6rem;
  --p-space-2800: 7rem;
  --p-space-3200: 8rem;
  --p-height-0: 0rem;
  --p-height-025: 0.0625rem;
  --p-height-050: 0.125rem;
  --p-height-100: 0.25rem;
  --p-height-150: 0.375rem;
  --p-height-200: 0.5rem;
  --p-height-300: 0.75rem;
  --p-height-400: 1rem;
  --p-height-500: 1.25rem;
  --p-height-600: 1.5rem;
  --p-height-700: 1.75rem;
  --p-height-800: 2rem;
  --p-height-900: 2.25rem;
  --p-height-1000: 2.5rem;
  --p-height-1200: 3rem;
  --p-height-1600: 4rem;
  --p-height-2000: 5rem;
  --p-height-2400: 6rem;
  --p-height-2800: 7rem;
  --p-height-3200: 8rem;
  --p-width-0: 0rem;
  --p-width-025: 0.0625rem;
  --p-width-050: 0.125rem;
  --p-width-100: 0.25rem;
  --p-width-150: 0.375rem;
  --p-width-200: 0.5rem;
  --p-width-300: 0.75rem;
  --p-width-400: 1rem;
  --p-width-500: 1.25rem;
  --p-width-600: 1.5rem;
  --p-width-700: 1.75rem;
  --p-width-800: 2rem;
  --p-width-900: 2.25rem;
  --p-width-1000: 2.5rem;
  --p-width-1200: 3rem;
  --p-width-1600: 4rem;
  --p-width-2000: 5rem;
  --p-width-2400: 6rem;
  --p-width-2800: 7rem;
  --p-width-3200: 8rem;
  --p-color-button-gradient-bg-fill: linear-gradient(
    180deg,
    rgba(48, 48, 48, 0) 63.53%,
    hsla(0, 0%, 100%, 0.15)
  );
  --p-font-weight-regular: 450;
  --p-font-weight-medium: 550;
  --p-font-weight-semibold: 650;
  --p-font-weight-bold: 700;
  --p-font-family-sans: "Inter", -apple-system, BlinkMacSystemFont,
    "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --p-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas,
    "Liberation Mono", Menlo, monospace;
  --p-font-size-275: 0.6875rem;
  --p-font-size-300: 0.75rem;
  --p-font-size-325: 0.8125rem;
  --p-font-size-350: 0.875rem;
  --p-font-size-400: 1rem;
  --p-font-size-450: 1.125rem;
  --p-font-size-500: 1.25rem;
  --p-font-size-550: 1.375rem;
  --p-font-size-600: 1.5rem;
  --p-font-size-750: 1.875rem;
  --p-font-size-800: 2rem;
  --p-font-size-900: 2.25rem;
  --p-font-size-1000: 2.5rem;
  --p-font-weight-regular: 450;
  --p-font-weight-medium: 550;
  --p-font-weight-semibold: 650;
  --p-font-weight-bold: 700;
  --p-font-letter-spacing-densest: -0.03375rem;
  --p-font-letter-spacing-denser: -0.01875rem;
  --p-font-letter-spacing-dense: -0.0125rem;
  --p-font-letter-spacing-normal: 0rem;
  --p-font-line-height-300: 0.75rem;
  --p-font-line-height-400: 1rem;
  --p-font-line-height-500: 1.25rem;
  --p-font-line-height-600: 1.5rem;
  --p-font-line-height-700: 1.75rem;
  --p-font-line-height-800: 2rem;
  --p-font-line-height-1000: 2.5rem;
  --p-font-line-height-1200: 3rem;
  --p-text-heading-3xl-font-family: var(--p-font-family-sans);
  --p-text-heading-3xl-font-size: var(--p-font-size-900);
  --p-text-heading-3xl-font-weight: var(--p-font-weight-bold);
  --p-text-heading-3xl-font-letter-spacing: var(
    --p-font-letter-spacing-densest
  );
  --p-text-heading-3xl-font-line-height: var(--p-font-line-height-1200);
  --p-text-heading-2xl-font-family: var(--p-font-family-sans);
  --p-text-heading-2xl-font-size: var(--p-font-size-750);
  --p-text-heading-2xl-font-weight: var(--p-font-weight-bold);
  --p-text-heading-2xl-font-letter-spacing: var(--p-font-letter-spacing-denser);
  --p-text-heading-2xl-font-line-height: var(--p-font-line-height-1000);
  --p-text-heading-xl-font-family: var(--p-font-family-sans);
  --p-text-heading-xl-font-size: var(--p-font-size-600);
  --p-text-heading-xl-font-weight: var(--p-font-weight-bold);
  --p-text-heading-xl-font-letter-spacing: var(--p-font-letter-spacing-dense);
  --p-text-heading-xl-font-line-height: var(--p-font-line-height-800);
  --p-text-heading-lg-font-family: var(--p-font-family-sans);
  --p-text-heading-lg-font-size: var(--p-font-size-500);
  --p-text-heading-lg-font-weight: var(--p-font-weight-semibold);
  --p-text-heading-lg-font-letter-spacing: var(--p-font-letter-spacing-dense);
  --p-text-heading-lg-font-line-height: var(--p-font-line-height-600);
  --p-text-heading-md-font-family: var(--p-font-family-sans);
  --p-text-heading-md-font-size: var(--p-font-size-350);
  --p-text-heading-md-font-weight: var(--p-font-weight-semibold);
  --p-text-heading-md-font-letter-spacing: var(--p-font-letter-spacing-normal);
  --p-text-heading-md-font-line-height: var(--p-font-line-height-500);
  --p-text-heading-sm-font-family: var(--p-font-family-sans);
  --p-text-heading-sm-font-size: var(--p-font-size-325);
  --p-text-heading-sm-font-weight: var(--p-font-weight-semibold);
  --p-text-heading-sm-font-letter-spacing: var(--p-font-letter-spacing-normal);
  --p-text-heading-sm-font-line-height: var(--p-font-line-height-500);
  --p-text-heading-xs-font-family: var(--p-font-family-sans);
  --p-text-heading-xs-font-size: var(--p-font-size-300);
  --p-text-heading-xs-font-weight: var(--p-font-weight-semibold);
  --p-text-heading-xs-font-letter-spacing: var(--p-font-letter-spacing-normal);
  --p-text-heading-xs-font-line-height: var(--p-font-line-height-400);
  --p-text-body-lg-font-family: var(--p-font-family-sans);
  --p-text-body-lg-font-size: var(--p-font-size-350);
  --p-text-body-lg-font-weight: var(--p-font-weight-regular);
  --p-text-body-lg-font-letter-spacing: var(--p-font-letter-spacing-normal);
  --p-text-body-lg-font-line-height: var(--p-font-line-height-500);
  --p-text-body-md-font-family: var(--p-font-family-sans);
  --p-text-body-md-font-size: var(--p-font-size-325);
  --p-text-body-md-font-weight: var(--p-font-weight-regular);
  --p-text-body-md-font-letter-spacing: var(--p-font-letter-spacing-normal);
  --p-text-body-md-font-line-height: var(--p-font-line-height-500);
  --p-text-body-sm-font-family: var(--p-font-family-sans);
  --p-text-body-sm-font-size: var(--p-font-size-300);
  --p-text-body-sm-font-weight: var(--p-font-weight-regular);
  --p-text-body-sm-font-letter-spacing: var(--p-font-letter-spacing-normal);
  --p-text-body-sm-font-line-height: var(--p-font-line-height-400);
  --p-text-body-xs-font-family: var(--p-font-family-sans);
  --p-text-body-xs-font-size: var(--p-font-size-275);
  --p-text-body-xs-font-weight: var(--p-font-weight-regular);
  --p-text-body-xs-font-letter-spacing: var(--p-font-letter-spacing-normal);
  --p-text-body-xs-font-line-height: var(--p-font-line-height-300);
  --p-border-radius-base: var(--p-border-radius-200);
}

/* Button */
.Polaris-Banner__Button,
.Polaris-Button {
  --pc-button-gap: var(--p-space-050);
  --pc-button-bg: transparent;
  --pc-button-bg_hover: var(--pc-button-bg);
  --pc-button-bg_active: var(--pc-button-bg);
  --pc-button-bg_pressed: var(--pc-button-bg_active);
  --pc-button-bg_disabled: var(--p-color-bg-fill-disabled);
  --pc-button-color: inherit;
  --pc-button-color_hover: var(--pc-button-color);
  --pc-button-color_active: var(--pc-button-color);
  --pc-button-color_pressed: var(--pc-button-color_active);
  --pc-button-color_disabled: var(--p-color-text-disabled);
  --pc-button-box-shadow: transparent;
  --pc-button-box-shadow_hover: var(--pc-button-box-shadow);
  --pc-button-box-shadow_active: var(--pc-button-box-shadow);
  --pc-button-box-shadow_pressed: var(--pc-button-box-shadow_active);
  --pc-button-box-shadow_disabled: var(--pc-button-box-shadow);
  --pc-button-icon-fill: currentColor;
  --pc-button-icon-fill_hover: var(--pc-button-icon-fill);
  --pc-button-icon-fill_active: var(--pc-button-icon-fill);
  --pc-button-icon-fill_pressed: var(--pc-button-icon-fill_active);
  --pc-button-icon-fill_disabled: var(--p-color-icon-disabled);
  all: unset;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: var(--pc-button-gap);
  padding: var(--pc-button-padding-block) var(--pc-button-padding-inline);
  background: var(--pc-button-bg);
  border: none;
  border-radius: var(--p-border-radius-200);
  box-shadow: var(--pc-button-box-shadow);
  color: var(--pc-button-color);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  justify-content: center;
  text-align: center;
}
.Polaris-Banner__Button {
  background: var(--pc-button-bg) !important;
}

.Polaris-Banner__Button,
.Polaris-Button {
  --pc-button-box-shadow: var(--p-shadow-button);
  --pc-button-box-shadow_active: var(--p-shadow-button-inset);
  --pc-button-bg: var(--p-color-bg-fill);
  --pc-button-bg_hover: var(--p-color-bg-fill-hover);
  --pc-button-bg_active: var(--p-color-bg-fill-active);
  --pc-button-bg_pressed: var(--p-color-bg-fill-selected);
  --pc-button-color: var(--p-color-text);
  --pc-button-icon-fill: var(--p-color-icon);
}

/* .Polaris-Banner__Button,
.Polaris-Button {
  min-height: var(--p-height-700);
  min-width: var(--p-width-700);
} */
.Polaris-Banner__Button,
.Polaris-Button {
  --pc-button-padding-block: var(--p-space-150);
  --pc-button-padding-inline: var(--p-space-500);
  min-height: var(--p-height-1000);
  min-width: var(--p-width-1000);
}

.Polaris-Banner__Button:hover,
.Polaris-Button:hover {
  background: var(--pc-button-bg_hover) !important;
  color: var(--pc-button-color_hover);
  box-shadow: var(--pc-button-box-shadow_hover);
}

.Polaris-Button.Polaris-Button--plain.Polaris-Button--iconOnly {
  --pc-button-bg_hover: var(--p-color-bg-fill-transparent-hover);
  --pc-button-bg_active: var(--p-color-bg-fill-transparent-active);
  --pc-button-bg_pressed: var(--p-color-bg-fill-selected);
  --pc-button-bg_disabled: transparent;
  --pc-button-color: var(--p-color-text);
  --pc-button-icon-fill: var(--p-color-icon);
}

.Polaris-Button--plain.Polaris-Button--iconOnly {
  --pc-button-padding-block: var(--p-space-150);
  --pc-button-padding-inline: var(--p-space-150);
  margin: calc(var(--pc-button-padding-block) * -1)
    calc(var(--pc-button-padding-inline) * -1);
}

.Polaris-Button--plain:hover:not(.Polaris-Button--removeUnderline),
.Polaris-Button--plain:focus:not(.Polaris-Button--removeUnderline) {
  --pc-button-icon-fill: var(--p-color-icon-secondary);
  --pc-button-icon-fill_hover: var(--p-color-icon-secondary-hover);
  --pc-button-icon-fill_active: var(--p-color-icon-secondary-active);
  --pc-button-icon-fill_disabled: var(--p-color-icon-disabled);
}

.Polaris-Banner__Button:active,
.Polaris-Button.Polaris-Button:active,
.Polaris-Button.Polaris-Button[data-state="open"] svg {
  fill: var(--pc-button-icon-fill_active);
}
.Polaris-Banner__Button:active,
.Polaris-Button:active,
.Polaris-Button[data-state="open"] {
  background: var(--pc-button-bg_active);
  color: var(--pc-button-color_active);
  box-shadow: var(--pc-button-box-shadow_active);
}

.Polaris-Button:active:not(.Polaris-Button--plain) > * {
  transform: translate3d(0, 0.0625rem, 0);
}

.Polaris-Button.Polaris-Button--disabled {
  background: var(--pc-button-bg_disabled);
  color: var(--pc-button-color_disabled);
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.Polaris-Button--loading,
.Polaris-Button--loading:hover,
.Polaris-Button--loading.Polaris-Button--disabled {
  color: transparent;
}

.Polaris-Button__Icon {
  margin: calc(var(--p-space-050) * -1) 0;
  display: inline-flex;
}
.Polaris-Button .Polaris-Icon {
  display: block;
  height: 1.75rem;
  width: 1.75rem;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.Polaris-Button--fullWidth {
  width: 100%;
}

/* .Polaris-Button__Content {
  font-weight: var(--p-font-weight-medium);
}

.Polaris-Button__Content {
  font-weight: var(--p-text-body-sm-font-weight);
}
.Polaris-Button__Content {
  font-size: var(--p-text-body-sm-font-size);
  letter-spacing: var(--p-text-body-sm-font-letter-spacing);
  line-height: var(--p-text-body-sm-font-line-height);
}
.Polaris-Button__Content {
  margin: 0;
  text-align: inherit;
} */

.Polaris-Button--plain {
  --pc-button-bg_disabled: transparent;
  margin: calc(var(--pc-button-padding-block) * -1)
    calc(var(--pc-button-padding-inline) * -1);
}
.Polaris-Button--plain {
  --pc-button-color: var(--p-color-text-link);
  --pc-button-color_hover: var(--p-color-text-link-hover);
  --pc-button-color_active: var(--p-color-text-link-active);
  --pc-button-box-shadow: none;
  --pc-button-box-shadow_active: none;
  --pc-button-bg: transparent;
  --pc-button-bg_hover: transparent;
  --pc-button-bg_active: transparent;
  --pc-button-bg_pressed: transparent;
  --pc-button-icon-fill: var(--p-color-icon);
}

.Polaris-Button--primary {
  --pc-button-bg-gradient: var(--p-color-button-gradient-bg-fill);
  --pc-button-box-shadow: var(--p-shadow-button-primary);
  --pc-button-box-shadow_active: var(--p-shadow-button-primary-inset);
  --pc-button-bg: var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand);
  --pc-button-bg_hover: var(--pc-button-bg-gradient),
    var(--p-color-bg-fill-brand-hover);
  --pc-button-bg_active: var(--pc-button-bg-gradient),
    var(--p-color-bg-fill-brand-active);
  --pc-button-bg_disabled: var(--p-color-bg-fill-brand-disabled);
  --pc-button-color: var(--p-color-text-brand-on-bg-fill);
  --pc-button-color_disabled: var(--p-color-text-brand-on-bg-fill-disabled);
  --pc-button-icon-fill: var(--p-color-text-brand-on-bg-fill);
  --pc-button-icon-fill_disabled: var(--p-color-text-brand-on-bg-fill-disabled);
}

.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;
  position: relative;
  --pc-action-list-item-min-height: var(--p-space-800);
  --pc-action-list-indented-item-margin: calc(
    var(--p-space-500) + var(--p-space-050)
  );
  --pc-action-list-indented-item-width: calc(
    100% - var(--pc-action-list-indented-item-margin)
  );
  --pc-action-list-item-vertical-padding: calc(
    (var(--pc-action-list-item-min-height) - var(--p-font-line-height-500)) / 2
  );
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--pc-action-list-item-min-height);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  padding: var(--p-space-100) var(--p-space-150);
  border-radius: var(--p-border-radius-200);
  border-top: var(--p-border-width-025) solid transparent;
  color: inherit;
}

/* .Polaris-ResourceItem__Container{padding: var(--p-space-500);} */

.Polaris-ActionMenu-SecondaryAction a,
.Polaris-ActionMenu-SecondaryAction button {
  position: relative;
  --pc-button-padding-block: var(--p-space-100);
  --pc-button-padding-inline: var(--p-space-300);
  background: var(--p-color-bg-fill-tertiary) !important;
  box-shadow: none !important;
  border: none;
  border-radius: var(--p-border-radius-200) !important;
}

.Polaris-Card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  box-shadow: var(--p-shadow-bevel-100);
  border-radius: var(--p-border-radius-300);
  pointer-events: none;
  mix-blend-mode: luminosity;
}

.Polaris-Card {
  box-shadow: var(--p-shadow-300);
  position: relative;
}

.Polaris-ActionList__Prefix {
  margin: -1rem 0.4rem -1rem 0;
}

.Polaris-MediaCard__MediaContainer:has([novideo])
  .Polaris-VideoThumbnail__PlayButton {
  display: none;
}

@media (max-width: 28.625em) {
  .Polaris-BulkActions__Group--largeScreen {
    display: flex;
  }
}

.key-word-index .Polaris-OptionList__Title {
  color: red;
}

.key-word-index .Polaris-OptionList-Option {
  font-size: x-small;
  min-height: auto;
}

.key-word-index
  .Polaris-OptionList-Option
  .Polaris-OptionList-Option__SingleSelectOption {
  padding: 0 1.6rem;
}

.whpicker-select-option-list {
  background-color: transparent;
}

.whpicker-select-option-list .Polaris-ResourceItem__Container {
  padding: 0.5rem;
  min-height: auto;
  margin-left: 1rem;
}

.whpicker-select-option-list .Polaris-Icon {
  height: 1.5rem;
}
.whpicker-select-option-list .Polaris-OptionList-Option {
  min-height: auto;
  font-size: 1rem;
  color: gray;
}

.whpicker-select-option-list .Polaris-OptionList-Option__Label {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.whpicker-select-option-list .Polaris-Card__SectionHeader {
  border-bottom: 1px solid #00848e;
}

.whpicker-select-option-list .Polaris-OptionList-Option__Media {
  position: absolute;
  right: 0.8rem;
}

.whpicker-search-select .Polaris-Button__Content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.whpicker-search-select-popover .Polaris-OptionList-Option__Media {
  position: absolute;
  right: 0.8rem;
}

.whpicker-products-selection .Polaris-ResourceItem__Container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-height: auto;
}

.whpicker-install-list .Polaris-List__Item {
  list-style-type: none;
}
.whpicker-install-list .Polaris-List {
  padding-left: 0;
}
.whpicker-install-list .Polaris-TextContainer > *:not(:first-child) {
  margin-top: 0;
}

.whpicker-products-selection
  .Polaris-ResourceItem.Polaris-ResourceItem--persistActions {
  background: unset;
}
.whpicker-products-selection .Polaris-ResourceItem {
  cursor: default;
}

.whpicker-products-selection .product-title {
  text-decoration: unset;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
/*
.introjs-tooltipbuttons {
  text-align: left; }

.introjs-skipbutton {
  margin-left: 5px;
  float: left; }

.introjs-tooltip-title {
  float: right; }

.introjs-tooltip {
  direction: rtl; }

.introjs-prevbutton {
  border: 1px solid #d4d4d4;
  float: right; }

.introjs-nextbutton {
  border: 1px solid #d4d4d4;
  float: left; }

.introjs-bullets ul li {
  float: right; }
*/

/* overrides extra padding on button elements in Firefox */
/*
@-webkit-keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  25% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.1; }
  50% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.3; }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }
@keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  25% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.1; }
  50% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.3; }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.introjs-overlay {
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 999999;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-showElement {
  z-index: 9999999 !important; }

tr.introjs-showElement > td {
  z-index: 9999999 !important;
  position: relative; }

tr.introjs-showElement > th {
  z-index: 9999999 !important;
  position: relative; }

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #ffffff;
  opacity: 0;
  filter: alpha(opacity=0); }

.introjs-relativePosition {
  position: relative; }

.introjs-helperLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .introjs-helperLayer * {
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
    .introjs-helperLayer *:before {
      -webkit-box-sizing: content-box;
              box-sizing: content-box; }
    .introjs-helperLayer *:after {
      -webkit-box-sizing: content-box;
              box-sizing: content-box; }

.introjs-tooltipReferenceLayer {
  font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .introjs-tooltipReferenceLayer * {
    font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif; }

.introjs-helperNumberLayer {
  font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
  color: #9e9e9e;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px; }

.introjs-arrow {
  border: 5px solid transparent;
  content: "";
  position: absolute; }

.introjs-arrow.top {
  top: -10px;
  left: 10px;
  border-bottom-color: #ffffff; }

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #ffffff; }

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #ffffff; }

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #ffffff; }

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #ffffff; }

.introjs-arrow.bottom {
  bottom: -10px;
  left: 10px;
  border-top-color: #ffffff; }

.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #ffffff; }

.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #ffffff; }

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #ffffff; }

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #ffffff; }

.introjs-tooltip {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: visible;
  background-color: #ffffff;
  min-width: 250px;
  max-width: 300px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);
          box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);
  -webkit-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

.introjs-tooltiptext {
  padding: 20px; }

.introjs-tooltip-title {
  font-size: 18px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  float: left;
  line-height: 32px; }

.introjs-tooltip-header {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px; }
  .introjs-tooltip-header:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }

.introjs-tooltipbuttons {
  border-top: 1px solid #e0e0e0;
  padding: 10px;
  text-align: right;
  white-space: nowrap; }
  .introjs-tooltipbuttons:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }

.introjs-button {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid #bdbdbd;
  text-decoration: none;
  text-shadow: 1px 1px 0 #ffffff;
  font-size: 14px;
  color: #424242;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #f4f4f4;
  border-radius: 0.2em;
  zoom: 1;
  *display: inline; }
  .introjs-button:hover {
    outline: none;
    text-decoration: none;
    border-color: #9e9e9e;
    background-color: #e0e0e0;
    color: #212121; }
  .introjs-button:focus {
    outline: none;
    text-decoration: none;
    background-color: #eeeeee;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.5);
    border: 1px solid #616161;
    color: #212121; }
  .introjs-button:active {
    outline: none;
    text-decoration: none;
    background-color: #e0e0e0;
    border-color: #9e9e9e;
    color: #212121; }
  .introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.introjs-skipbutton {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #616161;
  float: right;
  font-size: 20px;
  cursor: pointer;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding: 7px 10px; }
  .introjs-skipbutton:hover, .introjs-skipbutton:focus {
    color: #212121;
    outline: none;
    text-decoration: none; }

.introjs-prevbutton {
  float: left; }

.introjs-nextbutton {
  float: right; }

.introjs-disabled {
  color: #9e9e9e;
  border-color: #bdbdbd;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none; }
  .introjs-disabled:hover, .introjs-disabled:focus {
    color: #9e9e9e;
    border-color: #bdbdbd;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none; }

.introjs-hidden {
  display: none; }

.introjs-bullets {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px; }
  .introjs-bullets ul {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    clear: both;
    margin: 0 auto 0;
    padding: 0;
    display: inline-block; }
    .introjs-bullets ul li {
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      list-style: none;
      float: left;
      margin: 0 2px; }
      .introjs-bullets ul li a {
        -webkit-transition: width 0.1s ease-in;
        -o-transition: width 0.1s ease-in;
        transition: width 0.1s ease-in;
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        display: block;
        width: 6px;
        height: 6px;
        background: #ccc;
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer; }
        .introjs-bullets ul li a:hover, .introjs-bullets ul li a:focus {
          width: 15px;
          background: #999;
          text-decoration: none;
          outline: none; }
      .introjs-bullets ul li a.active {
        width: 15px;
        background: #999; }

.introjs-progress {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px;
  border-radius: 4px;
  background-color: #e0e0e0; }

.introjs-progressbar {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c; }

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%; }

.introjs-fixedTooltip {
  position: fixed; }

.introjs-hint {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer; }
  .introjs-hint:focus {
    border: 0;
    outline: 0; }
  .introjs-hint:hover > .introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57); }

.introjs-hidehint {
  display: none; }

.introjs-fixedhint {
  position: fixed; }

.introjs-hint-pulse {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
          animation: none; }

.introjs-hint-dot {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
          animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0; }
  */