/* [project]/web/src/styles/articles.scss.css [client] (css) */
:where(.cms-article) h2, :where(.cms-article) h3, :where(.cms-article) h4 {
  --tw-text-opacity: 1;
  color: rgb(16 16 16 / var(--tw-text-opacity, 1));
}

:where(.cms-article) p, :where(.cms-article) ul, :where(.cms-article) ol {
  color: rgb(25 24 24 / var(--tw-text-opacity, 1));
  --tw-text-opacity: .65;
}

@media (max-width: 640px) {
  :where(.cms-article) p, :where(.cms-article) ul, :where(.cms-article) ol {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.cms-article) .cms-bypass-tool p, :where(.cms-article) .cms-bypass-tool ul, :where(.cms-article) .cms-bypass-tool ol {
  opacity: 1;
}

:where(.cms-article) .cms-bypass-tool p:not([class]), :where(.cms-article) .cms-bypass-tool ul:not([class]), :where(.cms-article) .cms-bypass-tool ol:not([class]) {
  color: inherit;
}

:where(.cms-article) h2 {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.5rem;
}

:where(.humbot-article) ul li span:where(.cms-article) h2, :where(.humbot-article) ol li span:where(.cms-article) h2 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.cms-article) h2 {
    margin-bottom: .5rem;
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

:where(.cms-article) h3 {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
}

:where(.humbot-article) ul li span:where(.cms-article) h3, :where(.humbot-article) ol li span:where(.cms-article) h3 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.cms-article) h3 {
    margin-top: 1.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

:where(.cms-article) h4 {
  margin-bottom: .75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}

:where(.humbot-article) ul li span:where(.cms-article) h4, :where(.humbot-article) ol li span:where(.cms-article) h4 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.cms-article) h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

:where(.cms-article) p {
  margin-bottom: .75rem;
}

@media (max-width: 768px) {
  :where(.cms-article) p {
    margin-bottom: .5rem;
  }
}

:where(.cms-article) ul li, :where(.cms-article) ol li {
  margin-bottom: .5rem;
}

:where(.cms-article) ul li:last-child, :where(.cms-article) ol li:last-child {
  margin-bottom: 0;
}

:where(.cms-article) ul {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 254 / var(--tw-bg-opacity, 1));
  border-radius: .25rem;
  margin-bottom: .75rem;
  padding: 1.25rem 1rem 1rem 1.25rem;
}

@media (max-width: 768px) {
  :where(.cms-article) ul {
    margin-bottom: .5rem;
  }
}

:where(.cms-article) ul {
  list-style-type: disc;
  list-style-position: inside;
}

:where(.cms-article) ol {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 254 / var(--tw-bg-opacity, 1));
  border-radius: .25rem;
  margin-bottom: .75rem;
  padding: 1.25rem 1rem 1rem 1.25rem;
}

@media (max-width: 768px) {
  :where(.cms-article) ol {
    margin-bottom: .5rem;
  }
}

:where(.cms-article) ol {
  list-style-type: decimal;
  list-style-position: inside;
}

:where(.cms-article) a {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-primary) / var(--tw-text-opacity, 1));
}

:where(.cms-article) a:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-primary-hover) / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

:where(.cms-article) img {
  margin-bottom: .75rem;
}

:where(.cms-article) table {
  table-layout: auto;
  width: 100%;
  margin-bottom: .75rem;
}

:where(.cms-article) table tr:first-child {
  --tw-text-opacity: 1;
  color: rgb(25 24 24 / var(--tw-text-opacity, 1));
}

:where(.cms-article) table tr:not(:first-child) {
  color: rgb(25 24 24 / var(--tw-text-opacity, 1));
  --tw-text-opacity: .65;
}

:where(.cms-article) table td {
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding: .5rem;
}

@media (max-width: 640px) {
  :where(.cms-article) table td {
    padding: .25rem;
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.cms-article) .list-dot-origin {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 1.25rem;
  padding-inline-start: 1.25rem;
  background: none !important;
}

:where(.cms-article) .list-dot-origin li {
  margin-bottom: 1rem;
  padding-inline-start: 1.25rem;
  list-style-type: none;
  position: relative;
}

:where(.cms-article) .list-dot-origin li:before {
  content: "";
  inset-inline-start: 0;
  background-color: currentColor;
  border-radius: 9999px;
  width: 5px;
  height: 5px;
  position: absolute;
  top: .625rem;
}

:where(.cms-article) .list-dot li {
  margin-bottom: .5rem;
  padding-inline-start: 1.25rem;
  list-style-type: none;
  position: relative;
}

:where(.cms-article) .list-dot li:before {
  content: "";
  inset-inline-start: 0;
  background-color: currentColor;
  border-radius: 9999px;
  width: 5px;
  height: 5px;
  position: absolute;
  top: .625rem;
}

:where(.cms-article) .articleList {
  border-width: 1px;
  border-color: var(--f-primary-style-1);
  width: 100%;
  color: var(--f-bg-base);
  background-color: #4478fa0a;
  border-radius: .75rem;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleList {
    margin-bottom: 1.25rem;
  }
}

:where(.cms-article) .articleList ul {
  list-style-type: none;
  margin-bottom: 0 !important;
}

:where(.cms-article) .articleList p {
  color: var(--f-bg-base);
}

:where(.cms-article) .articleList > summary {
  -moz-column-gap: .75rem;
  background-color: #4478fa0a;
  align-items: center;
  column-gap: .75rem;
  padding: .75rem;
  font-weight: 700;
  display: flex;
}

:where(.humbot-article) ul li span:where(.cms-article) .articleList > summary, :where(.humbot-article) ol li span:where(.cms-article) .articleList > summary {
  color: var(--f-text);
}

:where(.cms-article) .articleList > summary:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M4.167 16.667H2.5V15h1.667zm13.333 0H5V15h12.5zM4.167 10.834H2.5V9.167h1.667zm13.333 0H5V9.167h12.5zM4.167 5H2.5V3.334h1.667zM17.5 5H5V3.334h12.5z'/%3E%3C/svg%3E");
  width: 1.25rem;
  height: 1.25rem;
  color: var(--f-bg-base);
  background-color: currentColor;
  display: inline-block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.cms-article) .articleList > summary:after {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M33.027 17 24 26.043 14.973 17 12 19.979 24 32l12-12.021z'/%3E%3C/svg%3E");
  --tw-rotate: 180deg;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  color: var(--f-bg-base);
  background-color: currentColor;
  margin-inline-start: auto;
  transition-property: transform;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.cms-article) .articleList[open] > summary {
  border-bottom-width: 1px;
  border-color: var(--f-border-secondary);
}

:where(.cms-article) .articleList[open] > summary:after {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:where(.cms-article) .articleList > ul {
  background-color: #0000;
  padding: 1rem;
}

:where(.cms-article) .articleList > ul > li {
  padding-inline-start: 1rem;
  color: var(--f-bg-base);
  padding-bottom: .75rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.375rem;
  position: relative;
  margin: 0 auto !important;
  padding-top: 0 !important;
}

:where(.cms-article) .articleList > ul > li a {
  color: var(--f-bg-base);
  text-decoration-line: none;
}

:where(.cms-article) .articleList > ul > li a:hover {
  color: var(--f-primary);
}

:where(.cms-article) .articleList > ul > li:last-child {
  padding-bottom: 0;
}

:where(.cms-article) .articleList > ul > li:before {
  content: "";
  inset-inline-start: 0;
  background-color: var(--f-primary);
  z-index: 2;
  border-radius: 9999px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
}

:where(.cms-article) .articleList > ul > li:not(:last-child) {
  background-image: linear-gradient(to bottom, transparent 19px, var(--f-primary-style-1) 19px, var(--f-primary-style-1) 100%, transparent 100%);
  background-position: 2px 0;
  background-repeat: no-repeat;
  background-size: 2px 100%;
}

[dir="rtl"] :where(.cms-article) .articleList > ul > li:not(:last-child) {
  background-position: calc(100% - 2px) 0;
}

:where(.cms-article) .articleList > ul > li[data-isHot]:after, :where(.cms-article) .articleList > ul > li [data-isHot]:after {
  content: attr(data-isHot);
  padding: .25rem 6px;
  color: var(--f-bg-base);
  vertical-align: middle;
  background-image: url("https://static-lib.s3.amazonaws.com/cms/2_06c274f068.png?updated_at=2025-12-31T03:24:16.232Z"), linear-gradient(90deg, #ffe5bb 0%, #fbb699 100%);
  background-position: 6px, 0 0;
  background-repeat: no-repeat;
  background-size: 10px 10px, 100% 100%;
  border-radius: 9999px;
  align-items: center;
  margin-inline-start: .75rem;
  padding-inline-start: 18px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
}

[dir="rtl"] :where(.cms-article) .articleList > ul > li[data-isHot]:after, [dir="rtl"] :where(.cms-article) .articleList > ul > li [data-isHot]:after {
  background-position: calc(100% - 6px), 0 0;
}

:where(.cms-article) .articleList > ul > li > ul {
  margin-top: .5rem;
}

:where(.cms-article) .articleList > ul > li > ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

:where(.cms-article) .articleList > ul > li > ul {
  color: var(--f-bg-active);
  background-color: #0000;
  padding: 0;
  font-weight: 400;
  margin-bottom: 0 !important;
}

:where(.cms-article) .articleList > ul > li > ul > li {
  color: var(--f-bg-active);
  padding-inline-start: 1rem;
}

:where(.cms-article) .articleList > ul > li > ul > li a {
  color: var(--f-bg-active);
  text-decoration-line: none;
}

:where(.cms-article) .articleList > ul > li > ul > li a:hover {
  color: var(--f-primary);
}

:where(.cms-article) .articleFlow {
  width: 100%;
  position: relative;
}

:where(.cms-article) .articleFlow:before {
  content: attr(data-flow);
  float: inline-start;
  background-color: var(--f-primary);
  color: var(--f-text);
  font-weight: 600;
  font-size: inherit;
  clip-path: polygon(0 0, 100% 0, 100% 8px, calc(100% - 8px) 100%, 0 100%);
  border-radius: .375rem;
  margin-inline-end: .75rem;
  padding-inline: .375rem .75rem;
}

[dir="rtl"] :where(.cms-article) .articleFlow:before {
  padding-inline: .75rem .375rem;
}

:where(.cms-article) .articleStep {
  width: 100%;
  position: relative;
}

:where(.cms-article) .articleStep:before {
  content: attr(data-step);
  font-size: inherit;
  text-wrap: nowrap;
  background-color: var(--f-primary);
  color: var(--f-text);
  border-radius: .25rem;
  margin-inline-end: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: inline-block;
}

:where(.cms-article) .articleTag {
  border-radius: .75rem;
  flex-direction: column;
  row-gap: .75rem;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1.5rem 2rem;
  display: flex;
  position: relative;
}

:where(.cms-article) .articleTag p {
  margin-bottom: 0 !important;
}

:where(.cms-article) .articleTag[data-tag="blue"] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 126 255 / var(--tw-bg-opacity, 1));
}

:where(.cms-article) .articleTag[data-tag="green"] {
  background-color: var(--f-green-5);
}

:where(.cms-article) .articleTag[data-tag="orange"] {
  background-color: var(--f-yellow-5);
}

