/* starter.scss */
/* Styles specific to the starter header/footer template. */
/* utils/_variables.scss */
/* Single source of truth: Tailwind themes.css defines --vars, SCSS references them */
/* utils/_functions.scss */
/* starter.scss */
/* Styles specific to the starter header/footer template. */
/* utils/_mixins.scss */
.header-search {
  display: inline-block;
  position: relative;
}
.header-search .frm-container {
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-lg);
  background-color: var(--color-gray-50);
  padding: 4px;
}
:where(.dark, .dark *) .header-search .frm-container {
  border-color: var(--color-gray-700);
  background-color: var(--color-gray-900);
}
.header-search .frm-container input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 6px 12px;
  font-size: 14px;
  outline: none;
  color: var(--color-gray-900);
}
:where(.dark, .dark *) .header-search .frm-container input {
  color: var(--color-white);
}
.header-search .frm-container input::placeholder {
  color: var(--color-gray-400);
}
.header-search .frm-container input:focus {
  box-shadow: none;
}
.header-search .frm-container .btn-s {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-gray-500);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: var(--radius-md);
  transition: color 0.2s, background-color 0.2s;
}
:where(.dark, .dark *) .header-search .frm-container .btn-s {
  color: var(--color-gray-400);
}
@media only screen and (max-width: 47.99875rem) {
  .header-search .frm-container .btn-s {
    display: none;
  }
}
.header-search .frm-container .btn-s:hover {
  color: var(--color-gray-900);
  background-color: var(--color-gray-100);
}
:where(.dark, .dark *) .header-search .frm-container .btn-s:hover {
  color: var(--color-white);
  background-color: var(--color-gray-800);
}
.header-search .frm-container .btn-s span {
  display: none;
}
.header-search .frm-container .btn-s svg {
  width: 18px;
  height: 18px;
}

