/* This file will include all css that can be extracted and used from outside shadow dom */
/* Eg: add some attributes in :root */
:root {
  --ii-text-color: #000;
  --ii-control-text-light-color: #fff;
  --ii-border-color: #e3e3e3;
  --ii-on-sale-tag-color: rgb(255 0 0 / 80%);
  --ii-on-sale-tag-light-color: #fff0;
  --ii-publisher-primary-color: #6196e5;
  --ii-scrollbar-thumb-color: #ccc;
  --ii-scrollbar-hover-color: lightgray;
  --ii-brand-below-ads-container-desktop-height: 315px;
  --ii-brand-below-custom01-ads-container-desktop-height: 305px;
  --ii-ads-container-desktop-height: 260px;
  --ii-no-border-ads-container-desktop-height: 400px;
  --ii-ads-container-mobile-height: 240px;
  --ii-border-radius: 4px;
  --ii-scroll-border-radius: 10px;
  --ii-product-container-border-radius: 6px;
  --ii-border-color: #dedede;
  --ii-background-white-color: #fff;
  --ii-black-color-button: #232323;
  --ii-product-detail-color: #333333;
  --ii-radio-button-color: #5cca23;
  --ii-pink-color: #f32c97;
  --trendii-font-family: inherit;
  --ii-popsugar-color: #002fa7;
  --ii-publisher-primary-color-trans: rgb(97, 150, 229, 0.8);
  --test-ii-blog-images-width: 600px;
  --ii-scroll-bar-grey: #858585;
  --ii-scroll-bar-grey-hover: #adadad;
}

.ii-root-font {
  font-family: inherit, Roboto, sans-serif;
  font-family: var(--trendii-font-family), Roboto, sans-serif;
}
.ii-mba-wrapper {
  margin: auto;
}