:where(.cms-article) .articleTag:before {
  content: "";
  z-index: 1;
  border-radius: .5rem;
  width: calc(100% - 5px);
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

:where(.cms-article) .articleTag[data-tag="blue"]:before {
  background-color: #f1f6fe;
}

:where(.cms-article) .articleTag[data-tag="green"]:before {
  background-color: #eef9e8;
}

:where(.cms-article) .articleTag[data-tag="orange"]:before {
  background-color: #fff8e6;
}

:where(.cms-article) .articleTag > p {
  z-index: 2;
  position: relative;
  padding: 0 !important;
}

:where(.cms-article) .articleTag > p:first-child {
  color: var(--f-bg-base);
  font-weight: 600;
}

:where(.cms-article) .articleTag > p:last-child {
  color: var(--f-bg-active);
  font-size: .875rem;
  line-height: 1.375rem;
}

:where(.cms-article) .articleTable {
  border-width: 1px;
  border-color: var(--f-primary-style-1);
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  box-sizing: border-box;
  border-radius: .75rem;
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
}

:where(.cms-article) .articleTable tr:first-child td {
  font-weight: 400;
}

:where(.cms-article) .articleTable td {
  background-color: text-f-primary-style-1 !important;
}

:where(.cms-article) .articleTable > thead > tr {
  background-color: #4478fa14;
}

:where(.cms-article) .articleTable > thead > tr th {
  text-align: start;
  color: var(--f-bg-base);
  box-sizing: border-box;
  text-overflow: ellipsis;
  word-wrap: break-word;
  padding: .5rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.125rem;
  overflow: hidden;
  border: none !important;
  border-bottom: 1px solid var(--f-border-secondary) !important;
  padding: .75rem !important;
}

:where(.cms-article) .articleTable > tbody > tr {
  border-bottom-width: 1px;
  border-color: var(--f-primary-style-1);
  background-color: #4478fa0a;
  font-size: .75rem;
  line-height: 1.125rem;
}

:where(.cms-article) .articleTable > tbody > tr:last-child {
  border-bottom-width: 0;
}

:where(.cms-article) .articleTable > tbody > tr td {
  color: var(--f-bg-active);
  box-sizing: border-box;
  text-overflow: ellipsis;
  word-wrap: break-word;
  font-size: .75rem;
  line-height: 1.125rem;
  overflow: hidden;
  border: none !important;
  border-bottom: 1px solid #e7ebef !important;
  padding: .675rem .75rem !important;
}

:where(.cms-article) .articleTable > tbody > tr td:not(:first-child) {
  border-inline-start: 1px solid var(--f-border-secondary) !important;
}

:where(.cms-article) .articleTable > tbody > tr:last-child td {
  border-bottom-width: 0;
  border-bottom: none !important;
}

:where(.cms-article) .articleTable:not(:has(thead)) > tbody > tr > td:first-child {
  font-weight: 600;
  background-color: #4478fa14 !important;
}

:where(.cms-article) .articleButton {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleButton {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }
}

:where(.cms-article) .articleButton > button, :where(.cms-article) .articleButton > a {
  background-color: var(--f-primary);
  width: fit-content;
  color: var(--f-text-invert);
  border-radius: .5rem;
  margin-left: auto;
  margin-right: auto;
  padding: .75rem 1.5rem;
  font-weight: 700;
  display: block;
  position: relative;
  overflow: hidden;
}

:where(.humbot-article) ul li span:where(.cms-article) .articleButton > button, :where(.humbot-article) ol li span:where(.cms-article) .articleButton > button, :where(.humbot-article) ul li span:where(.cms-article) .articleButton > a, :where(.humbot-article) ol li span:where(.cms-article) .articleButton > a {
  color: var(--f-text);
}

:where(.cms-article) .articleButton > button, :where(.cms-article) .articleButton > a {
  isolation: isolate;
}

:where(.cms-article) .articleButton > button:before, :where(.cms-article) .articleButton > a:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleButton > button:hover:before, :where(.cms-article) .articleButton > a:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleButton > a, :where(.cms-article) .articleButton > a:hover {
  text-decoration-line: none;
}

:where(.cms-article) .articleButton > p {
  text-align: center;
  color: var(--f-bg-disabled);
  padding-top: .75rem;
  font-size: .75rem;
  line-height: 1.125rem;
}

:where(.cms-article) .articleBenefits {
  width: 100%;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleBenefits {
    margin-bottom: .75rem;
  }
}

:where(.cms-article) .articleBenefits {
  background: none !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

:where(.cms-article) .articleBenefits p {
  margin-bottom: 0 !important;
}

:where(.cms-article) .articleBenefits > li {
  background-color: #4478fa0a;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 94px;
  margin-bottom: 1.25rem;
  padding: 1.5rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleBenefits > li {
    margin-bottom: .5rem;
    padding: 1.25rem 1rem;
  }
}

:where(.cms-article) .articleBenefits > li {
  margin-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  :where(.cms-article) .articleBenefits > li {
    margin-bottom: 10px !important;
  }
}

:where(.cms-article) .articleBenefits > li[data-tag="blue"] {
  background-color: #4478fa14;
}

:where(.cms-article) .articleBenefits > li:before {
  content: "";
  background-color: var(--f-primary-style-1);
  border-radius: 9999px;
  width: 3rem;
  height: 3rem;
  position: absolute;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleBenefits > li:before {
    width: 2.5rem;
    height: 2.5rem;
  }
}

:where(.cms-article) .articleBenefits > li:before {
  top: 50%;
  transform: translateY(-50%);
}

:where(.cms-article) .articleBenefits > li:after {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='m20 31.172-6.586-6.586-2.828 2.828L20 36.828l19.414-19.414-2.828-2.828z'/%3E%3C/svg%3E");
  width: 2rem;
  height: 2rem;
  color: var(--f-primary-style-6);
  background-color: currentColor;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset-inline-start: 2.5rem;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleBenefits > li:after {
    width: 1.75rem;
    height: 1.75rem;
    inset-inline-start: 22px;
  }
}

:where(.cms-article) .articleBenefits > li:after {
  font-size: 32px;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
}

:where(.cms-article) .articleBenefits > li > p {
  padding-inline-start: 60px;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleBenefits > li > p {
    padding-inline-start: 52px;
  }
}

:where(.cms-article) .articleBenefits > li > p:nth-of-type(2) {
  color: var(--f-bg-active);
  font-size: .875rem;
  line-height: 1.375rem;
}

:where(.cms-article) .articleBenefits > li > p:first-child {
  color: var(--f-bg-base);
  font-weight: 600;
}

:where(.cms-article) .articleCard {
  border-width: 1px;
  border-color: var(--f-border-secondary);
  width: 100%;
  color: var(--f-bg-base);
  background-color: #4478fa0a;
  border-radius: .75rem;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 2rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1280px) {
  :where(.cms-article) .articleCard {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  :where(.cms-article) .articleCard {
    margin-bottom: 1.25rem;
  }
}

[dir="rtl"] :where(.cms-article) .articleCard {
  flex-direction: row-reverse;
}

:where(.cms-article) .articleCard p {
  margin-bottom: 0 !important;
}

:where(.cms-article) .articleCard ul {
  background: none !important;
  list-style: none !important;
}

:where(.cms-article) .articleCard > div {
  width: 100%;
  position: relative;
}

:where(.cms-article) .articleCard > div > div[data-carl-tag] {
  margin-bottom: 1.25rem;
  position: relative;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleCard > div > div[data-carl-tag] {
    margin-bottom: .75rem;
  }
}

:where(.cms-article) .articleCard > div > div[data-carl-tag]:before {
  content: "";
  inset-inline-start: 0;
  box-sizing: border-box;
  border-width: 1px;
  border-color: var(--f-border);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Crect width='24' height='24' fill='%231C1C1D' rx='4'/%3E%3Cpath fill='url(%23g-bypassgpt-icon_a)' d='m6.114 7.224.196-1.672h4.572q2.37 0 3.46.285 1.072.296 1.534.698 1.033.885 1.033 2.724 0 1.366-1.475 2.595 1.878.945 1.878 3.52 0 2.016-1.327 2.999-1.319.974-3.933 1.071H6.31l-.196-1.671c.177-.23.547-.305 1.11-.521V7.745c-.557-.197-.927-.266-1.11-.521m5.053.52h-1.042v3.481h1.642q1.032 0 1.573-.521.55-.52.55-1.278t-.383-1.14a1.58 1.58 0 00-.895-.463q-.501-.078-1.445-.078m.747 5.683h-1.79v3.825h1.387q1.367 0 2.065-.403.708-.413.708-1.455 0-1.052-.55-1.505-.552-.462-1.82-.462'/%3E%3Cpath fill='url(%23g-bypassgpt-icon_b)' d='M7.226 7.749h2.898v2.615H7.226z'/%3E%3Cpath fill='url(%23g-bypassgpt-icon_c)' d='M10.124 17.227h2.898v2.615h-2.898z' transform='rotate(-180 10.124 17.227)'/%3E%3Cpath fill='url(%23g-bypassgpt-icon_d)' d='M10.123 13.428h2.202v2.615h-2.202z' transform='rotate(-90 10.123 13.428)'/%3E%3Cpath fill='url(%23g-bypassgpt-icon_e)' d='M15.436 11.853s-.46-.24-1.291-.444c-.83-.205-2.116-.182-2.116-.182s.604-.013 1.183-.416c.58-.404.654-1.08.654-1.08l2.845.52s-.193.46-.483.811-.792.791-.792.791'/%3E%3Ccircle cx='18.919' cy='5.552' r='1.326' fill='%23FFE1B8'/%3E%3Cdefs%3E%3ClinearGradient id='g-bypassgpt-icon_a' x1='11.654' x2='11.654' y1='5.371' y2='19.642' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFE5BB'/%3E%3Cstop offset='1' stop-color='%23FBB699'/%3E%3C/linearGradient%3E%3ClinearGradient id='g-bypassgpt-icon_b' x1='8.675' x2='8.675' y1='7.749' y2='10.364' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DB9D6F'/%3E%3Cstop offset='1' stop-color='%23FED3AE' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='g-bypassgpt-icon_c' x1='11.573' x2='11.573' y1='17.227' y2='19.842' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CE9367'/%3E%3Cstop offset='1' stop-color='%23FED3AE' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='g-bypassgpt-icon_d' x1='11.224' x2='11.224' y1='13.428' y2='16.043' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C98554'/%3E%3Cstop offset='1' stop-color='%23FED3AE' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='g-bypassgpt-icon_e' x1='13.432' x2='14.271' y1='11.579' y2='9.103' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C0865C'/%3E%3Cstop offset='1' stop-color='%23FED3AE' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-origin: content-box;
  border-radius: .75rem;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-mask-origin: content-box;
  mask-origin: content-box;
}

:where(.cms-article) .articleCard > div > div[data-carl-tag] > p {
  padding-inline-start: 60px !important;
  padding-bottom: 0 !important;
}

:where(.cms-article) .articleCard > div > div[data-carl-tag] > p:first-child {
  color: var(--f-bg-base);
  font-weight: 600;
}

:where(.cms-article) .articleCard > div > div[data-carl-tag] > p:last-child {
  color: var(--f-bg-active);
  --rate: attr(data-rate number);
  --star-size: 18px;
  --star-gap: 2px;
  --star-width: calc(var(--star-size) + var(--star-gap));
  align-items: center;
  gap: 1rem;
  font-size: .875rem;
  line-height: 1.375rem;
  display: flex;
  position: relative;
}

:where(.cms-article) .articleCard > div > div[data-carl-tag] > p:last-child:before {
  content: "★★★★★";
  color: var(--f-secondary);
  font-size: var(--star-size);
  letter-spacing: var(--star-gap);
  clip-path: inset(0 calc((5 - var(--rate)) / 5 * 100%) 0 0);
  z-index: 1;
  line-height: 1;
  display: inline-block;
  position: relative;
}

:where(.cms-article) .articleCard > div > div[data-carl-tag] > p:last-child:after {
  content: "★★★★★";
  color: var(--f-text-secondary);
  font-size: var(--star-size);
  letter-spacing: var(--star-gap);
  white-space: nowrap;
  z-index: 0;
  line-height: 1;
  display: inline-block;
  position: absolute;
  inset-inline-start: 60px;
  overflow: hidden;
}

:where(.cms-article) .articleCard > div > div[data-carl-tag][data-carl-tag]:after {
  content: attr(data-carl-tag);
  top: 0;
  background-color: var(--f-primary-style-1);
  color: var(--f-primary);
  border-radius: 9999px;
  padding: .25rem .5rem;
  font-size: 10px;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  inset-inline-end: 0;
}

:where(.cms-article) .articleCard > div > ul {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}

:where(.cms-article) .articleCard > div > ul > li {
  color: var(--f-bg-active);
  font-size: .875rem;
  line-height: 1.375rem;
  position: relative;
  padding-inline-start: 32px !important;
}

:where(.cms-article) .articleCard > div > ul > li:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 4C12.972 4 4 12.972 4 24s8.972 20 20 20 20-8.972 20-20S35.028 4 24 4m-2.998 28.826-7.426-7.41 2.824-2.832 4.598 4.59 10.588-10.588 2.828 2.828z'/%3E%3C/svg%3E");
  inset-inline-start: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--f-primary-style-5);
  background-color: currentColor;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:is(:where(.cms-article) .articleCard > div > div:has(button), :where(.cms-article) .articleCard > div > div:has(a)) {
  cursor: pointer;
  text-align: center;
  gap: .75rem;
  display: flex;
}

@media (max-width: 1536px) {
  :is(:where(.cms-article) .articleCard > div > div:has(button), :where(.cms-article) .articleCard > div > div:has(a)) {
    flex-direction: column;
  }
}

:is(:where(.cms-article) .articleCard > div > div:has(button) > button:first-of-type, :where(.cms-article) .articleCard > div > div:has(button) > a:first-of-type, :where(.cms-article) .articleCard > div > div:has(a) > button:first-of-type, :where(.cms-article) .articleCard > div > div:has(a) > a:first-of-type) {
  background-color: var(--f-primary);
  color: var(--f-text-invert);
  border-radius: .5rem;
  flex: 1;
  padding: .75rem 1.5rem;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

:is(:where(.humbot-article) ul li span:where(.cms-article) .articleCard > div > div:has(button) > button:first-of-type, :where(.humbot-article) ol li span:where(.cms-article) .articleCard > div > div:has(button) > button:first-of-type, :where(.humbot-article) ul li span:where(.cms-article) .articleCard > div > div:has(button) > a:first-of-type, :where(.humbot-article) ol li span:where(.cms-article) .articleCard > div > div:has(button) > a:first-of-type, :where(.humbot-article) ul li span:where(.cms-article) .articleCard > div > div:has(a) > button:first-of-type, :where(.humbot-article) ol li span:where(.cms-article) .articleCard > div > div:has(a) > button:first-of-type, :where(.humbot-article) ul li span:where(.cms-article) .articleCard > div > div:has(a) > a:first-of-type, :where(.humbot-article) ol li span:where(.cms-article) .articleCard > div > div:has(a) > a:first-of-type) {
  color: var(--f-text);
}

:is(:where(.cms-article) .articleCard > div > div:has(button) > button:first-of-type:hover, :where(.cms-article) .articleCard > div > div:has(button) > a:first-of-type:hover, :where(.cms-article) .articleCard > div > div:has(a) > button:first-of-type:hover, :where(.cms-article) .articleCard > div > div:has(a) > a:first-of-type:hover) {
  text-decoration-line: none;
}

:is(:where(.cms-article) .articleCard > div > div:has(button) > button:first-of-type, :where(.cms-article) .articleCard > div > div:has(button) > a:first-of-type, :where(.cms-article) .articleCard > div > div:has(a) > button:first-of-type, :where(.cms-article) .articleCard > div > div:has(a) > a:first-of-type) {
  isolation: isolate;
}

:where(.cms-article) .articleCard > div > div:has(button) > button:first-of-type:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(button) > a:first-of-type:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(a) > button:first-of-type:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(a) > a:first-of-type:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(button) > button:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(button) > a:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(a) > button:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(a) > a:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:is(:where(.cms-article) .articleCard > div > div:has(button) > button:nth-of-type(2), :where(.cms-article) .articleCard > div > div:has(button) > a:nth-of-type(2), :where(.cms-article) .articleCard > div > div:has(a) > button:nth-of-type(2), :where(.cms-article) .articleCard > div > div:has(a) > a:nth-of-type(2)) {
  border-width: 1px;
  border-color: var(--f-border);
  background-color: var(--f-primary-style-1);
  color: var(--f-primary);
  --tw-shadow: 0 4px 14px 0 #1c273114;
  --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: .5rem;
  flex: 1;
  padding: .75rem 1.5rem;
  font-weight: 700;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
}

:is(:where(.humbot-article) ul li span:where(.cms-article) .articleCard > div > div:has(button) > button:nth-of-type(2), :where(.humbot-article) ol li span:where(.cms-article) .articleCard > div > div:has(button) > button:nth-of-type(2), :where(.humbot-article) ul li span:where(.cms-article) .articleCard > div > div:has(button) > a:nth-of-type(2), :where(.humbot-article) ol li span:where(.cms-article) .articleCard > div > div:has(button) > a:nth-of-type(2), :where(.humbot-article) ul li span:where(.cms-article) .articleCard > div > div:has(a) > button:nth-of-type(2), :where(.humbot-article) ol li span:where(.cms-article) .articleCard > div > div:has(a) > button:nth-of-type(2), :where(.humbot-article) ul li span:where(.cms-article) .articleCard > div > div:has(a) > a:nth-of-type(2), :where(.humbot-article) ol li span:where(.cms-article) .articleCard > div > div:has(a) > a:nth-of-type(2)) {
  color: var(--f-text);
}

:is(:where(.cms-article) .articleCard > div > div:has(button) > button:nth-of-type(2):hover, :where(.cms-article) .articleCard > div > div:has(button) > a:nth-of-type(2):hover, :where(.cms-article) .articleCard > div > div:has(a) > button:nth-of-type(2):hover, :where(.cms-article) .articleCard > div > div:has(a) > a:nth-of-type(2):hover) {
  background-color: var(--f-primary-style-2);
  text-decoration-line: none;
}

:is(:where(.cms-article) .articleCard > div > div:has(button) > button:nth-of-type(2), :where(.cms-article) .articleCard > div > div:has(button) > a:nth-of-type(2), :where(.cms-article) .articleCard > div > div:has(a) > button:nth-of-type(2), :where(.cms-article) .articleCard > div > div:has(a) > a:nth-of-type(2)) {
  isolation: isolate;
}

:where(.cms-article) .articleCard > div > div:has(button) > button:nth-of-type(2):before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa40;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(button) > a:nth-of-type(2):before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa40;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(a) > button:nth-of-type(2):before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa40;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(a) > a:nth-of-type(2):before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa40;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(button) > button:nth-of-type(2):hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(button) > a:nth-of-type(2):hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(a) > button:nth-of-type(2):hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleCard > div > div:has(a) > a:nth-of-type(2):hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleCard > figure {
  border-radius: .5rem;
  max-width: 370px;
  overflow: hidden;
}

@media (max-width: 1280px) {
  :where(.cms-article) .articleCard > figure {
    max-width: 100%;
  }
}

:where(.cms-article) .articleCard > figure > img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
}

:where(.cms-article) .articleLike {
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
}

@media (max-width: 1024px) {
  :where(.cms-article) .articleLike {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  :where(.cms-article) .articleLike {
    margin-bottom: .75rem;
  }
}

:where(.cms-article) .articleLike p {
  margin-bottom: 0 !important;
}

:where(.cms-article) .articleLike ul {
  background: none !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  list-style: none !important;
}

:where(.cms-article) .articleLike > div {
  border-radius: .75rem;
  flex: 1;
  padding: 1.5rem 1rem;
  position: relative;
  overflow: hidden;
}

:where(.cms-article) .articleLike > div > p {
  z-index: 2;
  color: var(--f-primary);
  align-items: center;
  padding-bottom: 1.5rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

:where(.cms-article) .articleLike > div > ul {
  z-index: 2;
  position: relative;
  padding-inline-start: 0 !important;
  padding-bottom: 0 !important;
}

:where(.cms-article) .articleLike > div > ul > li {
  color: var(--f-bg-active);
  font-size: .875rem;
  line-height: 1.375rem;
  position: relative;
  padding-inline-start: 32px !important;
}

:where(.cms-article) .articleLike > div:first-child {
  background-color: #4478fa1a;
}

:where(.cms-article) .articleLike > div:first-child > p:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M40 16H28.776l2.246-6.734a4.01 4.01 0 00-.55-3.604A4.02 4.02 0 0027.224 4H24c-.594 0-1.156.264-1.538.72L13.062 16H8c-2.206 0-4 1.794-4 4v18c0 2.206 1.794 4 4 4h26.614a4.02 4.02 0 003.746-2.596l5.514-14.702A2 2 0 0044 24v-4c0-2.206-1.794-4-4-4M8 20h4v18H8zm32 3.638L34.614 38H16V18.724L24.936 8h2.292l-3.124 9.366A1.996 1.996 0 0026 20h14z'/%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1.5rem;
  color: var(--f-primary);
  background-color: currentColor;
  margin-inline-end: .5rem;
  display: inline-block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.cms-article) .articleLike > div:first-child > p:after {
  content: "";
  background-color: var(--f-primary-style-2);
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: .75rem;
  left: 0;
}

:where(.cms-article) .articleLike > div:first-child > ul > li:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 4C12.972 4 4 12.972 4 24s8.972 20 20 20 20-8.972 20-20S35.028 4 24 4m-2.998 28.826-7.426-7.41 2.824-2.832 4.598 4.59 10.588-10.588 2.828 2.828z'/%3E%3C/svg%3E");
  inset-inline-start: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--f-blue-5);
  background-color: currentColor;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.cms-article) .articleLike > div:last-child {
  background-color: #ff4f511a;
}

:where(.cms-article) .articleLike > div:last-child > p {
  color: var(--f-error);
}

:where(.cms-article) .articleLike > div:last-child > p:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M40 6H13.386A4.02 4.02 0 009.64 8.596L4.126 23.298A2 2 0 004 24v4c0 2.206 1.794 4 4 4h11.224l-2.244 6.734a4 4 0 00.548 3.604A4.02 4.02 0 0020.776 44H24c.594 0 1.156-.264 1.538-.72l9.4-11.28H40c2.206 0 4-1.794 4-4V10c0-2.206-1.794-4-4-4M23.062 40h-2.29l3.124-9.368A2 2 0 0022 28H8v-3.638L13.386 10H32v19.276zM36 28V10h4l.002 18z'/%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1.5rem;
  color: var(--f-error);
  background-color: currentColor;
  margin-inline-end: .5rem;
  display: inline-block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.cms-article) .articleLike > div:last-child > p:after {
  content: "";
  background-color: var(--f-error-bg-hover);
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: .75rem;
  left: 0;
}