.suggestion-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.suggestion-list li {
  position: relative;
  padding-left: 20px;
}
.suggestion-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-gray-400);
}
:where(.dark, .dark *) .suggestion-list li::before {
  background-color: var(--color-gray-600);
}
.suggestion-list li a.title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-gray-700);
  text-decoration: none;
  transition: color 0.2s;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:where(.dark, .dark *) .suggestion-list li a.title {
  color: var(--color-gray-300);
}
.suggestion-list li a.title:hover {
  color: var(--color-primary, #fe5242);
}
:where(.dark, .dark *) .suggestion-list li a.title:hover {
  color: var(--color-teal-400);
}

.prose strong,
.woocommerce-Tabs-panel--description strong,
.category-description-content strong {
  font-weight: 600;
}
.prose blockquote,
.woocommerce-Tabs-panel--description blockquote,
.category-description-content blockquote {
  margin-bottom: 15px;
}
.prose :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
.woocommerce-Tabs-panel--description :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
.category-description-content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-optical-sizing: auto;
  margin-bottom: 10px;
  margin-top: 0;
  font-weight: 700;
}
.prose :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a,
.woocommerce-Tabs-panel--description :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a,
.category-description-content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a {
  text-decoration: none;
  display: inline-block;
  color: currentColor;
}
.prose :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) p,
.woocommerce-Tabs-panel--description :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) p,
.category-description-content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) p {
  color: currentColor;
  line-height: inherit;
  margin-bottom: 0;
}
.prose :is(h1, .h1),
.woocommerce-Tabs-panel--description :is(h1, .h1),
.category-description-content :is(h1, .h1) {
  font-size: clamp(1.375rem, 1.2207792208rem + 0.6493506494vw, 2rem);
  line-height: clamp(1.7875rem, 1.587012987rem + 0.8441558442vw, 2.6rem);
}
.prose :is(h2, .h2),
.woocommerce-Tabs-panel--description :is(h2, .h2),
.category-description-content :is(h2, .h2) {
  font-size: clamp(1.25rem, 1.0957792208rem + 0.6493506494vw, 1.875rem);
  line-height: clamp(1.625rem, 1.424512987rem + 0.8441558442vw, 2.4375rem);
}
.prose :is(h3, .h3),
.woocommerce-Tabs-panel--description :is(h3, .h3),
.category-description-content :is(h3, .h3) {
  font-size: clamp(1.125rem, 0.9862012987rem + 0.5844155844vw, 1.6875rem);
  line-height: clamp(1.4625rem, 1.2820616883rem + 0.7597402597vw, 2.19375rem);
}
.prose :is(h4, .h4),
.woocommerce-Tabs-panel--description :is(h4, .h4),
.category-description-content :is(h4, .h4) {
  font-size: clamp(1.0625rem, 0.9545454545rem + 0.4545454545vw, 1.5rem);
  line-height: clamp(1.38125rem, 1.2409090909rem + 0.5909090909vw, 1.95rem);
}
.prose :is(h5, .h5),
.woocommerce-Tabs-panel--description :is(h5, .h5),
.category-description-content :is(h5, .h5) {
  font-size: clamp(1rem, 0.9074675325rem + 0.3896103896vw, 1.375rem);
  line-height: clamp(1.3rem, 1.1797077922rem + 0.5064935065vw, 1.7875rem);
}
.prose :is(h6, .h6),
.woocommerce-Tabs-panel--description :is(h6, .h6),
.category-description-content :is(h6, .h6) {
  font-size: clamp(0.9375rem, 0.8603896104rem + 0.3246753247vw, 1.25rem);
  line-height: clamp(1.21875rem, 1.1185064935rem + 0.4220779221vw, 1.625rem);
}
.prose :is(span, label) > a:hover,
.woocommerce-Tabs-panel--description :is(span, label) > a:hover,
.category-description-content :is(span, label) > a:hover {
  text-decoration: none !important;
}
.prose a,
.woocommerce-Tabs-panel--description a,
.category-description-content a {
  text-decoration: none;
  display: inline-block;
}
.prose a:hover,
.woocommerce-Tabs-panel--description a:hover,
.category-description-content a:hover {
  text-decoration: none;
}
.prose a :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
.woocommerce-Tabs-panel--description a :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
.category-description-content a :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  color: currentColor;
}
.prose ul,
.woocommerce-Tabs-panel--description ul,
.category-description-content ul {
  margin-bottom: 15px;
  margin-left: 20px;
  list-style-type: disc;
}
.prose picture,
.woocommerce-Tabs-panel--description picture,
.category-description-content picture {
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.prose img,
.woocommerce-Tabs-panel--description img,
.category-description-content img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.prose img:not([src]),
.woocommerce-Tabs-panel--description img:not([src]),
.category-description-content img:not([src]) {
  visibility: hidden;
}
.prose img:where(.aligncenter, .align-center),
.woocommerce-Tabs-panel--description img:where(.aligncenter, .align-center),
.category-description-content img:where(.aligncenter, .align-center) {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.prose figure,
.woocommerce-Tabs-panel--description figure,
.category-description-content figure {
  max-width: 100% !important;
}
.prose figure:where(.wp-caption, .caption),
.woocommerce-Tabs-panel--description figure:where(.wp-caption, .caption),
.category-description-content figure:where(.wp-caption, .caption) {
  display: block;
}
.prose figure:where(.wp-caption, .caption) img,
.woocommerce-Tabs-panel--description figure:where(.wp-caption, .caption) img,
.category-description-content figure:where(.wp-caption, .caption) img {
  display: inline-block;
}
.prose figure:where(.wp-caption, .caption):where(.wp-caption-text, .caption-text),
.woocommerce-Tabs-panel--description figure:where(.wp-caption, .caption):where(.wp-caption-text, .caption-text),
.category-description-content figure:where(.wp-caption, .caption):where(.wp-caption-text, .caption-text) {
  padding-top: 10px;
  color: #495057;
}
.prose figure:where(.wp-caption, .caption):where(.aligncenter, .align-center),
.woocommerce-Tabs-panel--description figure:where(.wp-caption, .caption):where(.aligncenter, .align-center),
.category-description-content figure:where(.wp-caption, .caption):where(.aligncenter, .align-center) {
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.prose table,
.woocommerce-Tabs-panel--description table,
.category-description-content table {
  margin-bottom: 15px;
}
.prose table tbody,
.prose table tfoot,
.prose table thead,
.woocommerce-Tabs-panel--description table tbody,
.woocommerce-Tabs-panel--description table tfoot,
.woocommerce-Tabs-panel--description table thead,
.category-description-content table tbody,
.category-description-content table tfoot,
.category-description-content table thead {
  border: 1px solid #333 !important;
}
.prose table tbody tr,
.prose table tbody th,
.prose table tbody td,
.prose table tfoot tr,
.prose table tfoot th,
.prose table tfoot td,
.prose table thead tr,
.prose table thead th,
.prose table thead td,
.woocommerce-Tabs-panel--description table tbody tr,
.woocommerce-Tabs-panel--description table tbody th,
.woocommerce-Tabs-panel--description table tbody td,
.woocommerce-Tabs-panel--description table tfoot tr,
.woocommerce-Tabs-panel--description table tfoot th,
.woocommerce-Tabs-panel--description table tfoot td,
.woocommerce-Tabs-panel--description table thead tr,
.woocommerce-Tabs-panel--description table thead th,
.woocommerce-Tabs-panel--description table thead td,
.category-description-content table tbody tr,
.category-description-content table tbody th,
.category-description-content table tbody td,
.category-description-content table tfoot tr,
.category-description-content table tfoot th,
.category-description-content table tfoot td,
.category-description-content table thead tr,
.category-description-content table thead th,
.category-description-content table thead td {
  border: 1px solid #333 !important;
}
.prose table tbody td,
.prose table tbody th,
.prose table tfoot td,
.prose table tfoot th,
.prose table thead td,
.prose table thead th,
.woocommerce-Tabs-panel--description table tbody td,
.woocommerce-Tabs-panel--description table tbody th,
.woocommerce-Tabs-panel--description table tfoot td,
.woocommerce-Tabs-panel--description table tfoot th,
.woocommerce-Tabs-panel--description table thead td,
.woocommerce-Tabs-panel--description table thead th,
.category-description-content table tbody td,
.category-description-content table tbody th,
.category-description-content table tfoot td,
.category-description-content table tfoot th,
.category-description-content table thead td,
.category-description-content table thead th {
  padding: 8px 10px 10px;
}
.prose table tbody tr:nth-child(2n),
.prose table tfoot tr:nth-child(2n),
.prose table thead tr:nth-child(2n),
.woocommerce-Tabs-panel--description table tbody tr:nth-child(2n),
.woocommerce-Tabs-panel--description table tfoot tr:nth-child(2n),
.woocommerce-Tabs-panel--description table thead tr:nth-child(2n),
.category-description-content table tbody tr:nth-child(2n),
.category-description-content table tfoot tr:nth-child(2n),
.category-description-content table thead tr:nth-child(2n) {
  background-color: #f2f2f2;
}
.prose .table-scroll,
.woocommerce-Tabs-panel--description .table-scroll,
.category-description-content .table-scroll {
  margin-bottom: 15px;
}
@media only screen and (max-width: 63.99875rem) {
  .prose .table-scroll,
  .woocommerce-Tabs-panel--description .table-scroll,
  .category-description-content .table-scroll {
    overflow-y: hidden;
    overflow-x: scroll;
  }
}
.prose .ez-toc-btn-default,
.woocommerce-Tabs-panel--description .ez-toc-btn-default,
.category-description-content .ez-toc-btn-default {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

@keyframes intro-bounce-slow {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@keyframes intro-spin-slow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-bounce-slow {
  animation: intro-bounce-slow 4s ease-in-out infinite;
}

.animate-spin-slow {
  animation: intro-spin-slow 25s linear infinite;
}

.intro-hero-card {
  transition: border-color 0.5s ease, box-shadow 0.5s ease;
}
.intro-hero-card:hover {
  border-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
  box-shadow: 0 20px 50px -12px color-mix(in srgb, var(--color-primary) 15%, transparent);
}
:where(.dark, .dark *) .intro-hero-card:hover {
  border-color: color-mix(in srgb, var(--color-teal-400) 30%, transparent);
  box-shadow: 0 20px 50px -12px color-mix(in srgb, var(--color-teal-400) 25%, transparent);
}

.hde-step-progress__dot--active::before {
  border-color: var(--color-primary, #fe5242) !important;
  background: var(--color-primary, #fe5242) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary, #fe5242) 20%, transparent) !important;
}
:where(.dark, .dark *) .hde-step-progress__dot--active::before {
  border-color: var(--color-teal-400, #2dd4bf) !important;
  background: var(--color-teal-400, #2dd4bf) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-teal-400, #2dd4bf) 20%, transparent) !important;
}
.hde-step-progress__dot--done::before {
  border-color: var(--color-primary, #fe5242) !important;
  background: var(--color-primary, #fe5242) !important;
}
:where(.dark, .dark *) .hde-step-progress__dot--done::before {
  border-color: var(--color-teal-400, #2dd4bf) !important;
  background: var(--color-teal-400, #2dd4bf) !important;
}
.hde-step-progress__dot--done + .hde-step-progress__dot::after {
  background: var(--color-primary, #fe5242) !important;
}
:where(.dark, .dark *) .hde-step-progress__dot--done + .hde-step-progress__dot::after {
  background: var(--color-teal-400, #2dd4bf) !important;
}
.hde-step-progress__dot--active .hde-step-progress__dot__label {
  color: var(--color-primary, #fe5242) !important;
}
:where(.dark, .dark *) .hde-step-progress__dot--active .hde-step-progress__dot__label {
  color: var(--color-teal-400, #2dd4bf) !important;
}

[data-step].hde-step--active {
  animation: starter-fade-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes starter-fade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-dropzone] .hde-dropzone-area {
  border-color: var(--color-gray-200) !important;
  background: var(--color-gray-50) !important;
  transition: border-color 0.25s, background-color 0.25s !important;
}
:where(.dark, .dark *) [data-dropzone] .hde-dropzone-area {
  border-color: var(--color-gray-800) !important;
  background: var(--color-gray-900) !important;
}
[data-dropzone] .hde-dropzone-area:hover {
  border-color: var(--color-primary, #fe5242) !important;
  background: color-mix(in srgb, var(--color-primary, #fe5242) 3%, transparent) !important;
}
:where(.dark, .dark *) [data-dropzone] .hde-dropzone-area:hover {
  border-color: var(--color-teal-400, #2dd4bf) !important;
  background: color-mix(in srgb, var(--color-teal-400, #2dd4bf) 5%, transparent) !important;
}
[data-dropzone] .hde-dropzone-area p {
  color: var(--color-gray-800) !important;
}
:where(.dark, .dark *) [data-dropzone] .hde-dropzone-area p {
  color: var(--color-gray-200) !important;
}
[data-dropzone].hde-dropzone--dragover .hde-dropzone-area {
  border-color: var(--color-primary, #fe5242) !important;
  background: color-mix(in srgb, var(--color-primary, #fe5242) 6%, transparent) !important;
}
:where(.dark, .dark *) [data-dropzone].hde-dropzone--dragover .hde-dropzone-area {
  border-color: var(--color-teal-400, #2dd4bf) !important;
  background: color-mix(in srgb, var(--color-teal-400, #2dd4bf) 10%, transparent) !important;
}
[data-dropzone] .hde-dropzone-file {
  background: var(--color-gray-100) !important;
  color: var(--color-gray-800) !important;
  border: 1px solid var(--color-gray-200) !important;
}
:where(.dark, .dark *) [data-dropzone] .hde-dropzone-file {
  background: var(--color-gray-800) !important;
  color: var(--color-gray-200) !important;
  border-color: var(--color-gray-700) !important;
}
[data-dropzone] .hde-dropzone-file__size {
  color: var(--color-gray-500) !important;
}
:where(.dark, .dark *) [data-dropzone] .hde-dropzone-file__size {
  color: var(--color-gray-400) !important;
}
[data-dropzone] .hde-dropzone-file__remove {
  color: var(--color-red-500, #ef4444) !important;
}
[data-dropzone] .hde-dropzone-file__remove:hover {
  background: color-mix(in srgb, var(--color-red-500, #ef4444) 10%, transparent) !important;
}
[data-dropzone] .hde-dropzone-error {
  background: rgba(239, 68, 68, 0.1) !important;
  color: var(--color-red-500, #ef4444) !important;
  border: 1px solid color-mix(in srgb, var(--color-red-500, #ef4444) 20%, transparent) !important;
  font-weight: 500;
}
:where(.dark, .dark *) [data-dropzone] .hde-dropzone-error {
  background: color-mix(in srgb, var(--color-red-500, #ef4444) 15%, transparent) !important;
}

@media (width >= 768px) {
  .site-footer [data-fx-accordion-item]:not(.is-active) [data-fx-accordion-content] {
    opacity: 1;
    max-height: none;
    overflow: visible;
    display: block;
  }
}