/*-------------------------------------------------------*/
/* SEO READER
/*-------------------------------------------------------*/
.seo-reader {
  border: 2px solid #f7f7f7;
  color: #171821;
  border-radius: 5px;
  margin-bottom: 10px;
  height: 100px;
  overflow: hidden;
  cursor: pointer;
}
.seo-reader .score {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.seo-reader .score .seo-title {
  font-size: 22px;
  margin: 0;
}
.seo-reader.active {
  height: inherit;
}
.seo-reader .sso-section {
  margin: 0 10px 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 5px;
  padding: 10px;
  background-color: rgb(221, 255, 244);
}
.seo-reader .sso-section .sso-section-title {
  font-size: 20px;
}
.seo-reader .sso-section .message {
  display: flex;
  gap: 10px;
  font-weight: bold;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}
.seo-reader .sso-section .message .box {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: rgb(128, 250, 128);
}
.seo-reader .sso-section .message .box.bad {
  background-color: orange;
}
.seo-reader .sso-section .message .box.good {
  background-color: rgb(219, 255, 56);
}
.seo-reader .sso-section .message .box.perfect {
  background-color: rgb(128, 250, 128);
}

/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */
.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}

p:has(.ql-size-small) {
  line-height: 100%;
}

.ql-size-small {
  font-size: 0.7rem !important;
  line-height: 100% !important;
}

.nav__menu > li > a {
  padding: 0 8px !important;
}

.nav_highlight {
  background-color: #c00;
}
.nav_highlight:hover a {
  color: white !important;
}/*# sourceMappingURL=add-style.css.map */