:where(.cms-article) .articleLike > div:last-child > ul > li:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 4C12.972 4 4 12.972 4 24s8.972 20 20 20 20-8.972 20-20S35.028 4 24 4m8.414 25.586-2.828 2.828L24 26.828l-5.586 5.586-2.828-2.828L21.172 24l-5.586-5.586 2.828-2.828L24 21.172l5.586-5.586 2.828 2.828L26.828 24z'/%3E%3C/svg%3E");
  inset-inline-start: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--f-red-6);
  background-color: currentColor;
  display: inline-block;
  position: absolute;
  top: 1px;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.cms-article) .articleFeature {
  background-color: #4478fa0a;
  border-radius: .5rem;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleFeature {
    margin-bottom: 1.25rem;
    padding: .75rem;
  }
}

:where(.cms-article) .articleFeature ul {
  padding-inline-start: 0 !important;
  background: none !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  list-style: none !important;
}

:where(.cms-article) .articleFeature > p {
  color: var(--f-bg-base);
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
}

@media (max-width: 768px) {
  :where(.cms-article) .articleFeature > p {
    margin-bottom: .75rem;
  }
}

:where(.cms-article) .articleFeature > ul > li {
  color: var(--f-bg-active);
  padding-inline-start: 1.5rem;
  position: relative;
}

:where(.cms-article) .articleFeature > ul > li:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 4C12.972 4 4 12.972 4 24s8.972 20 20 20 20-8.972 20-20S35.028 4 24 4m-2.998 28.826-7.426-7.41 2.824-2.832 4.598 4.59 10.588-10.588 2.828 2.828z'/%3E%3C/svg%3E");
  inset-inline-start: 0;
  width: 1rem;
  height: 1rem;
  color: var(--f-primary-style-5);
  background-color: currentColor;
  display: inline-block;
  position: absolute;
  top: .25rem;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:is(:where(.cms-article) .articleFeature > div:has(button), :where(.cms-article) .articleFeature > div:has(a)) {
  cursor: pointer;
  text-align: center;
  gap: .75rem;
  margin-top: 1rem;
  display: flex;
}

@media (max-width: 1536px) {
  :is(:where(.cms-article) .articleFeature > div:has(button), :where(.cms-article) .articleFeature > div:has(a)) {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  :is(:where(.cms-article) .articleFeature > div:has(button), :where(.cms-article) .articleFeature > div:has(a)) {
    margin-top: .75rem;
  }
}

:is(:where(.cms-article) .articleFeature > div:has(button) > button:first-of-type, :where(.cms-article) .articleFeature > div:has(button) > a:first-of-type, :where(.cms-article) .articleFeature > div:has(a) > button:first-of-type, :where(.cms-article) .articleFeature > div:has(a) > a:first-of-type) {
  background-color: var(--f-primary);
  color: var(--f-text-invert);
  border-radius: .5rem;
  flex: 1;
  padding: .75rem 1.5rem;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

:is(:where(.humbot-article) ul li span:where(.cms-article) .articleFeature > div:has(button) > button:first-of-type, :where(.humbot-article) ol li span:where(.cms-article) .articleFeature > div:has(button) > button:first-of-type, :where(.humbot-article) ul li span:where(.cms-article) .articleFeature > div:has(button) > a:first-of-type, :where(.humbot-article) ol li span:where(.cms-article) .articleFeature > div:has(button) > a:first-of-type, :where(.humbot-article) ul li span:where(.cms-article) .articleFeature > div:has(a) > button:first-of-type, :where(.humbot-article) ol li span:where(.cms-article) .articleFeature > div:has(a) > button:first-of-type, :where(.humbot-article) ul li span:where(.cms-article) .articleFeature > div:has(a) > a:first-of-type, :where(.humbot-article) ol li span:where(.cms-article) .articleFeature > div:has(a) > a:first-of-type) {
  color: var(--f-text);
}

:is(:where(.cms-article) .articleFeature > div:has(button) > button:first-of-type:hover, :where(.cms-article) .articleFeature > div:has(button) > a:first-of-type:hover, :where(.cms-article) .articleFeature > div:has(a) > button:first-of-type:hover, :where(.cms-article) .articleFeature > div:has(a) > a:first-of-type:hover) {
  text-decoration-line: none;
}

:is(:where(.cms-article) .articleFeature > div:has(button) > button:first-of-type, :where(.cms-article) .articleFeature > div:has(button) > a:first-of-type, :where(.cms-article) .articleFeature > div:has(a) > button:first-of-type, :where(.cms-article) .articleFeature > div:has(a) > a:first-of-type) {
  isolation: isolate;
}

:where(.cms-article) .articleFeature > div:has(button) > button:first-of-type:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(button) > a:first-of-type:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(a) > button:first-of-type:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(a) > a:first-of-type:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(button) > button:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(button) > a:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(a) > button:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(a) > a:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:is(:where(.cms-article) .articleFeature > div:has(button) > button:nth-of-type(2), :where(.cms-article) .articleFeature > div:has(button) > a:nth-of-type(2), :where(.cms-article) .articleFeature > div:has(a) > button:nth-of-type(2), :where(.cms-article) .articleFeature > div:has(a) > a:nth-of-type(2)) {
  background-color: var(--f-primary-style-1);
  color: var(--f-primary);
  --tw-shadow: 0 4px 14px 0 #1c273114;
  --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: .5rem;
  flex: 1;
  padding: .75rem 1.5rem;
  font-weight: 700;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
}

:is(:where(.humbot-article) ul li span:where(.cms-article) .articleFeature > div:has(button) > button:nth-of-type(2), :where(.humbot-article) ol li span:where(.cms-article) .articleFeature > div:has(button) > button:nth-of-type(2), :where(.humbot-article) ul li span:where(.cms-article) .articleFeature > div:has(button) > a:nth-of-type(2), :where(.humbot-article) ol li span:where(.cms-article) .articleFeature > div:has(button) > a:nth-of-type(2), :where(.humbot-article) ul li span:where(.cms-article) .articleFeature > div:has(a) > button:nth-of-type(2), :where(.humbot-article) ol li span:where(.cms-article) .articleFeature > div:has(a) > button:nth-of-type(2), :where(.humbot-article) ul li span:where(.cms-article) .articleFeature > div:has(a) > a:nth-of-type(2), :where(.humbot-article) ol li span:where(.cms-article) .articleFeature > div:has(a) > a:nth-of-type(2)) {
  color: var(--f-text);
}

:is(:where(.cms-article) .articleFeature > div:has(button) > button:nth-of-type(2):hover, :where(.cms-article) .articleFeature > div:has(button) > a:nth-of-type(2):hover, :where(.cms-article) .articleFeature > div:has(a) > button:nth-of-type(2):hover, :where(.cms-article) .articleFeature > div:has(a) > a:nth-of-type(2):hover) {
  background-color: var(--f-primary-style-2);
  text-decoration-line: none;
}

:is(:where(.cms-article) .articleFeature > div:has(button) > button:nth-of-type(2), :where(.cms-article) .articleFeature > div:has(button) > a:nth-of-type(2), :where(.cms-article) .articleFeature > div:has(a) > button:nth-of-type(2), :where(.cms-article) .articleFeature > div:has(a) > a:nth-of-type(2)) {
  isolation: isolate;
}

:where(.cms-article) .articleFeature > div:has(button) > button:nth-of-type(2):before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa40;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(button) > a:nth-of-type(2):before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa40;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(a) > button:nth-of-type(2):before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa40;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(a) > a:nth-of-type(2):before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa40;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(button) > button:nth-of-type(2):hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(button) > a:nth-of-type(2):hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(a) > button:nth-of-type(2):hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.cms-article) .articleFeature > div:has(a) > a:nth-of-type(2):hover:before {
  transform: scaleX(1)skewX(-12deg);
}

.bypassgptAdCardButton {
  isolation: isolate;
}

.bypassgptAdCardButton:before {
  content: "";
  z-index: -1;
  transform-origin: 0;
  background: #4478fa;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: -5px;
  transform: scaleX(0)skewX(-12deg);
}

.bypassgptAdCardButton:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

html {
  scroll-padding-top: 5rem;
}

:where(.undetectableai-article) p {
  color: var(--f-text-secondary);
  margin-bottom: .5rem;
}

@media (max-width: 640px) {
  :where(.undetectableai-article) p {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.undetectableai-article) h2 {
  z-index: 1;
  --tw-text-opacity: 1;
  width: fit-content;
  color: rgb(61 54 78 / var(--tw-text-opacity, 1));
  margin-top: 2.5rem;
  margin-bottom: .75rem;
  padding-top: .125rem;
  padding-bottom: .125rem;
  padding-left: .25rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.5rem;
  position: relative;
}

:where(.humbot-article) ul li span:where(.undetectableai-article) h2, :where(.humbot-article) ol li span:where(.undetectableai-article) h2 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.undetectableai-article) h2 {
    margin-top: 2.5rem;
    margin-bottom: .75rem;
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

:where(.undetectableai-article) h3 {
  --tw-text-opacity: 1;
  color: rgb(61 54 78 / var(--tw-text-opacity, 1));
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
}

@media (max-width: 768px) {
  :where(.undetectableai-article) h3 {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

:where(.undetectableai-article) h4 {
  --tw-text-opacity: 1;
  color: rgb(61 54 78 / var(--tw-text-opacity, 1));
  margin-top: 1.25rem;
  margin-bottom: .75rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}

@media (max-width: 768px) {
  :where(.undetectableai-article) h4 {
    margin-top: .75rem;
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.undetectableai-article) ul, :where(.undetectableai-article) ol {
  color: rgb(61 54 78 / var(--tw-text-opacity, 1));
  --tw-text-opacity: .85;
  background-color: #eeecf466;
  border-radius: .25rem;
  margin-top: .75rem;
  margin-bottom: .75rem;
  padding: 1.25rem 1rem;
  font-size: .875rem;
  line-height: 1.375rem;
}

@media (max-width: 768px) {
  :where(.undetectableai-article) ul, :where(.undetectableai-article) ol {
    padding: .75rem;
  }
}

:where(.undetectableai-article) ul {
  list-style-type: disc;
  list-style-position: inside;
  position: relative;
}

:where(.undetectableai-article) ol {
  list-style-type: decimal;
  list-style-position: inside;
  position: relative;
}

:where(.undetectableai-article) ul li, :where(.undetectableai-article) ol li {
  margin-bottom: .5rem;
}

:where(.undetectableai-article) ul li:last-child, :where(.undetectableai-article) ol li:last-child {
  margin-bottom: 0;
}

:where(.undetectableai-article) a {
  --tw-text-opacity: 1;
  color: rgb(147 124 239 / var(--tw-text-opacity, 1));
}

:where(.undetectableai-article) a:hover {
  text-decoration-line: underline;
}

:where(.undetectableai-article) img {
  margin-bottom: .75rem;
}

:where(.bypassai-article) h2, :where(.bypassai-article) h3, :where(.bypassai-article) h4 {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display) / var(--tw-text-opacity, 1));
}

:where(.bypassai-article) h2 {
  margin-top: 3rem;
  margin-bottom: 1.25rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.5rem;
}

:where(.humbot-article) ul li span:where(.bypassai-article) h2, :where(.humbot-article) ol li span:where(.bypassai-article) h2 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.bypassai-article) h2 {
    margin-top: 1rem;
    margin-bottom: .5rem;
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

:where(.bypassai-article) h3 {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
}

:where(.humbot-article) ul li span:where(.bypassai-article) h3, :where(.humbot-article) ol li span:where(.bypassai-article) h3 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.bypassai-article) h3 {
    margin-top: 1rem;
    margin-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

:where(.bypassai-article) h4 {
  margin-bottom: .75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}

:where(.humbot-article) ul li span:where(.bypassai-article) h4, :where(.humbot-article) ol li span:where(.bypassai-article) h4 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.bypassai-article) h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

:where(.bypassai-article) p {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display-secondary) / var(--tw-text-opacity, 1));
  margin-bottom: .75rem;
}

@media (max-width: 768px) {
  :where(.bypassai-article) p {
    margin-bottom: .5rem;
  }
}

@media (max-width: 640px) {
  :where(.bypassai-article) p {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.bypassai-article) ul li, :where(.bypassai-article) ol li {
  margin-bottom: .5rem;
}

:where(.bypassai-article) ul li:last-child, :where(.bypassai-article) ol li:last-child {
  margin-bottom: 0;
}

:where(.bypassai-article) ul {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display-secondary) / var(--tw-text-opacity, 1));
  border-radius: .5rem;
  margin-bottom: .75rem;
  padding: 1.25rem;
}

@media (max-width: 768px) {
  :where(.bypassai-article) ul {
    margin-bottom: .5rem;
  }
}

@media (max-width: 640px) {
  :where(.bypassai-article) ul {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.bypassai-article) ul {
  list-style-type: disc;
  list-style-position: inside;
}

:where(.bypassai-article) ol {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display-secondary) / var(--tw-text-opacity, 1));
  border-radius: .5rem;
  margin-bottom: .75rem;
  padding: 1.25rem;
}

@media (max-width: 768px) {
  :where(.bypassai-article) ol {
    margin-bottom: .5rem;
  }
}

@media (max-width: 640px) {
  :where(.bypassai-article) ol {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.bypassai-article) ol {
  list-style-type: decimal;
  list-style-position: inside;
}

:where(.bypassai-article) a {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-primary) / var(--tw-text-opacity, 1));
}

:where(.bypassai-article) a:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-primary-hover) / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

:where(.bypassai-article) img {
  margin-bottom: .75rem;
}

:where(.bypassai-article) table {
  table-layout: auto;
  width: 100%;
  margin-bottom: .75rem;
}

:where(.bypassai-article) table tr:first-child {
  --tw-text-opacity: 1;
  color: rgb(25 24 24 / var(--tw-text-opacity, 1));
}

:where(.bypassai-article) table tr:not(:first-child) {
  color: rgb(25 24 24 / var(--tw-text-opacity, 1));
  --tw-text-opacity: .65;
}

:where(.bypassai-article) table td {
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding: .5rem;
}

@media (max-width: 640px) {
  :where(.bypassai-article) table td {
    padding: .25rem;
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.aihumanizer-article) h2, :where(.aihumanizer-article) h3, :where(.aihumanizer-article) h4 {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display) / var(--tw-text-opacity, 1));
}

:where(.aihumanizer-article) h2 {
  margin-top: 3rem;
  margin-bottom: 1.25rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.5rem;
}

:where(.humbot-article) ul li span:where(.aihumanizer-article) h2, :where(.humbot-article) ol li span:where(.aihumanizer-article) h2 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.aihumanizer-article) h2 {
    margin-top: 1rem;
    margin-bottom: .5rem;
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

:where(.aihumanizer-article) h3 {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
}

:where(.humbot-article) ul li span:where(.aihumanizer-article) h3, :where(.humbot-article) ol li span:where(.aihumanizer-article) h3 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.aihumanizer-article) h3 {
    margin-top: 1rem;
    margin-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

:where(.aihumanizer-article) h4 {
  margin-bottom: .75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}

:where(.humbot-article) ul li span:where(.aihumanizer-article) h4, :where(.humbot-article) ol li span:where(.aihumanizer-article) h4 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.aihumanizer-article) h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

:where(.aihumanizer-article) p {
  color: #073d42d9;
  --tw-text-opacity: .85;
  margin-bottom: .75rem;
}

@media (max-width: 768px) {
  :where(.aihumanizer-article) p {
    margin-bottom: .5rem;
  }
}

@media (max-width: 640px) {
  :where(.aihumanizer-article) p {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.aihumanizer-article) ul li, :where(.aihumanizer-article) ol li {
  margin-bottom: .5rem;
}

:where(.aihumanizer-article) ul li:last-child, :where(.aihumanizer-article) ol li:last-child {
  margin-bottom: 0;
}

:where(.aihumanizer-article) ul {
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(237 242 252 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display) / var(--tw-text-opacity, 1));
  border-radius: .5rem;
  margin-bottom: .75rem;
  padding: 1rem;
}

@media (max-width: 768px) {
  :where(.aihumanizer-article) ul {
    margin-bottom: .5rem;
  }
}

@media (max-width: 640px) {
  :where(.aihumanizer-article) ul {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.aihumanizer-article) ul {
  list-style-type: disc;
  list-style-position: inside;
}

:where(.aihumanizer-article) ol {
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(237 242 252 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display) / var(--tw-text-opacity, 1));
  border-radius: .5rem;
  margin-bottom: .75rem;
  padding: 1rem;
}

@media (max-width: 768px) {
  :where(.aihumanizer-article) ol {
    margin-bottom: .5rem;
  }
}

@media (max-width: 640px) {
  :where(.aihumanizer-article) ol {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.aihumanizer-article) ol {
  list-style-type: decimal;
  list-style-position: inside;
}

:where(.aihumanizer-article) a {
  --tw-text-opacity: 1;
  color: rgb(73 211 8 / var(--tw-text-opacity, 1));
}

:where(.aihumanizer-article) a:hover {
  text-decoration-line: underline;
}

:where(.aihumanizer-article) img {
  margin-bottom: .75rem;
}

:where(.aihumanizer-article) table {
  border-collapse: collapse;
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
  width: 100%;
  margin-bottom: 1.5rem;
}

:where(.aihumanizer-article) table th {
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 252 / var(--tw-bg-opacity, 1));
}

:where(.aihumanizer-article) table th, :where(.aihumanizer-article) table td {
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(237 242 252 / var(--tw-border-opacity, 1));
  padding: .5rem 4%;
}

:where(.humbot-article) h2, :where(.humbot-article) h3, :where(.humbot-article) h4 {
  color: var(--f-text);
}

:where(.humbot-article) p, :where(.humbot-article) ul, :where(.humbot-article) ol {
  color: var(--f-text-secondary);
}

@media (max-width: 640px) {
  :where(.humbot-article) p, :where(.humbot-article) ul, :where(.humbot-article) ol {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.humbot-article) h2 {
  margin-top: 2rem;
  margin-bottom: 1.25rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.5rem;
}

:where(.humbot-article) ul li span:where(.humbot-article) h2, :where(.humbot-article) ol li span:where(.humbot-article) h2 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.humbot-article) h2 {
    margin-bottom: .5rem;
    padding-top: 1.5rem;
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

:where(.humbot-article) h3 {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
}

:where(.humbot-article) ul li span:where(.humbot-article) h3, :where(.humbot-article) ol li span:where(.humbot-article) h3 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.humbot-article) h3 {
    margin-top: 1.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

:where(.humbot-article) h4 {
  margin-bottom: .75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
}

:where(.humbot-article) ul li span:where(.humbot-article) h4, :where(.humbot-article) ol li span:where(.humbot-article) h4 {
  color: var(--f-text);
}

@media (max-width: 768px) {
  :where(.humbot-article) h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

:where(.humbot-article) p {
  margin-bottom: .75rem;
}

@media (max-width: 768px) {
  :where(.humbot-article) p {
    margin-bottom: .5rem;
  }
}

:where(.humbot-article) ul li, :where(.humbot-article) ol li {
  color: var(--f-text-secondary);
  margin-bottom: .5rem;
}

:where(.humbot-article) ul li span.font-bold, :where(.humbot-article) ol li span.font-bold {
  color: var(--f-text);
}

:where(.humbot-article) ul li:last-child, :where(.humbot-article) ol li:last-child {
  margin-bottom: 0;
}

:where(.humbot-article) ul {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius: .25rem;
  margin-bottom: .75rem;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}

@media (max-width: 768px) {
  :where(.humbot-article) ul {
    margin-bottom: .5rem;
  }
}

:where(.humbot-article) ul {
  list-style-type: disc;
  list-style-position: inside;
}

:where(.humbot-article) ol {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius: .25rem;
  margin-bottom: .75rem;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}

@media (max-width: 768px) {
  :where(.humbot-article) ol {
    margin-bottom: .5rem;
  }
}

:where(.humbot-article) ol {
  list-style-type: decimal;
  list-style-position: inside;
}

:where(.humbot-article) a {
  color: var(--f-primary);
}

:where(.humbot-article) a:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--ux-primary-hover) / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

:where(.humbot-article) img {
  border-radius: .5rem;
  margin-bottom: .75rem;
  overflow: hidden;
}

:where(.humbot-article) table {
  box-sizing: border-box;
  border-color: var(--f-border);
  border-radius: .75rem;
  width: 100%;
  margin-bottom: .75rem;
  font-size: .875rem;
  line-height: 1.375rem;
  overflow: hidden;
}

:where(.humbot-article) table tr {
  border-bottom-width: 1px;
  border-color: var(--f-border);
}

:where(.humbot-article) table tr:first-child td, :where(.humbot-article) table td:first-child {
  color: var(--f-text-secondary);
  font-weight: 600;
}

:where(.humbot-article) table td {
  border-width: 1px;
  border-color: var(--f-border);
  background-color: var(--f-bg-container);
  color: var(--f-text-secondary);
  padding: 1rem 18px;
}

@media (max-width: 640px) {
  :where(.humbot-article) table td {
    padding: .25rem;
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

:where(.humbot-article) table td:nth-child(2n) {
  background-color: var(--f-bg-hover);
}

:where(.humbot-article) .list-dot {
  background-color: var(--f-bg-elevated);
  color: var(--f-text-secondary);
  margin-bottom: 2rem;
  padding: 1.5rem;
}

:where(.humbot-article) ul {
  color: var(--f-text-secondary);
  margin-bottom: 2rem;
  padding: 1.5rem;
}

:where(.humbot-article) .list-dot-origin {
  padding-top: 0;
  padding-bottom: 0;
  color: var(--f-text-secondary);
  margin-bottom: 1.25rem;
  padding-inline-start: 1.25rem;
}

:where(.humbot-article) .list-dot-origin li {
  margin-bottom: 1rem;
  padding-inline-start: 1.25rem;
  list-style-type: none;
  position: relative;
}

:where(.humbot-article) .list-dot-origin li:before {
  content: "";
  inset-inline-start: 0;
  background-color: currentColor;
  border-radius: 9999px;
  width: 5px;
  height: 5px;
  position: absolute;
  top: .625rem;
}

:where(.humbot-article) .articleList {
  border-width: 1px;
  border-color: var(--f-border-secondary);
  width: 100%;
  color: var(--f-text);
  background-color: #00d76d0a;
  border-radius: .75rem;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleList {
    margin-bottom: 1.25rem;
  }
}

:where(.humbot-article) .articleList ul {
  list-style-type: none;
  margin-bottom: 0 !important;
}

:where(.humbot-article) .articleList p {
  color: var(--f-text);
}

:where(.humbot-article) .articleList > summary {
  -moz-column-gap: .75rem;
  background-color: #0000;
  align-items: center;
  column-gap: .75rem;
  padding: .75rem;
  font-weight: 700;
  display: flex;
}

:where(.humbot-article) ul li span:where(.humbot-article) .articleList > summary, :where(.humbot-article) ol li span:where(.humbot-article) .articleList > summary {
  color: var(--f-text);
}

:where(.humbot-article) .articleList > summary:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M4.167 16.667H2.5V15h1.667zm13.333 0H5V15h12.5zM4.167 10.834H2.5V9.167h1.667zm13.333 0H5V9.167h12.5zM4.167 5H2.5V3.334h1.667zM17.5 5H5V3.334h12.5z'/%3E%3C/svg%3E");
  width: 1.25rem;
  height: 1.25rem;
  color: var(--f-primary);
  background-color: currentColor;
  display: inline-block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.humbot-article) .articleList > summary:after {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M33.027 17 24 26.043 14.973 17 12 19.979 24 32l12-12.021z'/%3E%3C/svg%3E");
  --tw-rotate: 180deg;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  color: var(--f-text);
  background-color: currentColor;
  margin-inline-start: auto;
  transition-property: transform;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.humbot-article) .articleList[open] > summary {
  border-bottom-width: 1px;
  border-color: var(--f-border-secondary);
}

:where(.humbot-article) .articleList[open] > summary:after {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:where(.humbot-article) .articleList > ul {
  background-color: #0000;
  padding: 1rem;
}

:where(.humbot-article) .articleList > ul > li {
  padding-inline-start: 1rem;
  color: var(--f-text);
  padding-bottom: .75rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.375rem;
  position: relative;
  margin: 0 auto !important;
  padding-top: 0 !important;
}

:where(.humbot-article) .articleList > ul > li a {
  color: var(--f-text);
  text-decoration-line: none;
}

:where(.humbot-article) .articleList > ul > li a:hover {
  color: var(--f-primary);
}

:where(.humbot-article) .articleList > ul > li:last-child {
  padding-bottom: 0;
}

:where(.humbot-article) .articleList > ul > li:before {
  content: "";
  inset-inline-start: 0;
  background-color: var(--f-border-active);
  z-index: 2;
  border-radius: 9999px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
}

:where(.humbot-article) .articleList > ul > li:not(:last-child) {
  background-image: linear-gradient(to bottom, transparent 19px, var(--f-primary-style-1) 19px, var(--f-primary-style-1) 100%, transparent 100%);
  background-position: 2px 0;
  background-repeat: no-repeat;
  background-size: 2px 100%;
}

[dir="rtl"] :where(.humbot-article) .articleList > ul > li:not(:last-child) {
  background-position: calc(100% - 2px) 0;
}

:where(.humbot-article) .articleList > ul > li[data-isHot]:after, :where(.humbot-article) .articleList > ul > li [data-isHot]:after {
  content: attr(data-isHot);
  padding: .25rem 6px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  vertical-align: middle;
  background-image: url("https://static-lib.s3.amazonaws.com/cms/2_06c274f068.png?updated_at=2025-12-31T03:24:16.232Z"), linear-gradient(90deg, #ffa600 0%, #ff1d11 100%);
  background-position: 6px, 0 0;
  background-repeat: no-repeat;
  background-size: 10px 10px, 100% 100%;
  border-radius: 9999px;
  align-items: center;
  margin-inline-start: .75rem;
  padding-inline-start: 18px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

[dir="rtl"] :where(.humbot-article) .articleList > ul > li[data-isHot]:after, [dir="rtl"] :where(.humbot-article) .articleList > ul > li [data-isHot]:after {
  background-position: calc(100% - 6px), 0 0;
}

:where(.humbot-article) .articleList > ul > li > ul {
  margin-top: .5rem;
}

:where(.humbot-article) .articleList > ul > li > ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

:where(.humbot-article) .articleList > ul > li > ul {
  color: var(--f-text-tertiary);
  background-color: #0000;
  padding: 0;
  font-weight: 400;
  margin-bottom: 0 !important;
}

:where(.humbot-article) .articleList > ul > li > ul > li {
  color: var(--f-text-tertiary);
  padding-inline-start: 1rem;
}

:where(.humbot-article) .articleList > ul > li > ul > li a {
  color: var(--f-text-tertiary);
  text-decoration-line: none;
}

:where(.humbot-article) .articleList > ul > li > ul > li a:hover {
  color: var(--f-primary);
}

:where(.humbot-article) .articleFlow {
  width: 100%;
  position: relative;
}

:where(.humbot-article) .articleFlow:before {
  content: attr(data-flow);
  float: inline-start;
  background-color: var(--f-primary);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  font-weight: 600;
  font-size: inherit;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 8px 100%);
  border-radius: .375rem .375rem .375rem 0;
  margin-inline-end: .75rem;
  padding-inline: .75rem .25rem;
}

[dir="rtl"] :where(.humbot-article) .articleFlow:before {
  padding-inline: .25rem .75rem;
}

:where(.humbot-article) .articleStep {
  width: 100%;
  position: relative;
}

:where(.humbot-article) .articleStep:before {
  content: attr(data-step);
  font-size: inherit;
  text-wrap: nowrap;
  background-color: var(--f-primary-style-1);
  color: var(--f-primary);
  border-radius: 9999px;
  margin-inline-end: .75rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: inline-block;
}

:where(.humbot-article) .articleTag {
  border-radius: .75rem;
  flex-direction: column;
  row-gap: .75rem;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1.5rem 2rem;
  display: flex;
  position: relative;
}

:where(.humbot-article) .articleTag p {
  margin-bottom: 0 !important;
}

:where(.humbot-article) .articleTag[data-tag="blue"] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 187 255 / var(--tw-bg-opacity, 1));
}

:where(.humbot-article) .articleTag[data-tag="green"] {
  background-color: var(--f-green-5);
}

:where(.humbot-article) .articleTag[data-tag="orange"] {
  background-color: var(--f-yellow-5);
}

:where(.humbot-article) .articleTag:before {
  content: "";
  z-index: 1;
  border-radius: .5rem;
  width: calc(100% - 5px);
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

:where(.humbot-article) .articleTag[data-tag="blue"]:before {
  background-color: #f1f6fe;
}

:where(.humbot-article) .articleTag[data-tag="green"]:before {
  background-color: #eef9e8;
}

:where(.humbot-article) .articleTag[data-tag="orange"]:before {
  background-color: #fff8e6;
}

:where(.humbot-article) .articleTag > p {
  z-index: 2;
  position: relative;
  padding: 0 !important;
}

:where(.humbot-article) .articleTag > p:first-child {
  color: var(--f-text);
  font-weight: 600;
}

:where(.humbot-article) .articleTag > p:last-child {
  color: var(--f-text-secondary);
  font-size: .875rem;
  line-height: 1.375rem;
}

:where(.humbot-article) .articleTable {
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(231 235 239 / var(--tw-border-opacity, 1));
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  box-sizing: border-box;
  border-radius: .75rem;
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
}

:where(.humbot-article) .articleTable tr:first-child td {
  font-weight: 400;
}

:where(.humbot-article) .articleTable td {
  background-color: #fff !important;
}

:where(.humbot-article) .articleTable > thead > tr {
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(231 235 239 / var(--tw-border-opacity, 1));
  background-color: var(--f-text);
}

:where(.humbot-article) .articleTable > thead > tr th {
  text-align: start;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  box-sizing: border-box;
  text-overflow: ellipsis;
  word-wrap: break-word;
  padding: .5rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.125rem;
  overflow: hidden;
  border: none !important;
  border-bottom: 1px solid var(--f-border-secondary) !important;
  padding: .75rem !important;
}

:where(.humbot-article) .articleTable > tbody > tr {
  --tw-border-opacity: 1;
  border-bottom-width: 1px;
  border-color: rgb(231 235 239 / var(--tw-border-opacity, 1));
  font-size: .75rem;
  line-height: 1.125rem;
}

:where(.humbot-article) .articleTable > tbody > tr:last-child {
  border-bottom-width: 0;
}

:where(.humbot-article) .articleTable > tbody > tr td {
  color: var(--f-text);
  box-sizing: border-box;
  text-overflow: ellipsis;
  word-wrap: break-word;
  font-size: .75rem;
  line-height: 1.125rem;
  overflow: hidden;
  border: none !important;
  border-bottom: 1px solid #e7ebef !important;
  padding: .675rem .75rem !important;
}

:where(.humbot-article) .articleTable > tbody > tr td:first-child {
  font-weight: 600;
}

:where(.humbot-article) .articleTable > tbody > tr td:not(:first-child) {
  border-inline-start: 1px solid var(--f-border-secondary) !important;
}

:where(.humbot-article) .articleTable > tbody > tr:last-child td {
  border-bottom-width: 0;
  border-bottom: none !important;
}

:where(.humbot-article) .articleTable:not(:has(thead)) > tbody > tr > td:first-child {
  background-color: #eef9e8 !important;
}

:where(.humbot-article) .articleButton {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleButton {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }
}

:where(.humbot-article) .articleButton > button, :where(.humbot-article) .articleButton > a {
  background-color: var(--f-primary-hover);
  width: fit-content;
  color: var(--f-text);
  border-radius: .5rem;
  margin-left: auto;
  margin-right: auto;
  padding: .75rem 1.5rem;
  font-weight: 700;
  display: block;
  position: relative;
  overflow: hidden;
}

:where(.humbot-article) ul li span:where(.humbot-article) .articleButton > button, :where(.humbot-article) ol li span:where(.humbot-article) .articleButton > button, :where(.humbot-article) ul li span:where(.humbot-article) .articleButton > a, :where(.humbot-article) ol li span:where(.humbot-article) .articleButton > a {
  color: var(--f-text);
}

:where(.humbot-article) .articleButton > button:before, :where(.humbot-article) .articleButton > a:before {
  content: "";
  transform-origin: 0;
  background: #00d76d;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

:where(.humbot-article) .articleButton > button > *, :where(.humbot-article) .articleButton > a > * {
  z-index: 1;
  position: relative;
}

:where(.humbot-article) .articleButton > button:hover:before, :where(.humbot-article) .articleButton > a:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.humbot-article) .articleButton > a, :where(.humbot-article) .articleButton > a:hover {
  text-decoration-line: none;
}

:where(.humbot-article) .articleButton > p {
  text-align: center;
  color: var(--f-text-tertiary);
  padding-top: .75rem;
  font-size: .75rem;
  line-height: 1.125rem;
}

:where(.humbot-article) .articleBenefits {
  width: 100%;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleBenefits {
    margin-bottom: .75rem;
  }
}

:where(.humbot-article) .articleBenefits {
  background: none !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

:where(.humbot-article) .articleBenefits p {
  margin-bottom: 0 !important;
}

:where(.humbot-article) .articleBenefits > li {
  background-color: #00d76d0a;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 94px;
  margin-bottom: 1.25rem;
  padding: 1.5rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleBenefits > li {
    margin-bottom: .5rem;
    padding: 1.25rem 1rem;
  }
}

:where(.humbot-article) .articleBenefits > li {
  margin-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  :where(.humbot-article) .articleBenefits > li {
    margin-bottom: 10px !important;
  }
}

:where(.humbot-article) .articleBenefits > li[data-tag="blue"] {
  background-color: #00d76d1a;
}

:where(.humbot-article) .articleBenefits > li:before {
  content: "";
  background-color: var(--f-primary-style-1);
  border-radius: 9999px;
  width: 3rem;
  height: 3rem;
  position: absolute;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleBenefits > li:before {
    width: 2.5rem;
    height: 2.5rem;
  }
}

:where(.humbot-article) .articleBenefits > li:before {
  top: 50%;
  transform: translateY(-50%);
}

:where(.humbot-article) .articleBenefits > li:after {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='m20 31.172-6.586-6.586-2.828 2.828L20 36.828l19.414-19.414-2.828-2.828z'/%3E%3C/svg%3E");
  width: 2rem;
  height: 2rem;
  color: var(--f-primary);
  background-color: currentColor;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset-inline-start: 2.5rem;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleBenefits > li:after {
    width: 1.75rem;
    height: 1.75rem;
    inset-inline-start: 22px;
  }
}

:where(.humbot-article) .articleBenefits > li:after {
  font-size: 32px;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
}

:where(.humbot-article) .articleBenefits > li > p {
  padding-inline-start: 60px;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleBenefits > li > p {
    padding-inline-start: 52px;
  }
}

:where(.humbot-article) .articleBenefits > li > p:nth-of-type(2) {
  color: var(--f-text-secondary);
  font-size: .875rem;
  line-height: 1.375rem;
}

:where(.humbot-article) .articleBenefits > li > p:first-child {
  color: var(--f-text);
  font-weight: 600;
}

:where(.humbot-article) .articleCard {
  border-width: 1px;
  border-color: var(--f-border-secondary);
  background-color: #00d76d0a;
  border-radius: .75rem;
  justify-content: space-between;
  gap: 1.25rem;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1280px) {
  :where(.humbot-article) .articleCard {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleCard {
    margin-bottom: 1.25rem;
  }
}

[dir="rtl"] :where(.humbot-article) .articleCard {
  flex-direction: row-reverse;
}

:where(.humbot-article) .articleCard p {
  margin-bottom: 0 !important;
}

:where(.humbot-article) .articleCard ul {
  background: none !important;
  list-style: none !important;
}

:where(.humbot-article) .articleCard > div {
  width: 100%;
  position: relative;
}

:where(.humbot-article) .articleCard > div > div[data-carl-tag] {
  margin-bottom: 1.25rem;
  position: relative;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleCard > div > div[data-carl-tag] {
    margin-bottom: .75rem;
  }
}

:where(.humbot-article) .articleCard > div > div[data-carl-tag]:before {
  content: "";
  inset-inline-start: 0;
  box-sizing: border-box;
  border-width: 1px;
  border-color: var(--f-border);
  --tw-bg-opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath fill='%23000' d='M18.5 4 17 3 8 8v13l10.5-5z'/%3E%3Cpath fill='url(%23d-logo-ico_a)' fill-rule='evenodd' d='M13.514.4a3.06 3.06 0 00-3.028 0L2.588 4.906a2.99 2.99 0 00-1.514 2.59v9.01c0 1.068.577 2.056 1.514 2.59l7.898 4.504a3.06 3.06 0 003.028 0l7.899-4.504a2.99 2.99 0 001.514-2.59v-9.01a2.99 2.99 0 00-1.514-2.59zm-5.15 19.287c0 .279.197.392.438.252l2.054-1.185a.97.97 0 00.437-.758V14.69c0-.28.196-.618.438-.758l2.582-1.491c.242-.14.438-.027.438.252V16c0 .279.196.392.438.252l2.053-1.185a.97.97 0 00.437-.758V3.736c0-.279-.195-.392-.437-.252l-2.053 1.185a.97.97 0 00-.438.758v3.306a.97.97 0 01-.437.758l-2.583 1.491c-.242.14-.438.027-.438-.252V7.424c0-.28-.196-.393-.437-.253L8.802 8.356a.97.97 0 00-.437.758z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23d-logo-ico_b)' fill-rule='evenodd' d='M13.514.4a3.06 3.06 0 00-3.028 0L2.588 4.906a2.99 2.99 0 00-1.514 2.59v9.01c0 1.068.577 2.056 1.514 2.59l7.898 4.504a3.06 3.06 0 003.028 0l7.899-4.504a2.99 2.99 0 001.514-2.59v-9.01a2.99 2.99 0 00-1.514-2.59zm-5.15 19.287c0 .279.197.392.438.252l2.054-1.185a.97.97 0 00.437-.758V14.69c0-.28.196-.618.438-.758l2.582-1.491c.242-.14.438-.027.438.252V16c0 .279.196.392.438.252l2.053-1.185a.97.97 0 00.437-.758V3.736c0-.279-.195-.392-.437-.252l-2.053 1.185a.97.97 0 00-.438.758v3.306a.97.97 0 01-.437.758l-2.583 1.491c-.242.14-.438.027-.438-.252V7.424c0-.28-.196-.393-.437-.253L8.802 8.356a.97.97 0 00-.437.758z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23d-logo-ico_c)' fill-rule='evenodd' d='M13.514.4a3.06 3.06 0 00-3.028 0L2.588 4.906a2.99 2.99 0 00-1.514 2.59v9.01c0 1.068.577 2.056 1.514 2.59l7.898 4.504a3.06 3.06 0 003.028 0l7.899-4.504a2.99 2.99 0 001.514-2.59v-9.01a2.99 2.99 0 00-1.514-2.59zm-5.15 19.287c0 .279.197.392.438.252l2.054-1.185a.97.97 0 00.437-.758V14.69c0-.28.196-.618.438-.758l2.582-1.491c.242-.14.438-.027.438.252V16c0 .279.196.392.438.252l2.053-1.185a.97.97 0 00.437-.758V3.736c0-.279-.195-.392-.437-.252l-2.053 1.185a.97.97 0 00-.438.758v3.306a.97.97 0 01-.437.758l-2.583 1.491c-.242.14-.438.027-.438-.252V7.424c0-.28-.196-.393-.437-.253L8.802 8.356a.97.97 0 00-.437.758z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23d-logo-ico_d)' fill-opacity='.5' fill-rule='evenodd' d='M13.514.4a3.06 3.06 0 00-3.028 0L2.588 4.906a2.99 2.99 0 00-1.514 2.59v9.01c0 1.068.577 2.056 1.514 2.59l7.898 4.504a3.06 3.06 0 003.028 0l7.899-4.504a2.99 2.99 0 001.514-2.59v-9.01a2.99 2.99 0 00-1.514-2.59zm-5.15 19.287c0 .279.197.392.438.252l2.054-1.185a.97.97 0 00.437-.758V14.69c0-.28.196-.618.438-.758l2.582-1.491c.242-.14.438-.027.438.252V16c0 .279.196.392.438.252l2.053-1.185a.97.97 0 00.437-.758V3.736c0-.279-.195-.392-.437-.252l-2.053 1.185a.97.97 0 00-.438.758v3.306a.97.97 0 01-.437.758l-2.583 1.491c-.242.14-.438.027-.438-.252V7.424c0-.28-.196-.393-.437-.253L8.802 8.356a.97.97 0 00-.437.758z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23d-logo-ico_e)' fill-opacity='.6' fill-rule='evenodd' d='M13.514.4a3.06 3.06 0 00-3.028 0L2.588 4.906a2.99 2.99 0 00-1.514 2.59v9.01c0 1.068.577 2.056 1.514 2.59l7.898 4.504a3.06 3.06 0 003.028 0l7.899-4.504a2.99 2.99 0 001.514-2.59v-9.01a2.99 2.99 0 00-1.514-2.59zm-5.15 19.287c0 .279.197.392.438.252l2.054-1.185a.97.97 0 00.437-.758V14.69c0-.28.196-.618.438-.758l2.582-1.491c.242-.14.438-.027.438.252V16c0 .279.196.392.438.252l2.053-1.185a.97.97 0 00.437-.758V3.736c0-.279-.195-.392-.437-.252l-2.053 1.185a.97.97 0 00-.438.758v3.306a.97.97 0 01-.437.758l-2.583 1.491c-.242.14-.438.027-.438-.252V7.424c0-.28-.196-.393-.437-.253L8.802 8.356a.97.97 0 00-.437.758z' clip-rule='evenodd'/%3E%3Cdefs%3E%3ClinearGradient id='d-logo-ico_a' x1='6.329' x2='23.349' y1='2.606' y2='15.412' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2389FFF8'/%3E%3Cstop offset='.387' stop-color='%2389FFF8'/%3E%3Cstop offset='.546' stop-color='%2336F094'/%3E%3C/linearGradient%3E%3ClinearGradient id='d-logo-ico_b' x1='8.33' x2='8.423' y1='20.229' y2='20.229' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2389FFF8'/%3E%3Cstop offset='1' stop-color='%2389FFF8' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d-logo-ico_c' x1='18.376' x2='13.471' y1='20.806' y2='16.731' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.269' stop-color='%2369FFB5'/%3E%3Cstop offset='1' stop-color='%234DFFA7' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient id='d-logo-ico_d' cx='0' cy='0' r='1' gradientTransform='matrix(-2.28468 2.98529 -12.1142 -9.27089 19.763 14.692)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C3FFE1'/%3E%3Cstop offset='1' stop-color='%234DFFA9' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d-logo-ico_e' cx='0' cy='0' r='1' gradientTransform='matrix(-.76921 1.76465 -6.22607 -2.7139 4.805 7.437)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D9FFFA'/%3E%3Cstop offset='1' stop-color='%238AFFF9' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  background-origin: content-box;
  border-radius: .75rem;
  width: 3rem;
  height: 3rem;
  padding: .375rem;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-mask-origin: content-box;
  mask-origin: content-box;
}

:where(.humbot-article) .articleCard > div > div[data-carl-tag] > p {
  padding-inline-start: 60px !important;
  padding-bottom: 0 !important;
}

:where(.humbot-article) .articleCard > div > div[data-carl-tag] > p:first-child {
  color: var(--f-text);
  font-weight: 600;
}

:where(.humbot-article) .articleCard > div > div[data-carl-tag] > p:last-child {
  color: var(--f-text-secondary);
  --rate: attr(data-rate number);
  --star-size: 18px;
  --star-gap: 2px;
  --star-width: calc(var(--star-size) + var(--star-gap));
  align-items: center;
  gap: 1rem;
  font-size: .875rem;
  line-height: 1.375rem;
  display: flex;
  position: relative;
}

:where(.humbot-article) .articleCard > div > div[data-carl-tag] > p:last-child:before {
  content: "★★★★★";
  color: var(--f-yellow-5);
  font-size: var(--star-size);
  letter-spacing: var(--star-gap);
  clip-path: inset(0 calc((5 - var(--rate)) / 5 * 100%) 0 0);
  z-index: 1;
  line-height: 1;
  display: inline-block;
  position: relative;
}

:where(.humbot-article) .articleCard > div > div[data-carl-tag] > p:last-child:after {
  content: "★★★★★";
  color: var(--f-text-quaternary);
  font-size: var(--star-size);
  letter-spacing: var(--star-gap);
  white-space: nowrap;
  z-index: 0;
  line-height: 1;
  display: inline-block;
  position: absolute;
  inset-inline-start: 60px;
  overflow: hidden;
}

:where(.humbot-article) .articleCard > div > div[data-carl-tag][data-carl-tag]:after {
  content: attr(data-carl-tag);
  top: 0;
  border-width: 1px;
  border-color: var(--f-orange-5);
  background-color: var(--f-orange-1);
  color: var(--f-orange-7);
  border-radius: 9999px;
  padding: .25rem .5rem;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  inset-inline-end: 0;
}

:where(.humbot-article) .articleCard > div > ul {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}

:where(.humbot-article) .articleCard > div > ul > li {
  color: var(--f-text);
  font-size: .875rem;
  line-height: 1.375rem;
  position: relative;
  padding-inline-start: 32px !important;
}

:where(.humbot-article) .articleCard > div > ul > li:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 4C12.972 4 4 12.972 4 24s8.972 20 20 20 20-8.972 20-20S35.028 4 24 4m-2.998 28.826-7.426-7.41 2.824-2.832 4.598 4.59 10.588-10.588 2.828 2.828z'/%3E%3C/svg%3E");
  inset-inline-start: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--f-green-5);
  background-color: currentColor;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:is(:where(.humbot-article) .articleCard > div > div:has(button), :where(.humbot-article) .articleCard > div > div:has(a)) {
  cursor: pointer;
  text-align: center;
  gap: .75rem;
  display: flex;
}

@media (max-width: 1536px) {
  :is(:where(.humbot-article) .articleCard > div > div:has(button), :where(.humbot-article) .articleCard > div > div:has(a)) {
    flex-direction: column;
  }
}

:is(:where(.humbot-article) .articleCard > div > div:has(button) > button:first-of-type, :where(.humbot-article) .articleCard > div > div:has(button) > a:first-of-type, :where(.humbot-article) .articleCard > div > div:has(a) > button:first-of-type, :where(.humbot-article) .articleCard > div > div:has(a) > a:first-of-type) {
  background-color: var(--f-primary-hover);
  color: var(--f-text);
  border-radius: .5rem;
  flex: 1;
  padding: .75rem 1.5rem;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

:is(:where(.humbot-article) ul li span:where(.humbot-article) .articleCard > div > div:has(button) > button:first-of-type, :where(.humbot-article) ol li span:where(.humbot-article) .articleCard > div > div:has(button) > button:first-of-type, :where(.humbot-article) ul li span:where(.humbot-article) .articleCard > div > div:has(button) > a:first-of-type, :where(.humbot-article) ol li span:where(.humbot-article) .articleCard > div > div:has(button) > a:first-of-type, :where(.humbot-article) ul li span:where(.humbot-article) .articleCard > div > div:has(a) > button:first-of-type, :where(.humbot-article) ol li span:where(.humbot-article) .articleCard > div > div:has(a) > button:first-of-type, :where(.humbot-article) ul li span:where(.humbot-article) .articleCard > div > div:has(a) > a:first-of-type, :where(.humbot-article) ol li span:where(.humbot-article) .articleCard > div > div:has(a) > a:first-of-type) {
  color: var(--f-text);
}

:is(:where(.humbot-article) .articleCard > div > div:has(button) > button:first-of-type:hover, :where(.humbot-article) .articleCard > div > div:has(button) > a:first-of-type:hover, :where(.humbot-article) .articleCard > div > div:has(a) > button:first-of-type:hover, :where(.humbot-article) .articleCard > div > div:has(a) > a:first-of-type:hover) {
  text-decoration-line: none;
}

:where(.humbot-article) .articleCard > div > div:has(button) > button:first-of-type:before {
  content: "";
  transform-origin: 0;
  background: #00d76d;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

:where(.humbot-article) .articleCard > div > div:has(button) > a:first-of-type:before {
  content: "";
  transform-origin: 0;
  background: #00d76d;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

:where(.humbot-article) .articleCard > div > div:has(a) > button:first-of-type:before {
  content: "";
  transform-origin: 0;
  background: #00d76d;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

:where(.humbot-article) .articleCard > div > div:has(a) > a:first-of-type:before {
  content: "";
  transform-origin: 0;
  background: #00d76d;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

:is(:where(.humbot-article) .articleCard > div > div:has(button) > button:first-of-type > *, :where(.humbot-article) .articleCard > div > div:has(button) > a:first-of-type > *, :where(.humbot-article) .articleCard > div > div:has(a) > button:first-of-type > *, :where(.humbot-article) .articleCard > div > div:has(a) > a:first-of-type > *) {
  z-index: 1;
  position: relative;
}

:where(.humbot-article) .articleCard > div > div:has(button) > button:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.humbot-article) .articleCard > div > div:has(button) > a:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.humbot-article) .articleCard > div > div:has(a) > button:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.humbot-article) .articleCard > div > div:has(a) > a:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:is(:where(.humbot-article) .articleCard > div > div:has(button) > button:nth-of-type(2), :where(.humbot-article) .articleCard > div > div:has(button) > a:nth-of-type(2), :where(.humbot-article) .articleCard > div > div:has(a) > button:nth-of-type(2), :where(.humbot-article) .articleCard > div > div:has(a) > a:nth-of-type(2)) {
  border-width: 1px;
  border-color: var(--f-border);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: var(--f-text);
  --tw-shadow: 0 4px 14px 0 #1c273114;
  --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: .5rem;
  flex: 1;
  padding: .75rem 1.5rem;
  font-weight: 700;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  position: relative;
}

:is(:where(.humbot-article) ul li span:where(.humbot-article) .articleCard > div > div:has(button) > button:nth-of-type(2), :where(.humbot-article) ol li span:where(.humbot-article) .articleCard > div > div:has(button) > button:nth-of-type(2), :where(.humbot-article) ul li span:where(.humbot-article) .articleCard > div > div:has(button) > a:nth-of-type(2), :where(.humbot-article) ol li span:where(.humbot-article) .articleCard > div > div:has(button) > a:nth-of-type(2), :where(.humbot-article) ul li span:where(.humbot-article) .articleCard > div > div:has(a) > button:nth-of-type(2), :where(.humbot-article) ol li span:where(.humbot-article) .articleCard > div > div:has(a) > button:nth-of-type(2), :where(.humbot-article) ul li span:where(.humbot-article) .articleCard > div > div:has(a) > a:nth-of-type(2), :where(.humbot-article) ol li span:where(.humbot-article) .articleCard > div > div:has(a) > a:nth-of-type(2)) {
  color: var(--f-text);
}

:is(:where(.humbot-article) .articleCard > div > div:has(button) > button:nth-of-type(2):hover, :where(.humbot-article) .articleCard > div > div:has(button) > a:nth-of-type(2):hover, :where(.humbot-article) .articleCard > div > div:has(a) > button:nth-of-type(2):hover, :where(.humbot-article) .articleCard > div > div:has(a) > a:nth-of-type(2):hover) {
  color: var(--f-primary);
  text-decoration-line: none;
}

:where(.humbot-article) .articleCard > figure {
  border-radius: .5rem;
  max-width: 370px;
  overflow: hidden;
}

@media (max-width: 1280px) {
  :where(.humbot-article) .articleCard > figure {
    max-width: 100%;
  }
}

:where(.humbot-article) .articleCard > figure > img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
}

:where(.humbot-article) .articleLike {
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
}

@media (max-width: 1024px) {
  :where(.humbot-article) .articleLike {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleLike {
    margin-bottom: .75rem;
  }
}

:where(.humbot-article) .articleLike p {
  margin-bottom: 0 !important;
}

:where(.humbot-article) .articleLike ul {
  background: none !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  list-style: none !important;
}

:where(.humbot-article) .articleLike > div {
  border-radius: .75rem;
  flex: 1;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

:where(.humbot-article) .articleLike > div:before {
  content: "";
  inset-inline-start: 0;
  z-index: 1;
  border-radius: .5rem;
  width: 100%;
  height: calc(100% - 5px);
  position: absolute;
  top: 5px;
  bottom: 0;
}

:where(.humbot-article) .articleLike > div > p {
  z-index: 2;
  color: var(--f-text);
  align-items: center;
  padding-bottom: 1.25rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

:where(.humbot-article) .articleLike > div > ul {
  z-index: 2;
  position: relative;
  padding-inline-start: 0 !important;
  padding-bottom: 0 !important;
}

:where(.humbot-article) .articleLike > div > ul > li {
  color: var(--f-text);
  font-size: .875rem;
  line-height: 1.375rem;
  position: relative;
  padding-inline-start: 32px !important;
}

:where(.humbot-article) .articleLike > div:first-child {
  --tw-bg-opacity: 1;
  background-color: rgb(177 228 152 / var(--tw-bg-opacity, 1));
}

:where(.humbot-article) .articleLike > div:first-child:before {
  --tw-bg-opacity: 1;
  background-color: rgb(238 249 232 / var(--tw-bg-opacity, 1));
}

:where(.humbot-article) .articleLike > div:first-child > p:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M40 16H28.776l2.246-6.734a4.01 4.01 0 00-.55-3.604A4.02 4.02 0 0027.224 4H24c-.594 0-1.156.264-1.538.72L13.062 16H8c-2.206 0-4 1.794-4 4v18c0 2.206 1.794 4 4 4h26.614a4.02 4.02 0 003.746-2.596l5.514-14.702A2 2 0 0044 24v-4c0-2.206-1.794-4-4-4M8 20h4v18H8zm32 3.638L34.614 38H16V18.724L24.936 8h2.292l-3.124 9.366A1.996 1.996 0 0026 20h14z'/%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1.5rem;
  color: var(--f-green-5);
  background-color: currentColor;
  margin-inline-end: .5rem;
  display: inline-block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.humbot-article) .articleLike > div:first-child > ul > li:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 4C12.972 4 4 12.972 4 24s8.972 20 20 20 20-8.972 20-20S35.028 4 24 4m-2.998 28.826-7.426-7.41 2.824-2.832 4.598 4.59 10.588-10.588 2.828 2.828z'/%3E%3C/svg%3E");
  inset-inline-start: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--f-green-5);
  background-color: currentColor;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.humbot-article) .articleLike > div:last-child {
  --tw-bg-opacity: 1;
  background-color: rgb(255 223 140 / var(--tw-bg-opacity, 1));
}

:where(.humbot-article) .articleLike > div:last-child:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 230 / var(--tw-bg-opacity, 1));
}

:where(.humbot-article) .articleLike > div:last-child > p:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M40 6H13.386A4.02 4.02 0 009.64 8.596L4.126 23.298A2 2 0 004 24v4c0 2.206 1.794 4 4 4h11.224l-2.244 6.734a4 4 0 00.548 3.604A4.02 4.02 0 0020.776 44H24c.594 0 1.156-.264 1.538-.72l9.4-11.28H40c2.206 0 4-1.794 4-4V10c0-2.206-1.794-4-4-4M23.062 40h-2.29l3.124-9.368A2 2 0 0022 28H8v-3.638L13.386 10H32v19.276zM36 28V10h4l.002 18z'/%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1.5rem;
  color: var(--f-yellow-5);
  background-color: currentColor;
  margin-inline-end: .5rem;
  display: inline-block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.humbot-article) .articleLike > div:last-child > ul > li:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 4C12.972 4 4 12.972 4 24s8.972 20 20 20 20-8.972 20-20S35.028 4 24 4m8.414 25.586-2.828 2.828L24 26.828l-5.586 5.586-2.828-2.828L21.172 24l-5.586-5.586 2.828-2.828L24 21.172l5.586-5.586 2.828 2.828L26.828 24z'/%3E%3C/svg%3E");
  inset-inline-start: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--f-warning);
  background-color: currentColor;
  display: inline-block;
  position: absolute;
  top: 1px;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.humbot-article) .articleFeature {
  border-width: 1px;
  border-color: var(--f-border);
  background-color: #00d76d0a;
  border-radius: .5rem;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleFeature {
    margin-bottom: 1.25rem;
    padding: .75rem;
  }
}

:where(.humbot-article) .articleFeature ul {
  padding-inline-start: 0 !important;
  background: none !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  list-style: none !important;
}

:where(.humbot-article) .articleFeature > p {
  color: var(--f-text);
  margin-bottom: 1rem;
  font-weight: 600;
}

@media (max-width: 768px) {
  :where(.humbot-article) .articleFeature > p {
    margin-bottom: .75rem;
  }
}

:where(.humbot-article) .articleFeature > ul > li {
  color: var(--f-text-secondary);
  padding-inline-start: 1.5rem;
  font-size: .875rem;
  line-height: 1.375rem;
  position: relative;
}

:where(.humbot-article) .articleFeature > ul > li:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cg fill='black'%3E%3Cpath d='m21.002 32.826-7.426-7.41 2.824-2.832 4.598 4.59 10.588-10.588 2.828 2.828z'/%3E%3Cpath d='M24 4C12.972 4 4 12.972 4 24c.002 11.03 8.974 20.002 20 20.002 11.028 0 20-8.972 20.002-20.002C44.002 12.972 35.03 4 24 4m0 36.002c-8.82 0-15.998-7.178-16-16.002 0-8.822 7.178-16 16-16 8.824 0 16.002 7.178 16.002 16C40 32.824 32.822 40.002 24 40.002'/%3E%3C/g%3E%3C/svg%3E");
  inset-inline-start: 0;
  width: 1rem;
  height: 1rem;
  color: var(--f-green-5);
  background-color: currentColor;
  display: inline-block;
  position: absolute;
  top: .125rem;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

:where(.humbot-article) .articleFeature > ul > li > span {
  white-space: nowrap;
  font-weight: 600;
}

:is(:where(.humbot-article) .articleFeature > div:has(button), :where(.humbot-article) .articleFeature > div:has(a)) {
  cursor: pointer;
  text-align: center;
  gap: .75rem;
  margin-top: 1rem;
  display: flex;
}

@media (max-width: 1536px) {
  :is(:where(.humbot-article) .articleFeature > div:has(button), :where(.humbot-article) .articleFeature > div:has(a)) {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  :is(:where(.humbot-article) .articleFeature > div:has(button), :where(.humbot-article) .articleFeature > div:has(a)) {
    margin-top: .75rem;
  }
}

:is(:where(.humbot-article) .articleFeature > div:has(button) > button:first-of-type, :where(.humbot-article) .articleFeature > div:has(button) > a:first-of-type, :where(.humbot-article) .articleFeature > div:has(a) > button:first-of-type, :where(.humbot-article) .articleFeature > div:has(a) > a:first-of-type) {
  background-color: var(--f-primary-hover);
  color: var(--f-text);
  border-radius: .5rem;
  flex: 1;
  padding: .75rem 1.5rem;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

:is(:where(.humbot-article) ul li span:where(.humbot-article) .articleFeature > div:has(button) > button:first-of-type, :where(.humbot-article) ol li span:where(.humbot-article) .articleFeature > div:has(button) > button:first-of-type, :where(.humbot-article) ul li span:where(.humbot-article) .articleFeature > div:has(button) > a:first-of-type, :where(.humbot-article) ol li span:where(.humbot-article) .articleFeature > div:has(button) > a:first-of-type, :where(.humbot-article) ul li span:where(.humbot-article) .articleFeature > div:has(a) > button:first-of-type, :where(.humbot-article) ol li span:where(.humbot-article) .articleFeature > div:has(a) > button:first-of-type, :where(.humbot-article) ul li span:where(.humbot-article) .articleFeature > div:has(a) > a:first-of-type, :where(.humbot-article) ol li span:where(.humbot-article) .articleFeature > div:has(a) > a:first-of-type) {
  color: var(--f-text);
}

:is(:where(.humbot-article) .articleFeature > div:has(button) > button:first-of-type:hover, :where(.humbot-article) .articleFeature > div:has(button) > a:first-of-type:hover, :where(.humbot-article) .articleFeature > div:has(a) > button:first-of-type:hover, :where(.humbot-article) .articleFeature > div:has(a) > a:first-of-type:hover) {
  text-decoration-line: none;
}

:where(.humbot-article) .articleFeature > div:has(button) > button:first-of-type:before {
  content: "";
  transform-origin: 0;
  background: #00d76d;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

:where(.humbot-article) .articleFeature > div:has(button) > a:first-of-type:before {
  content: "";
  transform-origin: 0;
  background: #00d76d;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

:where(.humbot-article) .articleFeature > div:has(a) > button:first-of-type:before {
  content: "";
  transform-origin: 0;
  background: #00d76d;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

:where(.humbot-article) .articleFeature > div:has(a) > a:first-of-type:before {
  content: "";
  transform-origin: 0;
  background: #00d76d;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

:is(:where(.humbot-article) .articleFeature > div:has(button) > button:first-of-type > *, :where(.humbot-article) .articleFeature > div:has(button) > a:first-of-type > *, :where(.humbot-article) .articleFeature > div:has(a) > button:first-of-type > *, :where(.humbot-article) .articleFeature > div:has(a) > a:first-of-type > *) {
  z-index: 1;
  position: relative;
}

:where(.humbot-article) .articleFeature > div:has(button) > button:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.humbot-article) .articleFeature > div:has(button) > a:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.humbot-article) .articleFeature > div:has(a) > button:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:where(.humbot-article) .articleFeature > div:has(a) > a:first-of-type:hover:before {
  transform: scaleX(1)skewX(-12deg);
}

:is(:where(.humbot-article) .articleFeature > div:has(button) > button:nth-of-type(2), :where(.humbot-article) .articleFeature > div:has(button) > a:nth-of-type(2), :where(.humbot-article) .articleFeature > div:has(a) > button:nth-of-type(2), :where(.humbot-article) .articleFeature > div:has(a) > a:nth-of-type(2)) {
  border-width: 1px;
  border-color: var(--f-border);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: var(--f-text);
  --tw-shadow: 0 4px 14px 0 #1c273114;
  --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: .5rem;
  flex: 1;
  padding: .75rem 1.5rem;
  font-weight: 700;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  position: relative;
}

:is(:where(.humbot-article) ul li span:where(.humbot-article) .articleFeature > div:has(button) > button:nth-of-type(2), :where(.humbot-article) ol li span:where(.humbot-article) .articleFeature > div:has(button) > button:nth-of-type(2), :where(.humbot-article) ul li span:where(.humbot-article) .articleFeature > div:has(button) > a:nth-of-type(2), :where(.humbot-article) ol li span:where(.humbot-article) .articleFeature > div:has(button) > a:nth-of-type(2), :where(.humbot-article) ul li span:where(.humbot-article) .articleFeature > div:has(a) > button:nth-of-type(2), :where(.humbot-article) ol li span:where(.humbot-article) .articleFeature > div:has(a) > button:nth-of-type(2), :where(.humbot-article) ul li span:where(.humbot-article) .articleFeature > div:has(a) > a:nth-of-type(2), :where(.humbot-article) ol li span:where(.humbot-article) .articleFeature > div:has(a) > a:nth-of-type(2)) {
  color: var(--f-text);
}

:is(:where(.humbot-article) .articleFeature > div:has(button) > button:nth-of-type(2):hover, :where(.humbot-article) .articleFeature > div:has(button) > a:nth-of-type(2):hover, :where(.humbot-article) .articleFeature > div:has(a) > button:nth-of-type(2):hover, :where(.humbot-article) .articleFeature > div:has(a) > a:nth-of-type(2):hover) {
  color: var(--f-primary);
  text-decoration-line: none;
}

.adCardButton:before {
  content: "";
  transform-origin: 0;
  background: #5b6470d9;
  width: 120%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0)skewX(-12deg);
}

.adCardButton > * {
  z-index: 1;
  position: relative;
}

.adCardButton:hover:before {
  transform: scaleX(1)skewX(-12deg);
}