/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities, core, partLayout, partPage, partPart, runnableLayout, runnablePage, runnablePart, siteLayout, sitePage, sitePart, themeLayout, themePage, themePart, deploymentInstance, tenant;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'iranSansX', sans-serif;
    --color-custom-color1: var(--color1);
    --color-custom-color11: var(--color11);
    --font-vazirmatn: 'vazirmatn', sans-serif;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
    font-feature-settings: var(--default-font-feature-settings, initial);
    font-variation-settings: var(--default-font-variation-settings, initial);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace));
    font-feature-settings: var(--default-mono-font-feature-settings, initial);
    font-variation-settings: var(--default-mono-font-variation-settings, initial);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing, 0.25rem) * 0);
  }
  .top-0 {
    top: 0px;
  }
  .top-20 {
    top: calc(var(--spacing, 0.25rem) * 20);
  }
  .top-full {
    top: 100%;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .left-0 {
    left: 0px;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .col-start-9 {
    grid-column-start: 9;
  }
  .col-end-11 {
    grid-column-end: 11;
  }
  .container {
    width: 100%;
    @media (width >= 22.5rem) {
      max-width: 22.5rem;
    }
    @media (width >= 30rem) {
      max-width: 30rem;
    }
    @media (width >= 36rem) {
      max-width: 36rem;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 62rem) {
      max-width: 62rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 75rem) {
      max-width: 75rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 87.5rem) {
      max-width: 87.5rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 120rem) {
      max-width: 120rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-8 {
    margin-block: calc(var(--spacing, 0.25rem) * 8);
  }
  .mt-5 {
    margin-top: calc(var(--spacing, 0.25rem) * 5);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing, 0.25rem) * 20);
  }
  .surfaceSoft {
    background-color: var(--surfaceSoft);
    display: flow-root;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .aspect-\[3\/4\] {
    aspect-ratio: 3/4;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video, 16 / 9);
  }
  .h-5 {
    height: calc(var(--spacing, 0.25rem) * 5);
  }
  .h-6 {
    height: calc(var(--spacing, 0.25rem) * 6);
  }
  .h-8 {
    height: calc(var(--spacing, 0.25rem) * 8);
  }
  .h-12 {
    height: calc(var(--spacing, 0.25rem) * 12);
  }
  .h-20 {
    height: calc(var(--spacing, 0.25rem) * 20);
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[360px\] {
    height: 360px;
  }
  .h-\[440px\] {
    height: 440px;
  }
  .h-\[calc\(100\%-128px\)\] {
    height: calc(100% - 128px);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-max {
    height: max-content;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-16 {
    min-height: calc(var(--spacing, 0.25rem) * 16);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-2\/3 {
    width: calc(2 / 3 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing, 0.25rem) * 4);
  }
  .w-5 {
    width: calc(var(--spacing, 0.25rem) * 5);
  }
  .w-6 {
    width: calc(var(--spacing, 0.25rem) * 6);
  }
  .w-8 {
    width: calc(var(--spacing, 0.25rem) * 8);
  }
  .w-10 {
    width: calc(var(--spacing, 0.25rem) * 10);
  }
  .w-12 {
    width: calc(var(--spacing, 0.25rem) * 12);
  }
  .w-20 {
    width: calc(var(--spacing, 0.25rem) * 20);
  }
  .w-\[50px\] {
    width: 50px;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[147px\] {
    width: 147px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-7xl {
    max-width: var(--container-7xl, 80rem);
  }
  .flex-1 {
    flex: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: var(--spacing, 0.25rem);
  }
  .gap-2 {
    gap: calc(var(--spacing, 0.25rem) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg, 0.5rem);
  }
  .rounded-md {
    border-radius: var(--radius-md, 0.375rem);
  }
  .rounded-sm {
    border-radius: var(--radius-sm, 0.25rem);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black, #000) 40%, transparent);
    }
  }
  .bg-custom-color1 {
    background-color: var(--color-custom-color1);
  }
  .bg-slate-800 {
    background-color: var(--color-slate-800, oklch(27.9% 0.041 260.031));
  }
  .bg-transparent {
    background-color: transparent;
  }
  .fill-current {
    fill: currentcolor;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-1 {
    padding: var(--spacing, 0.25rem);
  }
  .p-4 {
    padding: calc(var(--spacing, 0.25rem) * 4);
  }
  .px-1 {
    padding-inline: var(--spacing, 0.25rem);
  }
  .px-2 {
    padding-inline: calc(var(--spacing, 0.25rem) * 2);
  }
  .px-4 {
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
  .py-2 {
    padding-block: calc(var(--spacing, 0.25rem) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing, 0.25rem) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing, 0.25rem) * 4);
  }
  .pe-1 {
    padding-inline-end: var(--spacing, 0.25rem);
  }
  .pe-3 {
    padding-inline-end: calc(var(--spacing, 0.25rem) * 3);
  }
  .text-center {
    text-align: center;
  }
  .text-sm {
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  }
  .text-xs {
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal, 400);
    font-weight: var(--font-weight-normal, 400);
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-red-700 {
    color: var(--color-red-700, oklch(50.5% 0.213 27.518));
  }
  .text-white {
    color: var(--color-white, #fff);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .shadow-\[0px_2px_10px_2px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0px 2px 10px 2px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .pause {
    animation-play-state: paused;
  }
  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
    .group-hover\:top-10:is(:where(.group):hover *) {
      top: calc(var(--spacing, 0.25rem) * 10);
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
    .group-hover\/more\:rotate-\[360deg\]:is(:where(.group\/more):hover *) {
      rotate: 360deg;
    }
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:start-0::after {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
  }
  .after\:end-0::after {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing, 0.25rem) * 0);
  }
  .after\:bottom-\[1px\]::after {
    content: var(--tw-content);
    bottom: 1px;
  }
  .after\:mx-auto::after {
    content: var(--tw-content);
    margin-inline: auto;
  }
  .after\:h-0\.5::after {
    content: var(--tw-content);
    height: calc(var(--spacing, 0.25rem) * 0.5);
  }
  .after\:w-0::after {
    content: var(--tw-content);
    width: 0px;
  }
  .after\:bg-custom-color1\/60::after {
    content: var(--tw-content);
    background-color: var(--color-custom-color1);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-custom-color1) 60%, transparent);
    }
  }
  .after\:transition-all::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
  .after\:duration-700::after {
    content: var(--tw-content);
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-125:hover {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:after\:w-full:hover::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (width >= 40rem) {
    .sm\:block {
      display: block;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:h-\[220px\] {
      height: 220px;
    }
    .sm\:h-\[460px\] {
      height: 460px;
    }
    .sm\:w-10 {
      width: calc(var(--spacing, 0.25rem) * 10);
    }
    .sm\:w-\[330px\] {
      width: 330px;
    }
    .sm\:w-\[360px\] {
      width: 360px;
    }
    .sm\:p-2 {
      padding: calc(var(--spacing, 0.25rem) * 2);
    }
    .sm\:text-base {
      font-size: var(--text-base, 1rem);
      line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    }
  }
  @media (width >= 48rem) {
    .md\:static {
      position: static;
    }
    .md\:order-0 {
      order: 0;
    }
    .md\:order-1 {
      order: 1;
    }
    .md\:order-2 {
      order: 2;
    }
    .md\:\!ms-auto {
      margin-inline-start: auto !important;
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:h-\[450px\] {
      height: 450px;
    }
    .md\:h-\[540px\] {
      height: 540px;
    }
    .md\:w-\[270px\] {
      width: 270px;
    }
    .md\:w-\[420px\] {
      width: 420px;
    }
    .md\:justify-start {
      justify-content: flex-start;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: flex;
    }
    .lg\:h-\[450px\] {
      height: 450px;
    }
    .lg\:h-\[640px\] {
      height: 640px;
    }
    .lg\:w-\[450px\] {
      width: 450px;
    }
    .lg\:w-\[520px\] {
      width: 520px;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:gap-x-2 {
      column-gap: calc(var(--spacing, 0.25rem) * 2);
    }
    .lg\:pe-0 {
      padding-inline-end: 0px;
    }
  }
  @media (width >= 80rem) {
    .xl\:order-2 {
      order: 2;
    }
  }
  .ltr\:rotate-180:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    rotate: 180deg;
  }
}
.theme001 {
  --theme-accent: #6b21a8;
  --theme-accent-hover: #7e22ce;
  --theme-accent-soft: #faf5ff;
  --theme-border: #e5e7eb;
  --theme-card-accent: #ec4899;
  --theme-card-border: var(--theme-border);
  --theme-card-border-hover: #d1d5db;
  --theme-card-gradient-end: #ec4899;
  --theme-card-gradient-middle: #d946ef;
  --theme-card-gradient-start: #a855f7;
  --theme-card-surface: var(--theme-surface);
  --theme-card-text: #334155;
  --theme-card-title: #581c87;
  --theme-cardsGlass: rgb(255 255 255 / 0.68);
  --theme-cardsGlow: rgb(168 85 247 / 0.24);
  --theme-cardsMuted: var(--theme-text-muted);
  --theme-cardsOnAccent: var(--theme-on-accent);
  --theme-cardsText: var(--theme-card-text);
  --theme-cta-accent: var(--theme-accent);
  --theme-cta-accent-hover: var(--theme-accent-hover);
  --theme-footer-action: #2563eb;
  --theme-footer-action-hover: #1d4ed8;
  --theme-footer-border: var(--theme-border);
  --theme-footer-icon: var(--theme-text-muted);
  --theme-footer-input-border: var(--theme-border);
  --theme-footer-input-surface: var(--theme-surface);
  --theme-footer-link: var(--theme-text-muted);
  --theme-footer-link-hover: var(--theme-text);
  --theme-footer-on-action: var(--theme-on-accent);
  --theme-footer-surface: var(--theme-surface-muted);
  --theme-footer-text: var(--theme-text-muted);
  --theme-footer-text-subtle: var(--theme-text-subtle);
  --theme-footer-title: var(--theme-text);
  --theme-heading-supertitle-background: #ec4899;
  --theme-heading-supertitle-text: var(--theme-on-accent);
  --theme-heading-title: var(--theme-text);
  --theme-hero-background-end: hsl(270 40% 95%);
  --theme-hero-background-start: hsl(20 27% 98%);
  --theme-hero-emphasis-end: var(--theme-highlight);
  --theme-hero-emphasis-start: hsl(270 80% 60%);
  --theme-highlight: hsl(330 80% 55%);
  --theme-infoAccent: var(--theme-card-accent);
  --theme-infoBorder: var(--theme-card-border);
  --theme-infoBorderHover: var(--theme-card-border-hover);
  --theme-infoGradientEnd: var(--theme-card-gradient-end);
  --theme-infoGradientMiddle: var(--theme-card-gradient-middle);
  --theme-infoGradientStart: var(--theme-card-gradient-start);
  --theme-infoOnAccent: var(--theme-on-accent);
  --theme-infoOverlay: rgb(41 37 36 / 0.72);
  --theme-infoSurface: var(--theme-card-surface);
  --theme-infoSurfaceSoft: var(--surfaceSoft);
  --theme-infoText: var(--theme-card-text);
  --theme-menu-accent: #2563eb;
  --theme-on-accent: #ffffff;
  --theme-heroSecondaryCtaAccent: #ffffff;
  --theme-overlay-medium: rgb(0 0 0 / 0.4);
  --theme-pagination-active: var(--theme-accent);
  --theme-pagination-active-border: var(--theme-accent);
  --theme-pagination-border: var(--theme-border);
  --theme-pagination-border-hover: var(--theme-accent);
  --theme-pagination-on-active: var(--theme-on-accent);
  --theme-pagination-surface: var(--theme-surface);
  --theme-pagination-surface-hover: var(--theme-accent-soft);
  --theme-pagination-text: var(--theme-text);
  --theme-pagination-text-hover: var(--theme-accent-hover);
  --theme-shadow: rgb(0 0 0 / 0.1);
  --theme-shadow-strong: rgb(0 0 0 / 0.2);
  --theme-signOutText: #b91c1c;
  --theme-socialList-accent-hover: var(--theme-accent-hover);
  --theme-socialList-surface-hover: var(--theme-accent-soft);
  --theme-socialList-text: var(--theme-text);
  --theme-socialList-text-muted: var(--theme-text-subtle);
  --theme-socialList-title: var(--theme-text);
  --theme-surface: #ffffff;
  --theme-surface-muted: #f3f4f6;
  --surfaceSoft: #f5f5f4;
  --theme-taxonomy-accent: var(--theme-accent);
  --theme-taxonomy-accent-hover: var(--theme-accent-hover);
  --theme-taxonomy-border: var(--theme-border);
  --theme-taxonomy-surface: var(--theme-surface);
  --theme-taxonomy-surface-hover: var(--theme-accent-soft);
  --theme-taxonomy-text: var(--theme-text);
  --theme-taxonomy-text-muted: var(--theme-text-subtle);
  --theme-text: #292524;
  --theme-text-muted: #4b5563;
  --theme-text-subtle: #626975;
}
:root[data-theme='dark'] .theme001 {
  color-scheme: dark;
  --theme-accent: #c084fc;
  --theme-accent-hover: #d8b4fe;
  --theme-accent-soft: #30203f;
  --theme-border: #3b3542;
  --theme-card-border: #37303e;
  --theme-card-border-hover: #7e5b91;
  --theme-card-text: var(--theme-text-muted);
  --theme-card-title: #e9d5ff;
  --theme-cardsGlass: rgb(25 23 32 / 0.82);
  --theme-footer-action: #9333ea;
  --theme-footer-action-hover: #7e22ce;
  --theme-footer-on-action: #ffffff;
  --theme-heading-description: var(--theme-text-muted);
  --theme-heading-subtitle: #c4b5d0;
  --theme-hero-background-end: #24182e;
  --theme-hero-background-start: #15121a;
  --theme-hero-emphasis-start: #c084fc;
  --theme-highlight: #f472b6;
  --theme-menu-accent: #c084fc;
  --theme-on-accent: #1a1024;
  --theme-shadow: rgb(0 0 0 / 0.35);
  --theme-shadow-strong: rgb(0 0 0 / 0.55);
  --theme-surface: #111018;
  --theme-surface-muted: #211e29;
  --surfaceSoft: #191720;
  --theme-text: #f4f1f6;
  --theme-text-muted: #c6bfcc;
  --theme-text-subtle: #a39aaa;
}
:root[data-theme='dark'] {
  color-scheme: dark;
}
:root[data-theme='light'] {
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
  }
  :root:not([data-theme='light']) .theme001 {
    color-scheme: dark;
    --theme-accent: #c084fc;
    --theme-accent-hover: #d8b4fe;
    --theme-accent-soft: #30203f;
    --theme-border: #3b3542;
    --theme-card-border: #37303e;
    --theme-card-border-hover: #7e5b91;
    --theme-card-text: var(--theme-text-muted);
    --theme-card-title: #e9d5ff;
    --theme-cardsGlass: rgb(25 23 32 / 0.82);
    --theme-footer-action: #9333ea;
    --theme-footer-action-hover: #7e22ce;
    --theme-footer-on-action: #ffffff;
    --theme-heading-description: var(--theme-text-muted);
    --theme-heading-subtitle: #c4b5d0;
    --theme-hero-background-end: #24182e;
    --theme-hero-background-start: #15121a;
    --theme-hero-emphasis-start: #c084fc;
    --theme-highlight: #f472b6;
    --theme-menu-accent: #c084fc;
    --theme-on-accent: #1a1024;
    --theme-shadow: rgb(0 0 0 / 0.35);
    --theme-shadow-strong: rgb(0 0 0 / 0.55);
    --theme-surface: #111018;
    --theme-surface-muted: #211e29;
    --surfaceSoft: #191720;
    --theme-text: #f4f1f6;
    --theme-text-muted: #c6bfcc;
    --theme-text-subtle: #a39aaa;
  }
}
@layer themePart {
  .cardsListSection, .cardsColumnsSection {
    margin-top: calc(var(--spacing, 0.25rem) * 12);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 20);
    }
  }
  .cardsList {
    margin-top: calc(var(--spacing, 0.25rem) * 8);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing, 0.25rem) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing, 0.25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing, 0.25rem) * 12);
    }
  }
  .cardsColumns {
    margin-top: calc(var(--spacing, 0.25rem) * 8);
    columns: 1;
    gap: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 64rem) {
      columns: 2;
    }
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing, 0.25rem) * 12);
    }
  }
  .cardsColumns > li {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    break-inside: avoid;
  }
  .heroCentered, .twoPartInfo, .cardsProfiles, .cardsStatistics, .cardsChronology {
    padding-block: calc(var(--spacing, 0.25rem) * 16);
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 24);
    }
  }
  .heroCentered .heroContent {
    margin-inline: auto;
    max-width: var(--container-4xl, 56rem);
    text-align: center;
  }
  .heroCentered .accentRule {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    height: 1px;
    width: calc(var(--spacing, 0.25rem) * 16);
    background-image: linear-gradient(to right, var(--theme-accent), var(--theme-highlight));
  }
  .heroDescription {
    margin-inline: auto;
    margin-top: calc(var(--spacing, 0.25rem) * 6);
    max-width: var(--container-3xl, 48rem);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-leading: calc(var(--spacing, 0.25rem) * 8);
    line-height: calc(var(--spacing, 0.25rem) * 8);
    color: var(--theme-text-muted);
  }
  .twoPartInfo .infoParts {
    margin-top: calc(var(--spacing, 0.25rem) * 12);
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing, 0.25rem) * 16);
    }
  }
  .twoPartInfo .infoPart {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
    padding-inline-start: calc(var(--spacing, 0.25rem) * 6);
    border-color: var(--theme-accent);
  }
  .twoPartInfo .infoPart:nth-child(2) {
    border-color: var(--theme-highlight);
  }
  .twoPartInfo .infoPart:only-child {
    grid-column: 1 / -1;
  }
  .infoPart .heading {
    margin-bottom: 0px;
  }
  .infoPart p {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
    --tw-leading: calc(var(--spacing, 0.25rem) * 8);
    line-height: calc(var(--spacing, 0.25rem) * 8);
    color: var(--theme-text-muted);
  }
  .quoteCentered, .ctaPanel {
    padding-block: calc(var(--spacing, 0.25rem) * 20);
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 32);
    }
  }
  .quoteCentered figure {
    margin-inline: auto;
    max-width: var(--container-5xl, 64rem);
    text-align: center;
  }
  .quoteCentered blockquote p {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 48rem) {
      font-size: var(--text-5xl, 3rem);
      line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
    }
    @media (width >= 48rem) {
      --tw-leading: var(--leading-tight, 1.25);
      line-height: var(--leading-tight, 1.25);
    }
    color: var(--theme-text);
  }
  .quoteCentered figcaption {
    margin-top: calc(var(--spacing, 0.25rem) * 10);
    color: var(--theme-text-muted);
  }
  .ctaPanel .panelContent {
    border-radius: var(--radius-3xl, 1.5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 8);
    padding-block: calc(var(--spacing, 0.25rem) * 14);
    text-align: center;
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 16);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 20);
    }
    border-color: var(--theme-border);
  }
  .ctaPanel .heading {
    margin-inline: auto;
    max-width: var(--container-3xl, 48rem);
  }
  .ctaPanel .panelActions {
    margin-top: calc(var(--spacing, 0.25rem) * 10);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  .ctaPanel .panelActions:empty {
    display: none;
  }
  .cardsProfiles .items {
    margin-top: calc(var(--spacing, 0.25rem) * 12);
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .profileCard {
    text-align: center;
  }
  .profileCard .portrait {
    overflow: hidden;
    border-radius: var(--radius-3xl, 1.5rem);
  }
  .profileCard .portraitImage {
    aspect-ratio: 1 / 1;
    width: 100%;
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .profileCard:hover .portraitImage {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .profileCard h3 {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--theme-text);
  }
  .profileCard .subtitle {
    margin-top: var(--spacing, 0.25rem);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    --tw-tracking: var(--tracking-wide, 0.025em);
    letter-spacing: var(--tracking-wide, 0.025em);
    text-transform: uppercase;
    color: var(--theme-accent);
  }
  .profileCard .text {
    margin-top: calc(var(--spacing, 0.25rem) * 4);
    --tw-leading: calc(var(--spacing, 0.25rem) * 7);
    line-height: calc(var(--spacing, 0.25rem) * 7);
    color: var(--theme-text-muted);
  }
  .cardsStatistics .items {
    margin-top: calc(var(--spacing, 0.25rem) * 14);
    display: grid;
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(0px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      }
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    border-color: var(--theme-border);
  }
  .cardsStatistics .items > li {
    border-color: var(--theme-border);
  }
  .statisticCard {
    padding-inline: calc(var(--spacing, 0.25rem) * 8);
    padding-block: calc(var(--spacing, 0.25rem) * 10);
    text-align: center;
  }
  .statisticCard .value {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: var(--tracking-tight, -0.025em);
    letter-spacing: var(--tracking-tight, -0.025em);
    @media (width >= 48rem) {
      font-size: var(--text-5xl, 3rem);
      line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
    }
    color: var(--theme-text);
  }
  .statisticCard h3 {
    margin-top: calc(var(--spacing, 0.25rem) * 4);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--theme-text);
  }
  .statisticCard p {
    margin-top: calc(var(--spacing, 0.25rem) * 3);
    --tw-leading: calc(var(--spacing, 0.25rem) * 7);
    line-height: calc(var(--spacing, 0.25rem) * 7);
    color: var(--theme-text-muted);
  }
  .cardsChronology .items {
    position: relative;
    margin-inline-start: calc(var(--spacing, 0.25rem) * 3);
    margin-top: calc(var(--spacing, 0.25rem) * 14);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--theme-border);
  }
  .chronologyCard {
    position: relative;
    padding-inline-start: calc(var(--spacing, 0.25rem) * 8);
    padding-bottom: calc(var(--spacing, 0.25rem) * 12);
    &:last-child {
      padding-bottom: 0px;
    }
  }
  .chronologyCard .marker {
    position: absolute;
    inset-inline-start: calc(9px * -1);
    top: var(--spacing, 0.25rem);
    height: calc(var(--spacing, 0.25rem) * 4);
    width: calc(var(--spacing, 0.25rem) * 4);
    border-radius: calc(infinity * 1px);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--theme-surface);
    background-image: linear-gradient(to bottom right, var(--theme-accent), var(--theme-highlight));
  }
  .chronologyCard .supertitle {
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-tracking: var(--tracking-wider, 0.05em);
    letter-spacing: var(--tracking-wider, 0.05em);
    text-transform: uppercase;
    color: var(--theme-accent);
  }
  .chronologyCard h3 {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--theme-text);
  }
  .chronologyCard .text {
    margin-top: calc(var(--spacing, 0.25rem) * 3);
    max-width: var(--container-2xl, 42rem);
    --tw-leading: calc(var(--spacing, 0.25rem) * 8);
    line-height: calc(var(--spacing, 0.25rem) * 8);
    color: var(--theme-text-muted);
  }
  .cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    border-start-start-radius: calc(infinity * 1px);
    border-start-end-radius: calc(infinity * 1px);
    border-end-end-radius: 0;
    border-end-start-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing, 0.25rem) * 5);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    background-color: var(--theme-cta-accent);
    color: var(--theme-on-accent);
  }
  .cta:hover {
    --tw-translate-y: calc(var(--spacing, 0.25rem) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: var(--theme-cta-accent-hover);
  }
  .cta.secondary {
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: transparent;
    border-color: var(--theme-cta-accent);
    color: var(--theme-cta-accent);
  }
  .cta.secondary:hover {
    background-color: var(--theme-accent-soft);
  }
  .cta.heroCta.secondary {
    border-color: var(--theme-text);
    color: var(--theme-text);
  }
  .actionIcon {
    display: inline-flex;
    height: calc(var(--spacing, 0.25rem) * 6);
    width: calc(var(--spacing, 0.25rem) * 6);
    flex-shrink: 0;
  }
  .actionIcon > svg {
    height: 100%;
    width: 100%;
  }
}
@layer themeLayout {
  .container {
    margin-inline: auto;
    width: 100%;
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 40rem) {
      max-width: 400px;
    }
    @media (width >= 48rem) {
      max-width: var(--breakpoint-sm, 40rem);
    }
    @media (width >= 64rem) {
      max-width: var(--breakpoint-md, 48rem);
    }
    @media (width >= 80rem) {
      max-width: var(--breakpoint-lg, 64rem);
    }
    @media (width >= 96rem) {
      max-width: var(--breakpoint-xl, 80rem);
    }
  }
}
@layer themePart {
  .featuredCards {
    margin-top: 0px;
    padding-top: calc(var(--spacing, 0.25rem) * 14);
    padding-bottom: calc(var(--spacing, 0.25rem) * 12);
  }
  .cardsSection {
    margin-top: calc(var(--spacing, 0.25rem) * 12);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 48rem) {
      margin-top: 0px;
    }
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 20);
    }
  }
  .cardsGrid {
    margin-top: calc(var(--spacing, 0.25rem) * 8);
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 40rem) {
      gap: calc(var(--spacing, 0.25rem) * 6);
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing, 0.25rem) * 12);
    }
  }
}
@layer themeLayout {
  .theme001 {
    --font-sans: 'iranSansX', sans-serif;
  }
  .themeRoot {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    font-family: var(--font-sans);
    background-color: var(--theme-surface);
    color: var(--theme-text);
  }
  .pageContent {
    flex: 1;
  }
  .menuHeaderBorder {
    border-color: var(--theme-border);
  }
  .desktopNavigationBar > .items {
    display: none;
    width: 100%;
    align-items: center;
    @media (width >= 48rem) {
      display: flex;
    }
    @media (width >= 48rem) {
      width: auto;
    }
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing, 0.25rem) * 6) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing, 0.25rem) * 6) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .desktopNavigationBar .item {
    position: relative;
  }
  .desktopNavigationBar .link, .desktopNavigationBar .label {
    display: block;
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    @media (width >= 48rem) {
      padding-block: 0px;
    }
    color: var(--theme-text);
  }
  .desktopNavigationBar .link:hover, .desktopNavigationBar .link:focus-visible {
    color: var(--theme-menu-accent);
  }
  .desktopNavigationBar .item > .items {
    position: absolute;
    inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
    top: 100%;
    z-index: 40;
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    min-width: 180px;
    border-radius: var(--radius-md, 0.375rem);
    background-color: var(--theme-surface);
    box-shadow: 0 10px 25px var(--theme-shadow);
    color: var(--theme-text);
  }
  .desktopNavigationBar .item > .items .item {
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
  }
  .desktopNavigationBar .item > .items .item:hover {
    background-color: var(--theme-surface-muted);
  }
  .mobileSidebarMenu {
    position: fixed;
    inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
    top: 0px;
    z-index: 50;
    height: 100vh;
    width: 90%;
    max-width: 300px;
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    overflow-y: auto;
    padding-top: calc(var(--spacing, 0.25rem) * 10);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
    @media (width >= 64rem) {
      display: none;
    }
    background-color: var(--theme-surface);
    color: var(--theme-text);
  }
  .mobileSidebarMenu[data-open='true'] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .mobileSidebarMenu[data-open='false'] {
    pointer-events: none;
    &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .mobileSidebarMenu .item {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--theme-border);
  }
  .mobileSidebarMenu .link, .mobileSidebarMenu .label, .mobileSidebarMenu .toggle {
    display: block;
    width: 100%;
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: calc(var(--spacing, 0.25rem) * 4);
    text-align: start;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    color: var(--theme-text);
  }
  .mobileSidebarMenu .link:hover, .mobileSidebarMenu .link:focus-visible, .mobileSidebarMenu .toggle:hover, .mobileSidebarMenu .toggle:focus-visible {
    padding-inline-start: calc(var(--spacing, 0.25rem) * 7);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    background-color: var(--surfaceSoft);
  }
  .mobileSidebarMenu .toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mobileSidebarMenu .toggleIndicator::after {
    content: '+';
  }
  .mobileSidebarMenu .item[data-expanded='true'] > .toggle .toggleIndicator::after {
    content: '−';
  }
  .mobileSidebarMenu .item > .items {
    padding-inline-start: calc(var(--spacing, 0.25rem) * 8);
  }
  .mobileSidebarMenu > .actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 3);
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: calc(var(--spacing, 0.25rem) * 4);
    border-color: var(--theme-border);
    border-top-width: 1px;
  }
  .mobileSidebarMenu > .actions > * {
    position: static;
  }
  .menuToggle {
    z-index: 40;
    color: var(--theme-text);
  }
  .themeSelector {
    position: relative;
    display: flex;
    height: calc(var(--spacing, 0.25rem) * 8);
    width: calc(var(--spacing, 0.25rem) * 8);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 2);
    padding-block: var(--spacing, 0.25rem);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    border-color: var(--theme-border);
    color: var(--theme-text);
  }
  .themeSelector svg {
    height: calc(var(--spacing, 0.25rem) * 5);
    width: calc(var(--spacing, 0.25rem) * 5);
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }
  .backdrop {
    position: fixed;
    inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
    top: 0px;
    z-index: 30;
    height: 100vh;
    width: 100vw;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    background-color: var(--theme-overlay-medium);
  }
  .backdropOpen {
    pointer-events: auto;
    opacity: 100%;
  }
  .backdropClosed {
    pointer-events: none;
    opacity: 0%;
  }
  .siteHeader {
    position: relative;
    z-index: 50;
    display: flex;
    min-height: calc(var(--spacing, 0.25rem) * 16);
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 4);
    .navigation {
      order: 1;
      display: flex;
      align-items: center;
      gap: calc(var(--spacing, 0.25rem) * 4);
      @media (width >= 48rem) {
        order: 2;
      }
    }
    .mobileNavigation {
      @media (width >= 48rem) {
        display: none;
      }
    }
    .desktopNavigation {
      display: none;
      @media (width >= 48rem) {
        display: block;
      }
    }
    .brand {
      pointer-events: none;
      position: absolute;
      inset: 0px;
      order: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      @media (width >= 48rem) {
        position: static;
      }
      @media (width >= 48rem) {
        order: 1;
      }
      @media (width >= 48rem) {
        justify-content: flex-start;
      }
      .logo {
        pointer-events: auto;
        height: auto;
        max-height: 100%;
        width: auto;
      }
    }
    .actions {
      order: 3;
      display: flex;
      align-items: center;
      gap: calc(var(--spacing, 0.25rem) * 2);
    }
    .accountActions {
      display: none;
      align-items: center;
      gap: calc(var(--spacing, 0.25rem) * 2);
      @media (width >= 48rem) {
        display: flex;
      }
    }
  }
  .headerBox {
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 2);
    padding-block: calc(var(--spacing, 0.25rem) * 0.5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    background-color: var(--theme-surface);
    border-color: var(--theme-border);
    color: var(--theme-text);
  }
  .headerBox:hover, .headerOption:hover {
    background-color: var(--surfaceSoft);
  }
  .headerPopup {
    background-color: var(--theme-surface);
    border-color: var(--theme-border);
    color: var(--theme-text);
  }
  .userMenu {
    position: relative;
    order: 2;
    grid-column-start: 9;
    grid-column-end: 11;
    display: none;
    @media (width >= 48rem) {
      order: 0;
    }
    @media (width >= 48rem) {
      display: flex;
    }
    @media (width >= 80rem) {
      order: 2;
    }
    &:hover .popup {
      visibility: visible;
      top: calc(var(--spacing, 0.25rem) * 10);
      opacity: 100%;
    }
    .dashboardLink {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      @media (width >= 64rem) {
        column-gap: calc(var(--spacing, 0.25rem) * 2);
      }
    }
    .email {
      display: block;
      width: 150px;
      overflow: hidden;
      padding-inline: var(--spacing, 0.25rem);
      text-align: center;
      font-size: var(--text-xs, 0.75rem);
      line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
      --tw-font-weight: var(--font-weight-normal, 400);
      font-weight: var(--font-weight-normal, 400);
      text-overflow: ellipsis;
      white-space: nowrap;
      opacity: 90%;
      color: var(--color14, var(--theme-text-muted));
    }
    .popup {
      visibility: hidden;
      position: absolute;
      inset-inline: 0px;
      top: calc(var(--spacing, 0.25rem) * 20);
      bottom: 0px;
      z-index: 30;
      margin-inline: auto;
      display: none;
      height: max-content;
      width: 80%;
      border-radius: var(--radius-md, 0.375rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      text-align: center;
      opacity: 0%;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      @media (width >= 48rem) {
        display: block;
      }
      background-color: var(--color21, var(--theme-surface));
      border-color: var(--color23, var(--theme-border));
      box-shadow: 0 2px 10px 2px var(--theme-shadow-strong);
    }
    .options {
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      }
      padding-inline: calc(var(--spacing, 0.25rem) * 2);
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    }
    .dashboardAction {
      display: inline-block;
      padding-block: calc(var(--spacing, 0.25rem) * 3);
    }
    .signOutAction {
      padding-block: calc(var(--spacing, 0.25rem) * 3);
    }
    .signOutButton {
      cursor: pointer;
      color: var(--theme-signOutText);
    }
  }
  .headerBox .signInAction {
    display: flex;
    align-items: center;
    gap: var(--spacing, 0.25rem);
    -webkit-user-select: none;
    user-select: none;
  }
  .headerBox .label {
    display: none;
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .headerBox .icon {
    height: calc(var(--spacing, 0.25rem) * 5);
    width: calc(var(--spacing, 0.25rem) * 5);
    fill: currentcolor;
  }
  .miniCart {
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 2);
    padding-block: calc(var(--spacing, 0.25rem) * 0.5);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    background-color: var(--theme-surface);
    border-color: var(--theme-border);
    color: var(--theme-text);
  }
  .miniCart:hover {
    background-color: var(--surfaceSoft);
  }
  .cartPreview {
    background-color: var(--theme-surface);
    border-color: var(--theme-border);
    color: var(--theme-text);
  }
  .cartSummary {
    background-color: var(--surfaceSoft);
  }
  .cartLink {
    color: var(--theme-text-muted);
  }
  .cartLink:hover {
    color: var(--theme-accent);
  }
  .miniCart .link {
    display: flex;
    align-items: center;
    gap: var(--spacing, 0.25rem);
    -webkit-user-select: none;
    user-select: none;
  }
  .miniCart .iconWrapper {
    position: relative;
  }
  .miniCart .icon {
    height: calc(var(--spacing, 0.25rem) * 5);
    width: calc(var(--spacing, 0.25rem) * 5);
    fill: var(--color-stone-600, oklch(44.4% 0.011 73.639));
  }
  .miniCart .badge {
    position: absolute;
    inset-inline-end: calc(var(--spacing, 0.25rem) * -1);
    top: calc(var(--spacing, 0.25rem) * -1);
    display: flex;
    height: calc(var(--spacing, 0.25rem) * 4);
    min-width: calc(var(--spacing, 0.25rem) * 4);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
    padding-inline: var(--spacing, 0.25rem);
    font-size: 10px;
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-white, #fff);
  }
  .miniCart .title {
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  }
  .miniCart .title.active {
    color: var(--color-custom-color11);
  }
  .gradientButton {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    border-radius: var(--radius-md, 0.375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--theme-accent);
    border-color: var(--theme-accent);
    color: var(--theme-on-accent);
  }
  .gradientButton:hover {
    background-color: var(--theme-accent-hover);
    border-color: var(--theme-accent-hover);
  }
  .paragraph {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
    color: var(--theme-text-muted);
  }
  .divider {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    margin-bottom: calc(var(--spacing, 0.25rem) * 6);
    height: 0.25px;
    background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
    color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
  }
}
@layer themePart {
  .hero {
    display: flex;
    min-height: 0px;
    padding-top: calc(var(--spacing, 0.25rem) * 8);
    padding-bottom: calc(var(--spacing, 0.25rem) * 14);
    @media (width >= 48rem) {
      min-height: calc(100svh - 4rem);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 12);
    }
    @media (width >= 64rem) {
      min-height: 100vh;
    }
    background-image: linear-gradient(to bottom, var(--theme-hero-background-start), var(--theme-hero-background-end));
  }
  .hero > .container {
    width: 100%;
  }
  .hero .layout {
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 6);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 40rem) {
      gap: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 96rem) {
      gap: calc(var(--spacing, 0.25rem) * 16);
    }
  }
  .hero .content {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing, 0.25rem) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing, 0.25rem) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
    text-align: center;
    @media (width >= 48rem) {
      flex: 1;
    }
    @media (width >= 48rem) {
      text-align: start;
    }
  }
  .hero .title {
    font-family: var(--font-vazirmatn);
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 40rem) {
      font-size: var(--text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    }
    @media (width >= 48rem) {
      font-size: var(--text-4xl, 2.25rem);
      line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
    }
    @media (width >= 64rem) {
      font-size: var(--text-5xl, 3rem);
      line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
    }
    @media (width >= 80rem) {
      font-size: var(--text-6xl, 3.75rem);
      line-height: var(--tw-leading, var(--text-6xl--line-height, 1));
    }
    color: var(--theme-text);
  }
  .hero .supertitle {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    @media (width >= 48rem) {
      font-size: var(--text-xl, 1.25rem);
      line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    }
    @media (width >= 64rem) {
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
    color: var(--theme-text);
  }
  .hero .subtitle {
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-tracking: var(--tracking-wide, 0.025em);
    letter-spacing: var(--tracking-wide, 0.025em);
    text-transform: uppercase;
    @media (width >= 48rem) {
      font-size: var(--text-base, 1rem);
      line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    }
    color: var(--theme-text-subtle);
  }
  .hero .description {
    margin-inline: auto;
    max-width: var(--container-xl, 36rem);
    @media (width >= 48rem) {
      margin-inline: 0px;
    }
    color: var(--theme-text-muted);
  }
  .hero .emphasis {
    display: inline-block;
    color: var(--theme-hero-emphasis-start);
  }
  .hero .emphasisLtr {
    background-image: linear-gradient(135deg, var(--theme-hero-emphasis-start), var(--theme-hero-emphasis-end));
  }
  .hero .emphasisRtl {
    background-image: linear-gradient(225deg, var(--theme-hero-emphasis-start), var(--theme-hero-emphasis-end));
  }
  @supports ((background-clip: text) or (-webkit-background-clip: text)) {
    .hero .emphasis {
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }
  }
  .hero .details {
    display: none;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing, 0.25rem) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing, 0.25rem) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    @media (width >= 40rem) {
      display: block;
    }
  }
  .hero .actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .hero .cta.secondaryCta {
    display: none !important;
    @media (width >= 48rem) {
      display: inline !important;
    }
  }
  @media (width >= 48rem) {
    .hero .media {
      display: flex;
      flex: 1;
      justify-content: flex-end;
    }
  }
  .hero .image {
    border-radius: var(--radius-2xl, 1rem);
    box-shadow: 0 15px 30px var(--theme-shadow);
  }
  .hero .cta.heroCta:not(.secondary) {
    background-color: var(--theme-cta-accent);
    box-shadow: 0 10px 20px var(--theme-shadow);
    color: var(--theme-on-accent);
  }
  .hero .cta.heroCta:not(.secondary):hover {
    background-color: var(--theme-cta-accent-hover);
    box-shadow: 0 16px 28px var(--theme-shadow-strong);
  }
  .hero .cta.heroCta.secondary {
    background-color: transparent;
    border-color: var(--theme-text);
    box-shadow: 0 10px 20px var(--theme-shadow);
    color: var(--theme-text);
  }
  .hero .cta.heroCta.secondary:hover {
    background-color: var(--theme-accent-soft);
    box-shadow: 0 16px 28px var(--theme-shadow-strong);
  }
  .wideBackgroundHero {
    position: relative;
    display: flex;
    min-height: calc(100svh - 4rem);
    width: 100%;
    align-items: center;
    overflow: hidden;
    padding-block: calc(var(--spacing, 0.25rem) * 20);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 28);
    }
    --background: #172016;
    --emphasis-color: #b9d39d;
    --eyebrow-color: #dce8ce;
    --glow-color: rgb(116 143 85 / 0.2);
    --heroOverlayNearEnd: rgb(21 34 21 / 0.4);
    --overlay-end: rgb(21 34 21 / 0.22);
    --overlay-middle: rgb(21 34 21 / 0.82);
    --overlay-start: rgb(14 24 15 / 0.94);
    --subtitle-color: #f2f6ed;
    --text-color: rgb(242 246 237 / 0.82);
    --title-color: #ffffff;
    background-color: var(--background);
  }
  .wideBackgroundHero > .image {
    position: absolute;
    inset: 0px;
  }
  .wideBackgroundHero .imageElement {
    height: 100%;
    width: 100%;
    scale: 1.02;
    object-fit: cover;
    object-position: center;
  }
  .wideBackgroundHero > .overlay {
    position: absolute;
    inset: 0px;
    background-image: linear-gradient( 90deg, var(--overlay-start) 0%, var(--overlay-middle) 42%, var(--heroOverlayNearEnd) 72%, var(--overlay-end) 100% );
  }
  [dir='rtl'] .wideBackgroundHero > .overlay {
    transform: scaleX(-1);
  }
  .wideBackgroundHero > .glow {
    position: absolute;
    inset-inline-start: calc(var(--spacing, 0.25rem) * -32);
    top: calc(1 / 2 * 100%);
    height: calc(var(--spacing, 0.25rem) * 96);
    width: calc(var(--spacing, 0.25rem) * 96);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    --tw-blur: blur(var(--blur-3xl, 64px));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    background-color: var(--glow-color);
  }
  .wideBackgroundHero > .container {
    position: relative;
    z-index: 10;
  }
  .wideBackgroundHero .content {
    max-width: var(--container-3xl, 48rem);
    text-align: start;
  }
  .wideBackgroundHero .eyebrow {
    margin-bottom: calc(var(--spacing, 0.25rem) * 6);
    display: inline-flex;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    --tw-backdrop-blur: blur(var(--blur-sm, 8px));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background-color: rgb(255 255 255 / 0.08);
    border-color: rgb(255 255 255 / 0.22);
    color: var(--eyebrow-color);
  }
  .wideBackgroundHero .title {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
    --tw-leading: 1.08;
    line-height: 1.08;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: var(--tracking-tight, -0.025em);
    letter-spacing: var(--tracking-tight, -0.025em);
    @media (width >= 40rem) {
      font-size: var(--text-5xl, 3rem);
      line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
    }
    @media (width >= 64rem) {
      font-size: var(--text-7xl, 4.5rem);
      line-height: var(--tw-leading, var(--text-7xl--line-height, 1));
    }
    color: var(--title-color);
    text-shadow: 0 3px 24px rgb(0 0 0 / 0.35);
  }
  .wideBackgroundHero .titleLeading, .wideBackgroundHero .emphasis {
    display: block;
  }
  .wideBackgroundHero .emphasis {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    color: var(--emphasis-color);
  }
  .wideBackgroundHero .subtitle {
    margin-top: calc(var(--spacing, 0.25rem) * 7);
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    @media (width >= 48rem) {
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
    color: var(--subtitle-color);
  }
  .wideBackgroundHero .description {
    margin-top: calc(var(--spacing, 0.25rem) * 5);
    max-width: var(--container-2xl, 42rem);
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-leading: calc(var(--spacing, 0.25rem) * 8);
    line-height: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 48rem) {
      font-size: var(--text-lg, 1.125rem);
      line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    }
    color: var(--text-color);
  }
  .wideBackgroundHero .actions {
    margin-top: calc(var(--spacing, 0.25rem) * 9);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  .wideBackgroundHero .cta.heroCta.secondary {
    background-color: var(--theme-heroSecondaryCtaAccent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--theme-heroSecondaryCtaAccent) 12%, transparent);
    }
    border-color: var(--theme-heroSecondaryCtaAccent);
    color: var(--theme-heroSecondaryCtaAccent);
  }
  .wideBackgroundHero .cta.heroCta.secondary:hover {
    background-color: var(--theme-heroSecondaryCtaAccent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--theme-heroSecondaryCtaAccent) 22%, transparent);
    }
  }
}
@layer themePage {
  .page.about {
    --about-card-surface-even: var(--theme-card-surface);
    @supports (color: color-mix(in lab, red, red)) {
      --about-card-surface-even: color-mix(in srgb, var(--theme-card-surface) 92%, var(--theme-highlight));
    }
    --about-card-surface-odd: var(--theme-card-surface);
    @supports (color: color-mix(in lab, red, red)) {
      --about-card-surface-odd: color-mix(in srgb, var(--theme-card-surface) 92%, var(--theme-accent));
    }
    --about-section-surface-primary: var(--surfaceSoft);
    --about-section-surface-secondary: var(--theme-surface);
    @supports (color: color-mix(in lab, red, red)) {
      --about-section-surface-secondary: color-mix(in srgb, var(--theme-surface) 90%, var(--theme-accent));
    }
  }
  [data-tenant='wesupply.ir'] .page.about {
    --about-card-surface-odd: var(--theme-card-surface);
    @supports (color: color-mix(in lab, red, red)) {
      --about-card-surface-odd: color-mix(in srgb, var(--theme-card-surface) 84%, var(--theme-accent));
    }
    --about-card-surface-even: var(--theme-card-surface);
    @supports (color: color-mix(in lab, red, red)) {
      --about-card-surface-even: color-mix(in srgb, var(--theme-card-surface) 88%, var(--theme-highlight));
    }
    --about-section-surface-primary: var(--theme-surface);
    @supports (color: color-mix(in lab, red, red)) {
      --about-section-surface-primary: color-mix(in srgb, var(--theme-surface) 82%, var(--theme-highlight));
    }
    --about-section-surface-secondary: var(--theme-surface);
    @supports (color: color-mix(in lab, red, red)) {
      --about-section-surface-secondary: color-mix(in srgb, var(--theme-surface) 84%, var(--theme-accent));
    }
    --theme-accent: #748f55;
    --theme-accent-hover: #5f7845;
    --theme-highlight: #a9bb8e;
    --theme-card-accent: #668248;
    --theme-card-border-hover: var(--theme-accent);
    --theme-heading-supertitle-background: var(--theme-card-accent);
  }
  .page.about > :is( .heroCentered, .twoPartInfo, .cardsSection, .cardsChronology, .cardsProfiles, .cardsStatistics, .quoteCentered, .ctaPanel ) {
    clip-path: inset(0 -100vmax);
  }
  .page.about > :is( .heroCentered, .twoPartInfo, .cardsSection, .cardsChronology, .cardsProfiles, .cardsStatistics, .quoteCentered, .ctaPanel ):nth-child(3n + 2) {
    background-color: var(--about-section-surface-primary);
    box-shadow: 0 0 0 100vmax var(--about-section-surface-primary);
  }
  .page.about > :is( .heroCentered, .twoPartInfo, .cardsSection, .cardsChronology, .cardsProfiles, .cardsStatistics, .quoteCentered, .ctaPanel ):nth-child(3n) {
    background-color: var(--about-section-surface-secondary);
    box-shadow: 0 0 0 100vmax var(--about-section-surface-secondary);
  }
  .page.about :is(.card, .chronologyCard, .profileCard, .statisticCard) {
    background-color: var(--about-card-surface-odd);
  }
  .page.about :is(.card, .chronologyCard, .profileCard, .statisticCard):nth-child(even) {
    background-color: var(--about-card-surface-even);
  }
  .page.about :is(.chronologyCard, .profileCard, .statisticCard) {
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--theme-card-border);
    box-shadow: 0 8px 24px var(--theme-shadow);
  }
  .page.about .chronologyCard {
    margin-inline-start: calc(var(--spacing, 0.25rem) * 6);
    margin-bottom: calc(var(--spacing, 0.25rem) * 6);
    padding: calc(var(--spacing, 0.25rem) * 6);
    &:last-child {
      margin-bottom: 0px;
    }
  }
  .page.about .chronologyCard .marker {
    inset-inline-start: calc(33px * -1);
  }
  .page.about .profileCard {
    padding: calc(var(--spacing, 0.25rem) * 4);
  }
  .page.about .cardsStatistics .items {
    gap: calc(var(--spacing, 0.25rem) * 6);
    border-style: var(--tw-border-style);
    border-width: 0px;
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(0px * var(--tw-divide-x-reverse));
        border-inline-end-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
      }
    }
  }
  .aboutAccentRule {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    height: 1px;
    width: calc(var(--spacing, 0.25rem) * 16);
    background-image: linear-gradient(to right, var(--theme-accent), var(--theme-highlight));
  }
  .aboutPrinciples {
    background-color: var(--surfaceSoft);
  }
  .aboutPrincipleCard {
    background-color: var(--theme-card-surface);
    border-color: var(--theme-card-border);
    box-shadow: 0 8px 24px var(--theme-shadow);
  }
  .aboutPrincipleCard:hover {
    border-color: var(--theme-card-border-hover);
    box-shadow: 0 14px 30px var(--theme-shadow-strong);
  }
  .aboutPrincipleNumber {
    color: var(--theme-card-accent);
  }
  .aboutPrincipleTitle {
    color: var(--theme-card-title);
  }
  .aboutPrincipleText {
    color: var(--theme-card-text);
  }
  .contactPage {
    padding-block: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 16);
    }
  }
  .contactLayout {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 40rem) {
      gap: calc(var(--spacing, 0.25rem) * 16);
    }
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .contactInfo, .contactForm {
    position: relative;
    width: 100%;
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .contactInfo {
    min-height: calc(var(--spacing, 0.25rem) * 96);
    .backImage {
      position: absolute;
      inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
      top: 0px;
    }
    .frontPanel {
      position: relative;
      margin-inline: auto;
      min-height: calc(var(--spacing, 0.25rem) * 96);
      width: 100%;
    }
    .frontImage {
      inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
      top: 0px;
    }
    .frontPanel::after {
      position: absolute;
      inset: 0px;
      background-color: var(--theme-accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--theme-accent) 30%, transparent);
      }
      content: '';
    }
    .details {
      position: relative;
      z-index: 10;
      display: flex;
      min-height: calc(var(--spacing, 0.25rem) * 96);
      flex-direction: column;
      justify-content: center;
      gap: calc(var(--spacing, 0.25rem) * 5);
      padding: calc(var(--spacing, 0.25rem) * 4);
      @media (width >= 64rem) {
        padding: calc(var(--spacing, 0.25rem) * 8);
      }
      color: var(--theme-text);
    }
    :is(.title, .infoItem) {
      display: flex;
      width: fit-content;
      max-width: 100%;
      align-items: center;
      gap: calc(var(--spacing, 0.25rem) * 4);
      border-radius: var(--radius-lg, 0.5rem);
      padding-inline: calc(var(--spacing, 0.25rem) * 4);
      padding-block: calc(var(--spacing, 0.25rem) * 2);
      --tw-backdrop-blur: blur(var(--blur-sm, 8px));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      background-color: var(--theme-surface);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--theme-surface) 72%, transparent);
      }
    }
    .title {
      font-size: var(--text-base, 1rem);
      line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
      @media (width >= 40rem) {
        font-size: var(--text-lg, 1.125rem);
        line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
      }
    }
    .infoItem {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    }
    .infoItem:hover {
      background-color: var(--theme-accent-soft);
      color: var(--theme-accent-hover);
    }
    .icon {
      aspect-ratio: 1 / 1;
      width: calc(var(--spacing, 0.25rem) * 6);
      fill: currentColor;
      stroke: currentColor;
    }
    .address {
      flex-direction: column;
      align-items: flex-start;
      gap: calc(var(--spacing, 0.25rem) * 2);
      --tw-leading: calc(var(--spacing, 0.25rem) * 7);
      line-height: calc(var(--spacing, 0.25rem) * 7);
      font-style: normal;
    }
    .email {
      word-break: break-all;
    }
  }
  .contactMap {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
@layer themePart {
  .contactForm .title {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 48rem) {
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
    color: var(--theme-text);
  }
  .contactForm .description {
    margin-top: calc(var(--spacing, 0.25rem) * 3);
    margin-bottom: calc(var(--spacing, 0.25rem) * 5);
    --tw-leading: calc(var(--spacing, 0.25rem) * 7);
    line-height: calc(var(--spacing, 0.25rem) * 7);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing, 0.25rem) * 10);
    }
    color: var(--theme-text-muted);
  }
  .contactForm .fields {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 3);
  }
  .contactForm .control {
    width: 100%;
    border-radius: var(--radius-lg, 0.5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 5);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-outline-style: none;
    outline-style: none;
    background-color: var(--theme-surface);
    border-color: var(--theme-border);
    color: var(--theme-text);
  }
  .contactForm .control:focus {
    border-color: var(--theme-accent);
  }
  .contactForm .action {
    display: inline-flex;
    min-width: calc(var(--spacing, 0.25rem) * 40);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    justify-self: flex-end;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    background-color: var(--theme-accent);
    color: var(--theme-on-accent);
  }
  .contactForm .action:hover {
    background-color: var(--theme-accent-hover);
  }
  .contactForm .action:disabled {
    cursor: not-allowed;
    opacity: 50%;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .contactForm .loadingIcon {
    height: calc(var(--spacing, 0.25rem) * 5);
    width: calc(var(--spacing, 0.25rem) * 5);
    animation: var(--animate-spin, spin 1s linear infinite);
    fill: currentcolor;
  }
  .cardsIntro {
    color: var(--theme-cardsText);
  }
  .cardsVariant {
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 20);
    }
    color: var(--theme-cardsMuted);
  }
  .cardsVariantHeader {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing, 0.25rem) * 12);
    }
  }
  .cardsVariantBody {
    position: relative;
    z-index: 10;
  }
  .cardsVariantKicker {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--theme-card-accent);
  }
  .cardsVariantNumber {
    color: var(--theme-card-accent);
  }
  .cardsVariantCardTitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    font-family: var(--font-vazirmatn);
    font-size: 20px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: var(--tracking-wider, 0.05em);
    letter-spacing: var(--tracking-wider, 0.05em);
    text-transform: uppercase;
    color: var(--theme-card-title);
  }
  .cardsVariantCardText {
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--theme-card-text);
  }
  .cardsVariantCta {
    margin-top: calc(var(--spacing, 0.25rem) * 5);
  }
  .cardsVariantMedia {
    position: relative;
    z-index: 10;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl, 0.75rem);
    & img {
      height: 100%;
    }
    & img {
      width: 100%;
    }
    & img {
      object-fit: cover;
    }
  }
  .cardsVariantDecoration {
    position: absolute;
    inset-inline-start: calc(var(--spacing, 0.25rem) * -20);
    top: calc(var(--spacing, 0.25rem) * -20);
    height: calc(var(--spacing, 0.25rem) * 40);
    width: calc(var(--spacing, 0.25rem) * 40);
    border-radius: calc(infinity * 1px);
    opacity: 10%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    background-color: var(--theme-card-gradient-middle);
    background-image: linear-gradient( to bottom, var(--theme-card-gradient-start), var(--theme-card-gradient-middle), var(--theme-card-gradient-end) );
  }
  :is( .cardsBentoItem, .cardsTimelineCard, .cardsFeatureItem, .cardsZigzagItem, .cardsFloatingItem, .cardsCarouselCard, .cardsNumberedItem, .cardsSplitItem, .cardsGlassItem, .cardsSpineCard ):hover .cardsVariantDecoration {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 20%;
  }
  :is( .cardsBentoItem, .cardsTimelineCard, .cardsFeatureItem, .cardsZigzagItem, .cardsFloatingItem, .cardsCarouselCard, .cardsNumberedItem, .cardsSplitItem, .cardsGlassItem, .cardsSpineCard ) {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing, 0.25rem) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    background-color: var(--theme-card-surface);
    border-color: var(--theme-card-border);
  }
  [data-tenant='wesupply.ir'] :is( .cardsBentoItem, .cardsTimelineCard, .cardsFeatureItem, .cardsZigzagItem, .cardsFloatingItem, .cardsCarouselCard, .cardsNumberedItem, .cardsSplitItem, .cardsGlassItem, .cardsSpineCard ), [data-tenant='shifatrip.ir'] :is( .cardsBentoItem, .cardsTimelineCard, .cardsFeatureItem, .cardsZigzagItem, .cardsFloatingItem, .cardsCarouselCard, .cardsNumberedItem, .cardsSplitItem, .cardsGlassItem, .cardsSpineCard ) {
    box-shadow: 0 10px 30px -18px var(--theme-shadow-strong), inset 0 3px 0 var(--theme-highlight);
  }
  :is( .cardsBentoItem, .cardsTimelineCard, .cardsFeatureItem, .cardsZigzagItem, .cardsFloatingItem, .cardsCarouselCard, .cardsNumberedItem, .cardsSplitItem, .cardsGlassItem, .cardsSpineCard ):hover {
    border-color: var(--theme-card-border-hover);
    box-shadow: 0 20px 25px -5px var(--theme-shadow), 0 8px 10px -6px var(--theme-shadow);
  }
  [data-tenant='wesupply.ir'] :is( .cardsBentoItem, .cardsTimelineCard, .cardsFeatureItem, .cardsZigzagItem, .cardsFloatingItem, .cardsCarouselCard, .cardsNumberedItem, .cardsSplitItem, .cardsGlassItem, .cardsSpineCard ):hover, [data-tenant='shifatrip.ir'] :is( .cardsBentoItem, .cardsTimelineCard, .cardsFeatureItem, .cardsZigzagItem, .cardsFloatingItem, .cardsCarouselCard, .cardsNumberedItem, .cardsSplitItem, .cardsGlassItem, .cardsSpineCard ):hover {
    box-shadow: 0 24px 45px -20px var(--theme-shadow-strong), inset 0 3px 0 var(--theme-accent);
  }
  .cardsBentoGrid {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 5);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .cardsBentoItem {
    min-height: calc(var(--spacing, 0.25rem) * 64);
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 64rem) {
    .cardsBentoItem:nth-child(5n + 1), .cardsBentoItem:nth-child(5n + 2) {
      grid-column: span 3 / span 3;
    }
  }
  .cardsBentoItem > .cardsVariantMedia {
    margin-bottom: calc(var(--spacing, 0.25rem) * 5);
    height: calc(var(--spacing, 0.25rem) * 44);
  }
  .cardsTimelineList {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-4xl, 56rem);
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
    &::before {
      content: var(--tw-content);
      inset-block: 0px;
    }
    &::before {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing, 0.25rem) * 5);
    }
    &::before {
      content: var(--tw-content);
      width: 1px;
    }
    @media (width >= 48rem) {
      &::before {
        content: var(--tw-content);
        inset-inline-start: calc(1/2 * 100%);
      }
    }
  }
  .cardsTimelineList::before, .cardsSpineList::before {
    background-color: var(--theme-card-border);
  }
  .cardsTimelineItem {
    position: relative;
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    padding-inline-start: calc(var(--spacing, 0.25rem) * 14);
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
    @media (width >= 48rem) {
      padding-inline-start: 0px;
    }
    @media (width >= 48rem) {
      &:nth-child(odd) {
        padding-inline-end: calc(var(--spacing, 0.25rem) * 12);
      }
    }
    @media (width >= 48rem) {
      &:nth-child(even) {
        margin-inline-start: auto;
      }
    }
    @media (width >= 48rem) {
      &:nth-child(even) {
        padding-inline-start: calc(var(--spacing, 0.25rem) * 12);
      }
    }
  }
  .cardsTimelineMarker {
    position: absolute;
    inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
    top: calc(var(--spacing, 0.25rem) * 6);
    z-index: 10;
    display: flex;
    height: calc(var(--spacing, 0.25rem) * 10);
    width: calc(var(--spacing, 0.25rem) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 48rem) {
      inset-inline-start: auto;
    }
    @media (width >= 48rem) {
      &:nth-child(odd) {
        inset-inline-end: calc(var(--spacing, 0.25rem) * -5);
      }
    }
    @media (width >= 48rem) {
      &:nth-child(even) {
        inset-inline-start: calc(var(--spacing, 0.25rem) * -5);
      }
    }
    background-color: var(--theme-card-accent);
    color: var(--theme-cardsOnAccent);
  }
  .cardsTimelineCard, .cardsNumberedItem, .cardsSplitItem, .cardsSpineCard {
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
  }
  .cardsFeatureLayout {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .cardsFeatureLayout > .cardsVariantMedia {
    min-height: calc(var(--spacing, 0.25rem) * 80);
  }
  .cardsFeatureItems {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 5);
  }
  .cardsFeatureItem {
    display: flex;
    gap: calc(var(--spacing, 0.25rem) * 4);
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
  }
  .cardsFeatureCheck {
    position: relative;
    z-index: 10;
    display: flex;
    height: calc(var(--spacing, 0.25rem) * 8);
    width: calc(var(--spacing, 0.25rem) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    background-color: var(--theme-card-accent);
    color: var(--theme-cardsOnAccent);
  }
  .cardsZigzagList {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 10);
  }
  .cardsZigzagItem {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 8);
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
  }
  @media (width >= 48rem) {
    .cardsZigzagItem:nth-child(even) > .cardsVariantMedia {
      order: 2;
    }
  }
  .cardsZigzagItem > .cardsVariantMedia {
    min-height: calc(var(--spacing, 0.25rem) * 64);
  }
  .cardsFloating, .cardsGlass {
    position: relative;
    overflow: hidden;
    background-color: var(--theme-card-surface);
  }
  .cardsFloatingGrid, .cardsGlassGrid, .cardsNumberedGrid {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .cardsFloatingItem {
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
  }
  .cardsFloatingOrb {
    position: absolute;
    inset-inline-end: calc(var(--spacing, 0.25rem) * -10);
    top: calc(var(--spacing, 0.25rem) * -10);
    height: calc(var(--spacing, 0.25rem) * 32);
    width: calc(var(--spacing, 0.25rem) * 32);
    border-radius: calc(infinity * 1px);
    opacity: 20%;
    background-color: var(--theme-card-gradient-middle);
  }
  .cardsCarouselWrapper {
    padding-top: var(--spacing, 0.25rem);
    padding-bottom: calc(var(--spacing, 0.25rem) * 12);
  }
  .cardsCarouselWrapper > .swiper-slide {
    height: auto;
  }
  .posts .cardsCarouselWrapper {
    align-items: stretch;
  }
  .posts .cardsCarouselWrapper > .swiper-slide {
    display: flex;
    height: auto;
  }
  .posts .cardsCarouselWrapper > .swiper-slide > .post {
    flex: 1;
  }
  .cardsCarouselCard {
    height: 100%;
    min-height: calc(var(--spacing, 0.25rem) * 80);
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
  }
  .cardsCarouselCard > .cardsVariantMedia {
    margin-bottom: calc(var(--spacing, 0.25rem) * 5);
    height: calc(var(--spacing, 0.25rem) * 44);
  }
  .cardsCarouselPagination .swiper-pagination-bullet-active {
    background-color: var(--theme-card-accent) !important;
  }
  .cardsCarousel > .cardsVariantFooter {
    margin-top: calc(var(--spacing, 0.25rem) * 8);
    display: flex;
    justify-content: center;
  }
  .cardsNumberedItem {
    position: relative;
  }
  .cardsNumberedItem .cardsVariantNumber {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
    opacity: 30%;
    color: var(--theme-card-accent);
  }
  .cardsSplitLayout {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing, 0.25rem) * 16);
    }
  }
  .cardsSplitLayout .cardsVariantHeader {
    margin-inline: 0px;
    text-align: start;
  }
  .cardsSplitMedia > .cardsVariantMedia {
    min-height: calc(var(--spacing, 0.25rem) * 72);
  }
  .cardsSplitList {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 5);
  }
  .cardsGlassGlow {
    position: absolute;
    height: calc(var(--spacing, 0.25rem) * 80);
    width: calc(var(--spacing, 0.25rem) * 80);
    border-radius: calc(infinity * 1px);
    --tw-blur: blur(var(--blur-3xl, 64px));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    background-color: var(--theme-cardsGlow);
  }
  .cardsGlassGlowStart {
    inset-inline-start: calc(var(--spacing, 0.25rem) * -32);
    top: calc(var(--spacing, 0.25rem) * -32);
  }
  .cardsGlassGlowEnd {
    inset-inline-end: calc(var(--spacing, 0.25rem) * -32);
    bottom: calc(var(--spacing, 0.25rem) * -32);
  }
  .cardsGlassContent {
    position: relative;
    z-index: 10;
  }
  .cardsGlassItem {
    padding: calc(var(--spacing, 0.25rem) * 4);
    --tw-backdrop-blur: blur(var(--blur-xl, 24px));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
    background-color: var(--theme-cardsGlass);
  }
  .cardsSpineList {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-3xl, 48rem);
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
    &::before {
      content: var(--tw-content);
      inset-block: 0px;
    }
    &::before {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing, 0.25rem) * 2);
    }
    &::before {
      content: var(--tw-content);
      width: var(--spacing, 0.25rem);
    }
  }
  .cardsSpineItem {
    position: relative;
    margin-bottom: calc(var(--spacing, 0.25rem) * 6);
    padding-inline-start: calc(var(--spacing, 0.25rem) * 10);
  }
  .cardsSpineDot {
    position: absolute;
    inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
    top: calc(var(--spacing, 0.25rem) * 7);
    z-index: 10;
    height: calc(var(--spacing, 0.25rem) * 5);
    width: calc(var(--spacing, 0.25rem) * 5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    background-color: var(--theme-card-accent);
    border-color: var(--theme-card-surface);
  }
  .card {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing, 0.25rem) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    background-color: var(--theme-card-surface);
    border-color: var(--theme-card-border);
  }
  [data-tenant='wesupply.ir'] .card, [data-tenant='shifatrip.ir'] .card {
    box-shadow: 0 10px 30px -18px var(--theme-shadow-strong), inset 0 3px 0 var(--theme-highlight);
  }
  .card:hover {
    border-color: var(--theme-card-border-hover);
    box-shadow: 0 20px 25px -5px var(--theme-shadow), 0 8px 10px -6px var(--theme-shadow);
  }
  [data-tenant='wesupply.ir'] .card:hover, [data-tenant='shifatrip.ir'] .card:hover {
    box-shadow: 0 24px 45px -20px var(--theme-shadow-strong), inset 0 3px 0 var(--theme-accent);
  }
  .cardDecoration {
    position: absolute;
    inset-inline-start: calc(var(--spacing, 0.25rem) * -20);
    top: calc(var(--spacing, 0.25rem) * -20);
    height: calc(var(--spacing, 0.25rem) * 40);
    width: calc(var(--spacing, 0.25rem) * 40);
    border-radius: calc(infinity * 1px);
    opacity: 10%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    background-color: var(--theme-card-gradient-middle);
    background-image: linear-gradient( to bottom, var(--theme-card-gradient-start), var(--theme-card-gradient-middle), var(--theme-card-gradient-end) );
  }
  .card:hover .cardDecoration {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 20%;
  }
  .cardContent {
    position: relative;
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
  }
  .cardTitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    font-family: var(--font-vazirmatn);
    font-size: 20px;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: var(--tracking-wider, 0.05em);
    letter-spacing: var(--tracking-wider, 0.05em);
    text-transform: uppercase;
    color: var(--theme-card-title);
  }
  .cardSubtitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--theme-card-accent);
  }
  .cardText {
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--theme-card-text);
  }
  .heading {
    margin-inline: auto;
    max-width: var(--container-3xl, 48rem);
    text-align: center;
  }
  .heading .supertitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    display: inline-block;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 1.5);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    --tw-tracking: var(--tracking-widest, 0.1em);
    letter-spacing: var(--tracking-widest, 0.1em);
    text-transform: uppercase;
    background-color: var(--theme-heading-supertitle-background);
    color: var(--theme-heading-supertitle-text);
  }
  .heading .title {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    font-family: var(--font-vazirmatn);
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 40rem) {
      font-size: var(--text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    }
    @media (width >= 48rem) {
      font-size: var(--text-4xl, 2.25rem);
      line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
    }
    color: var(--theme-heading-title);
  }
  .heading .subtitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    @media (width >= 40rem) {
      font-size: var(--text-lg, 1.125rem);
      line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    }
    color: var(--theme-heading-subtitle);
  }
  .heading .description {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
    --tw-font-weight: var(--font-weight-light, 300);
    font-weight: var(--font-weight-light, 300);
    color: var(--theme-heading-description);
  }
  .heading.taxonomy .title, .heading.social .title {
    text-align: start;
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    text-transform: capitalize;
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm, 0 1px 2px rgb(0 0 0 / 0.15)));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tags {
    max-width: var(--container-lg, 32rem);
    .heading {
      margin-inline: 0px;
      text-align: start;
      .title {
        margin-bottom: 0px;
        text-align: start;
        font-size: var(--text-2xl, 1.5rem);
        line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
      }
    }
    .search {
      margin-bottom: calc(var(--spacing, 0.25rem) * 4);
      width: 100%;
      border-radius: var(--radius-lg, 0.5rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding-inline: calc(var(--spacing, 0.25rem) * 3);
      padding-block: calc(var(--spacing, 0.25rem) * 2);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      --tw-outline-style: none;
      outline-style: none;
      background-color: var(--theme-taxonomy-surface);
      border-color: var(--theme-taxonomy-border);
      color: var(--theme-taxonomy-text);
    }
    .search::placeholder {
      color: var(--theme-taxonomy-text-muted);
    }
    .search:focus {
      border-color: var(--theme-taxonomy-accent);
    }
    .list {
      display: grid;
      list-style-type: none;
      gap: var(--spacing, 0.25rem);
      padding: 0px;
    }
    .link {
      display: flex;
      border-radius: var(--radius-lg, 0.5rem);
      padding-inline: calc(var(--spacing, 0.25rem) * 3);
      padding-block: calc(var(--spacing, 0.25rem) * 2);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      color: var(--theme-taxonomy-text);
    }
    .link:hover {
      background-color: var(--theme-taxonomy-surface-hover);
      color: var(--theme-taxonomy-accent-hover);
    }
    .link .title {
      --tw-font-weight: var(--font-weight-medium, 500);
      font-weight: var(--font-weight-medium, 500);
    }
    .toggle {
      margin-top: calc(var(--spacing, 0.25rem) * 2);
      border-radius: var(--radius-lg, 0.5rem);
      padding-inline: calc(var(--spacing, 0.25rem) * 3);
      padding-block: calc(var(--spacing, 0.25rem) * 2);
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
      --tw-font-weight: var(--font-weight-medium, 500);
      font-weight: var(--font-weight-medium, 500);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      color: var(--theme-taxonomy-accent);
    }
    .toggle:hover {
      background-color: var(--theme-taxonomy-surface-hover);
      color: var(--theme-taxonomy-accent-hover);
    }
  }
  .categories {
    max-width: var(--container-lg, 32rem);
    .heading {
      margin-inline: 0px;
      text-align: start;
      .title {
        margin-bottom: 0px;
        text-align: start;
        font-size: var(--text-2xl, 1.5rem);
        line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
      }
    }
    .search {
      margin-bottom: calc(var(--spacing, 0.25rem) * 4);
      width: 100%;
      border-radius: var(--radius-lg, 0.5rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding-inline: calc(var(--spacing, 0.25rem) * 3);
      padding-block: calc(var(--spacing, 0.25rem) * 2);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      --tw-outline-style: none;
      outline-style: none;
      background-color: var(--theme-taxonomy-surface);
      border-color: var(--theme-taxonomy-border);
      color: var(--theme-taxonomy-text);
    }
    .search::placeholder {
      color: var(--theme-taxonomy-text-muted);
    }
    .search:focus {
      border-color: var(--theme-taxonomy-accent);
    }
    .list {
      display: grid;
      list-style-type: none;
      gap: var(--spacing, 0.25rem);
      padding: 0px;
    }
    .link {
      display: flex;
      border-radius: var(--radius-lg, 0.5rem);
      padding-inline: calc(var(--spacing, 0.25rem) * 3);
      padding-block: calc(var(--spacing, 0.25rem) * 2);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      color: var(--theme-taxonomy-text);
    }
    .link:hover {
      background-color: var(--theme-taxonomy-surface-hover);
      color: var(--theme-taxonomy-accent-hover);
    }
    .link .title {
      --tw-font-weight: var(--font-weight-medium, 500);
      font-weight: var(--font-weight-medium, 500);
    }
    .toggle {
      margin-top: calc(var(--spacing, 0.25rem) * 2);
      border-radius: var(--radius-lg, 0.5rem);
      padding-inline: calc(var(--spacing, 0.25rem) * 3);
      padding-block: calc(var(--spacing, 0.25rem) * 2);
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
      --tw-font-weight: var(--font-weight-medium, 500);
      font-weight: var(--font-weight-medium, 500);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      color: var(--theme-taxonomy-accent);
    }
    .toggle:hover {
      background-color: var(--theme-taxonomy-surface-hover);
      color: var(--theme-taxonomy-accent-hover);
    }
  }
}
@layer themeLayout {
  .latest, .mostViewed, .popular {
    max-width: var(--container-lg, 32rem);
    .heading {
      margin-inline: 0px;
      text-align: start;
      .title {
        margin-bottom: 0px;
        text-align: start;
        font-size: var(--text-2xl, 1.5rem);
        line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
        color: var(--theme-socialList-title);
      }
    }
    .list {
      display: grid;
      list-style-type: none;
      gap: calc(var(--spacing, 0.25rem) * 4);
      padding: 0px;
    }
    .item {
      display: flex;
      gap: calc(var(--spacing, 0.25rem) * 4);
      border-radius: var(--radius-lg, 0.5rem);
      padding: calc(var(--spacing, 0.25rem) * 2);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    }
    .item:hover {
      background-color: var(--theme-socialList-surface-hover);
    }
    .mediaLink {
      flex-shrink: 0;
    }
    .media {
      aspect-ratio: 1 / 1;
      width: calc(var(--spacing, 0.25rem) * 20);
      overflow: hidden;
      border-radius: var(--radius-lg, 0.5rem);
    }
    .image {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .item:hover .image {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .content {
      min-width: 0px;
    }
    .date {
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
      color: var(--theme-socialList-text-muted);
    }
    .content .title {
      margin-top: calc(var(--spacing, 0.25rem) * 0.5);
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
    }
    .link {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      color: var(--theme-socialList-text);
    }
    .link:hover {
      color: var(--theme-socialList-accent-hover);
    }
  }
}
@layer themePart {
  .pagination {
    margin-top: calc(var(--spacing, 0.25rem) * 12);
    -webkit-user-select: none;
    user-select: none;
    .list {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing, 0.25rem) * 2);
      padding: 0px;
      text-align: center;
    }
    .item {
      list-style-type: none;
    }
    .link {
      display: flex;
      aspect-ratio: 1 / 1;
      width: calc(var(--spacing, 0.25rem) * 10);
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 2px;
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      background-color: var(--theme-pagination-surface);
      border-color: var(--theme-pagination-border);
      color: var(--theme-pagination-text);
    }
    .link:hover {
      background-color: var(--theme-pagination-surface-hover);
      border-color: var(--theme-pagination-border-hover);
      color: var(--theme-pagination-text-hover);
    }
    .active .link {
      background-color: var(--theme-pagination-active);
      border-color: var(--theme-pagination-active-border);
      color: var(--theme-pagination-on-active);
    }
    .icon {
      aspect-ratio: 1 / 1;
      width: calc(var(--spacing, 0.25rem) * 5);
      fill: currentColor;
    }
    .ellipsis {
      display: flex;
      height: calc(var(--spacing, 0.25rem) * 10);
      min-width: calc(var(--spacing, 0.25rem) * 6);
      list-style-type: none;
      align-items: center;
      justify-content: center;
      color: var(--theme-pagination-text);
    }
  }
  .richText {
    --tw-leading: calc(var(--spacing, 0.25rem) * 8);
    line-height: calc(var(--spacing, 0.25rem) * 8);
    color: var(--theme-richText-text);
    .heading {
      font-family: var(--font-vazirmatn);
      --tw-leading: var(--leading-tight, 1.25);
      line-height: var(--leading-tight, 1.25);
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
      color: var(--theme-richText-heading);
    }
    .headingOne {
      margin-top: calc(var(--spacing, 0.25rem) * 8);
      margin-bottom: calc(var(--spacing, 0.25rem) * 4);
      font-size: var(--text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    }
    .headingTwo {
      margin-top: calc(var(--spacing, 0.25rem) * 8);
      margin-bottom: calc(var(--spacing, 0.25rem) * 4);
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
    .headingThree {
      margin-top: calc(var(--spacing, 0.25rem) * 6);
      margin-bottom: calc(var(--spacing, 0.25rem) * 3);
      font-size: var(--text-xl, 1.25rem);
      line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    }
    .headingFour {
      margin-top: calc(var(--spacing, 0.25rem) * 5);
      margin-bottom: calc(var(--spacing, 0.25rem) * 3);
      font-size: var(--text-lg, 1.125rem);
      line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    }
    .headingFive, .headingSix {
      margin-top: calc(var(--spacing, 0.25rem) * 4);
      margin-bottom: calc(var(--spacing, 0.25rem) * 3);
      font-size: var(--text-base, 1rem);
      line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
    }
    .paragraph {
      margin-bottom: calc(var(--spacing, 0.25rem) * 3);
      font-size: var(--text-lg, 1.125rem);
      line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    }
    .list {
      margin-block: calc(var(--spacing, 0.25rem) * 5);
      padding-inline-start: calc(var(--spacing, 0.25rem) * 6);
    }
    .bulleted {
      list-style-type: disc;
    }
    .numbered {
      list-style-type: decimal;
    }
    .list .item {
      margin-bottom: calc(var(--spacing, 0.25rem) * 2);
      padding-inline-start: var(--spacing, 0.25rem);
    }
    .quote {
      margin-block: calc(var(--spacing, 0.25rem) * 6);
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 4px;
      padding-inline: calc(var(--spacing, 0.25rem) * 5);
      padding-block: calc(var(--spacing, 0.25rem) * 3);
      font-size: var(--text-lg, 1.125rem);
      line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
      font-style: italic;
      background-color: var(--theme-richText-surface);
      border-color: var(--theme-richText-accent);
      color: var(--theme-richText-text-muted);
    }
    .separator {
      margin-block: calc(var(--spacing, 0.25rem) * 8);
      border-style: var(--tw-border-style);
      border-width: 0px;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--theme-richText-border);
    }
    .link {
      --tw-font-weight: var(--font-weight-medium, 500);
      font-weight: var(--font-weight-medium, 500);
      text-underline-offset: 4px;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
      color: var(--theme-richText-accent);
    }
    .link:hover {
      color: var(--theme-richText-accent-hover);
    }
    .image, .video {
      margin-inline: auto;
      margin-block: calc(var(--spacing, 0.25rem) * 6);
      height: auto;
      max-width: 100%;
      border-radius: var(--radius-lg, 0.5rem);
    }
    .tableWrapper {
      margin-block: calc(var(--spacing, 0.25rem) * 6);
      overflow-x: auto;
      border-radius: var(--radius-lg, 0.5rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--theme-richText-border);
    }
    .table {
      width: 100%;
      border-collapse: collapse;
    }
    .cell {
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding: calc(var(--spacing, 0.25rem) * 3);
      text-align: start;
      border-color: var(--theme-richText-border);
    }
    .rawHtml {
      padding-block: calc(var(--spacing, 0.25rem) * 3);
    }
    .details {
      margin-block: calc(var(--spacing, 0.25rem) * 4);
      border-radius: var(--radius-lg, 0.5rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding: calc(var(--spacing, 0.25rem) * 4);
      border-color: var(--theme-richText-border);
    }
    .summary {
      cursor: pointer;
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
    }
    .missingComponent {
      margin-block: calc(var(--spacing, 0.25rem) * 4);
      border-radius: var(--radius-lg, 0.5rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      --tw-border-style: dashed;
      border-style: dashed;
      padding: calc(var(--spacing, 0.25rem) * 6);
      text-align: center;
      border-color: var(--theme-richText-accent);
      color: var(--theme-richText-accent);
    }
    .toc {
      margin-bottom: calc(var(--spacing, 0.25rem) * 8);
      overflow: hidden;
      border-radius: var(--radius-lg, 0.5rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--theme-richText-border);
      .trigger {
        display: flex;
        width: 100%;
        cursor: pointer;
        align-items: center;
        justify-content: space-between;
        gap: calc(var(--spacing, 0.25rem) * 4);
        padding: calc(var(--spacing, 0.25rem) * 3);
        --tw-font-weight: var(--font-weight-bold, 700);
        font-weight: var(--font-weight-bold, 700);
        background-color: var(--theme-richText-accent);
        color: var(--theme-richText-on-accent);
      }
      .icon {
        aspect-ratio: 1 / 1;
        width: calc(var(--spacing, 0.25rem) * 6);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
        transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
        --tw-duration: 300ms;
        transition-duration: 300ms;
      }
      .icon.expanded {
        rotate: 180deg;
      }
      .list {
        margin: 0px;
        display: grid;
        list-style-type: none;
        overflow: hidden;
        padding: 0px;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
        transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        background-color: var(--theme-richText-surface);
      }
      .list.closed {
        max-height: 0px;
      }
      .list.open {
        max-height: 200vh;
        padding-block: calc(var(--spacing, 0.25rem) * 2);
      }
      .item {
        margin: 0px;
        padding: 0px;
      }
      .link {
        display: block;
        padding-inline: calc(var(--spacing, 0.25rem) * 4);
        padding-block: calc(var(--spacing, 0.25rem) * 2);
        text-decoration-line: none;
        color: var(--theme-richText-text);
      }
      .link:hover {
        background-color: var(--theme-richText-surface);
        color: var(--theme-richText-accent-hover);
      }
    }
  }
  .breadcrumb {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    overflow-x: auto;
    padding: calc(var(--spacing, 0.25rem) * 3);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    background-color: var(--surfaceSoft);
    box-shadow: inset 0 1px 3px var(--theme-shadow);
  }
  .breadcrumb .item, .breadcrumb .lastItem {
    min-width: fit-content;
    white-space: nowrap;
    color: var(--theme-text-muted);
  }
  .breadcrumb .item {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
  .breadcrumb .item:hover {
    color: var(--theme-accent-hover);
  }
  .breadcrumb .lastItem {
    color: var(--theme-text);
  }
  .breadcrumb .separator {
    color: var(--theme-text-subtle);
  }
  .blog > .breadcrumb, .post:has(> .details) > .breadcrumb {
    grid-column: 1 / -1;
  }
}
@layer themePage {
  .blog {
    margin-inline: auto;
    display: grid;
    max-width: var(--breakpoint-xl, 80rem);
    gap: calc(var(--spacing, 0.25rem) * 12);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 16);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 20);
    }
    @media (width >= 96rem) {
      max-width: var(--breakpoint-2xl, 96rem);
    }
    @media (width >= 96rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    @media (width >= 96rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    > .posts {
      min-width: 0px;
      @media (width >= 64rem) {
        grid-column: span 2 / span 2;
      }
      @media (width >= 96rem) {
        grid-column: span 3 / span 3;
      }
    }
    > .sidebar {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing, 0.25rem) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing, 0.25rem) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
      @media (width >= 64rem) {
        position: sticky;
      }
      @media (width >= 64rem) {
        top: calc(var(--spacing, 0.25rem) * 8);
      }
      @media (width >= 64rem) {
        align-self: flex-start;
      }
    }
  }
  [data-tenant='wesupply.ir'] .blog, [data-tenant='wesupply.ir'] .post:has(> .details) {
    padding-top: calc(var(--spacing, 0.25rem) * 24);
  }
}
@layer themePart {
  .blogVariant {
    margin-inline: auto;
    max-width: var(--breakpoint-2xl, 96rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 12);
    }
    color: var(--theme-text);
  }
  .blogVariant > .breadcrumb {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
  }
  .blogVariant .body {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .blogVariant .body > .posts {
    min-width: 0px;
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  :where(.blogVariant .body > .sidebar > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, 0.25rem) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, 0.25rem) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  @media (width >= 64rem) {
    .blogVariant .body > .sidebar {
      position: sticky;
      top: calc(var(--spacing, 0.25rem) * 8);
      grid-column: span 4 / span 4;
      align-self: flex-start;
    }
  }
  .blogVariant2 .posts > .items {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .blogVariant2 .posts > .items > :first-child {
      grid-column: span 2 / span 2;
    }
  }
  .blogVariant2 .posts > .items > :first-child .media {
    aspect-ratio: 16/7;
  }
  .blogVariant3 {
    max-width: var(--breakpoint-xl, 80rem);
  }
  .blogVariant3 > .sidebar {
    margin-bottom: calc(var(--spacing, 0.25rem) * 10);
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 6);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    padding-block: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    border-color: var(--theme-border);
  }
  .blogVariant3 > .posts > .items {
    display: grid;
    column-gap: calc(var(--spacing, 0.25rem) * 6);
    row-gap: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .blogVariant3 .post {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .blogVariant3 .media {
    aspect-ratio: 4/5;
  }
  .blogVariant4 .posts > .items {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .blogVariant4 .posts > .items > :first-child {
      grid-column: span 2 / span 2;
    }
  }
  .blogVariant4 .posts > .items > :first-child .media {
    aspect-ratio: 16/8;
  }
  .blogVariant4 .sidebar {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    padding-inline-start: calc(var(--spacing, 0.25rem) * 8);
    border-color: var(--theme-border);
  }
  .blogVariant5 {
    margin-block: calc(var(--spacing, 0.25rem) * 8);
    border-radius: var(--radius-3xl, 1.5rem);
    @media (width >= 64rem) {
      padding: calc(var(--spacing, 0.25rem) * 12);
    }
    background-color: var(--theme-text);
    color: var(--theme-surface);
  }
  .blogVariant5 .posts > .items {
    display: grid;
    gap: 0px;
  }
  .blogVariant5 .post {
    border-radius: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--spacing, 0.25rem) * 6);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--theme-text-subtle);
  }
  .blogVariant5 .post > .link {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .blogVariant5 .media {
    aspect-ratio: 1 / 1;
    border-radius: var(--radius-xl, 0.75rem);
  }
  .posts > .items {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 96rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .posts > .pagination {
    margin-top: calc(var(--spacing, 0.25rem) * 10);
  }
  .posts .post {
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl, 0.75rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing, 0.25rem) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    background-color: var(--theme-card-surface);
    border-color: var(--theme-card-border);
    box-shadow: 0 10px 24px var(--theme-shadow);
  }
  .posts .post:hover {
    border-color: var(--theme-card-border-hover);
    box-shadow: 0 20px 30px var(--theme-shadow-strong);
  }
  .posts .post > .link {
    display: flex;
    height: 100%;
    flex-direction: column;
    text-decoration-line: none;
  }
  .posts .media {
    aspect-ratio: var(--aspect-video, 16 / 9);
    width: 100%;
    overflow: hidden;
  }
  .posts .media .image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .posts .post:hover .media .image {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .posts .post > .link > .content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: calc(var(--spacing, 0.25rem) * 4);
  }
  .posts .meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 4);
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    color: var(--theme-text-subtle);
  }
  .posts .author, .posts .date {
    display: flex;
    align-items: center;
    gap: var(--spacing, 0.25rem);
  }
  .posts .meta .icon {
    height: calc(var(--spacing, 0.25rem) * 5);
    width: calc(var(--spacing, 0.25rem) * 5);
    fill: var(--theme-text-subtle);
  }
  .posts .summary {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .posts .summary .title {
    margin-top: calc(var(--spacing, 0.25rem) * 3);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: calc(var(--spacing, 0.25rem) * 14);
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    color: var(--theme-card-title);
  }
  .posts .summary .description {
    margin-top: calc(var(--spacing, 0.25rem) * 3);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex: 1;
    --tw-leading: calc(var(--spacing, 0.25rem) * 7);
    line-height: calc(var(--spacing, 0.25rem) * 7);
    color: var(--theme-card-text);
  }
  .posts .readMore {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
    display: inline-block;
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    color: var(--theme-card-accent);
  }
  .posts .post:hover .readMore {
    color: var(--theme-accent-hover);
  }
}
@layer themePage {
  .post:has(> .details) {
    margin-inline: auto;
    display: grid;
    max-width: var(--breakpoint-xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 16);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing, 0.25rem) * 12);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 20);
    }
    > .details {
      min-width: 0px;
      @media (width >= 64rem) {
        grid-column: span 2 / span 2;
      }
    }
    .details > .media {
      margin-bottom: calc(var(--spacing, 0.25rem) * 8);
      height: calc(var(--spacing, 0.25rem) * 64);
      width: 100%;
      overflow: hidden;
      border-radius: var(--radius-lg, 0.5rem);
      @media (width >= 48rem) {
        height: calc(var(--spacing, 0.25rem) * 96);
      }
    }
    .details > .media > .image {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
    .meta {
      margin-bottom: calc(var(--spacing, 0.25rem) * 4);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing, 0.25rem) * 6);
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
      color: var(--theme-postLayout-meta);
    }
    .author, .date {
      display: flex;
      align-items: center;
      gap: var(--spacing, 0.25rem);
    }
    .icon {
      aspect-ratio: 1 / 1;
      width: calc(var(--spacing, 0.25rem) * 5);
      fill: var(--theme-postLayout-meta);
    }
    .summary > .title {
      margin-bottom: calc(var(--spacing, 0.25rem) * 8);
      font-family: var(--font-vazirmatn);
      font-size: var(--text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
      --tw-leading: var(--leading-tight, 1.25);
      line-height: var(--leading-tight, 1.25);
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
      @media (width >= 48rem) {
        font-size: var(--text-5xl, 3rem);
        line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
      }
      color: var(--theme-postLayout-title);
    }
    > .sidebar {
      margin-top: calc(var(--spacing, 0.25rem) * 12);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing, 0.25rem) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing, 0.25rem) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
      @media (width >= 64rem) {
        position: sticky;
      }
      @media (width >= 64rem) {
        top: calc(var(--spacing, 0.25rem) * 8);
      }
      @media (width >= 64rem) {
        margin-top: 0px;
      }
      @media (width >= 64rem) {
        align-self: flex-start;
      }
    }
  }
  .catalog:has(> .courses) {
    margin-inline: auto;
    display: grid;
    max-width: var(--breakpoint-xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 16);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 20);
    }
    .main {
      min-width: 0px;
      @media (width >= 64rem) {
        grid-column: span 2 / span 2;
      }
    }
    .courses {
      display: grid;
      gap: calc(var(--spacing, 0.25rem) * 8);
      @media (width >= 48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    .aside {
      margin-top: calc(var(--spacing, 0.25rem) * 12);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing, 0.25rem) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing, 0.25rem) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
      @media (width >= 64rem) {
        position: sticky;
      }
      @media (width >= 64rem) {
        top: calc(var(--spacing, 0.25rem) * 8);
      }
      @media (width >= 64rem) {
        margin-top: 0px;
      }
      @media (width >= 64rem) {
        align-self: flex-start;
      }
    }
  }
}
@layer themePart {
  .course {
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl, 0.75rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing, 0.25rem) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    background-color: var(--theme-course-surface);
    border-color: var(--theme-course-border);
    .link {
      display: flex;
      height: 100%;
      flex-direction: column;
      text-decoration-line: none;
    }
    .image {
      aspect-ratio: var(--aspect-video, 16 / 9);
      width: 100%;
      overflow: hidden;
    }
    .media {
      height: 100%;
      width: 100%;
      object-fit: cover;
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .content {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: calc(var(--spacing, 0.25rem) * 5);
    }
    .title {
      font-family: var(--font-vazirmatn);
      font-size: var(--text-xl, 1.25rem);
      line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
      color: var(--theme-course-title);
    }
    .description {
      margin-top: calc(var(--spacing, 0.25rem) * 3);
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      --tw-leading: calc(var(--spacing, 0.25rem) * 7);
      line-height: calc(var(--spacing, 0.25rem) * 7);
      color: var(--theme-course-text);
    }
  }
  .course:hover {
    border-color: var(--theme-course-border-hover);
    box-shadow: 0 20px 25px -5px var(--theme-shadow), 0 8px 10px -6px var(--theme-shadow);
    .media {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
@layer themePage {
  .course {
    margin-inline: auto;
    display: grid;
    max-width: var(--breakpoint-xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 16);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing, 0.25rem) * 12);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 20);
    }
    .main {
      min-width: 0px;
      @media (width >= 64rem) {
        grid-column: span 2 / span 2;
      }
    }
  }
}
@layer themePart {
  .course > .sidebar {
    margin-top: calc(var(--spacing, 0.25rem) * 12);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing, 0.25rem) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing, 0.25rem) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
    @media (width >= 64rem) {
      position: sticky;
    }
    @media (width >= 64rem) {
      top: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      margin-top: 0px;
    }
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
}
@layer themePage {
  .vlog .main {
    margin-inline: auto;
    margin-block: calc(var(--spacing, 0.25rem) * 10);
    max-width: var(--container-7xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
  .vlog .videos {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@layer themePart {
  :is(.vlog, .vlogPost) .breadcrumb {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-7xl, 80rem);
    align-items: center;
    overflow-x: auto;
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  }
  :is(.vlog, .vlogPost) .breadcrumb .item {
    min-width: fit-content;
    white-space: nowrap;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    color: var(--theme-vlog-text);
  }
  :is(.vlog, .vlogPost) .breadcrumb .item:hover {
    color: var(--theme-vlog-accent-hover);
  }
  :is(.vlog, .vlogPost) .breadcrumb .separator {
    margin-inline: calc(var(--spacing, 0.25rem) * 2);
    color: var(--theme-vlog-text-muted);
  }
  :is(.vlog, .vlogPost) .faq {
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: var(--theme-vlog-surface);
    border-color: var(--theme-vlog-border);
    color: var(--theme-vlog-text);
  }
  :is(.vlog, .vlogPost) .arrow {
    border-radius: calc(infinity * 1px);
    fill: var(--theme-vlog-accent);
  }
  .video {
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl, 0.75rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing, 0.25rem) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    background-color: var(--theme-vlog-surface);
    border-color: var(--theme-vlog-border);
    .link {
      display: flex;
      height: 100%;
      flex-direction: column;
      text-decoration-line: none;
    }
    .visual {
      position: relative;
    }
    .image {
      aspect-ratio: var(--aspect-video, 16 / 9);
      width: 100%;
      overflow: hidden;
    }
    .media {
      height: 100%;
      width: 100%;
      object-fit: cover;
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .duration {
      position: absolute;
      inset-inline-end: calc(var(--spacing, 0.25rem) * 3);
      bottom: calc(var(--spacing, 0.25rem) * 3);
      border-radius: 0.25rem;
      padding-inline: calc(var(--spacing, 0.25rem) * 2);
      padding-block: var(--spacing, 0.25rem);
      font-size: var(--text-xs, 0.75rem);
      line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
      background-color: var(--theme-vlog-overlay);
      color: var(--theme-vlog-on-overlay);
    }
    .content {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: calc(var(--spacing, 0.25rem) * 5);
    }
    .title {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-family: var(--font-vazirmatn);
      font-size: var(--text-lg, 1.125rem);
      line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
      color: var(--theme-vlog-title);
    }
    .date {
      margin-top: calc(var(--spacing, 0.25rem) * 3);
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
      color: var(--theme-vlog-text-muted);
    }
  }
  .video:hover {
    border-color: var(--theme-vlog-border-hover);
    box-shadow: 0 20px 25px -5px var(--theme-shadow), 0 8px 10px -6px var(--theme-shadow);
    .media {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
@layer themePage {
  .vlogPost .main {
    margin-inline: auto;
    margin-block: calc(var(--spacing, 0.25rem) * 10);
    max-width: var(--container-7xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
  .vlogPost .content {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-4xl, 56rem);
    padding-block: calc(var(--spacing, 0.25rem) * 6);
  }
  .vlogPost .content > .title {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-vazirmatn);
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--theme-vlog-title);
  }
  .vlogPost .description {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-leading: calc(var(--spacing, 0.25rem) * 8);
    line-height: calc(var(--spacing, 0.25rem) * 8);
    color: var(--theme-vlog-text);
  }
}
@layer themePart {
  .vlogPost .info {
    margin-top: calc(var(--spacing, 0.25rem) * 5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing, 0.25rem) * 4);
    padding-block: 0px;
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--theme-vlog-text-muted);
    .visits, .date {
      display: flex;
      align-items: center;
      gap: var(--spacing, 0.25rem);
    }
    .icon {
      aspect-ratio: 1 / 1;
      width: calc(var(--spacing, 0.25rem) * 4);
      fill: var(--theme-vlog-accent);
    }
  }
  .vlogPost > .main > .tags {
    margin-bottom: calc(var(--spacing, 0.25rem) * 10);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing, 0.25rem) * 2);
    padding-top: calc(var(--spacing, 0.25rem) * 5);
    .link {
      border-radius: calc(infinity * 1px);
      padding-inline: calc(var(--spacing, 0.25rem) * 4);
      padding-block: calc(var(--spacing, 0.25rem) * 2);
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      background-color: var(--theme-vlog-surface);
      color: var(--theme-vlog-text);
    }
    .link:hover {
      background-color: var(--theme-vlog-accent);
      color: var(--theme-vlog-on-overlay);
    }
  }
  .vlogPost > .main > .video {
    margin-inline: auto;
    aspect-ratio: var(--aspect-video, 16 / 9);
    width: 100%;
    max-width: var(--container-4xl, 56rem);
    background-color: var(--color-black, #000);
  }
  .vlogPost .related {
    margin-top: calc(var(--spacing, 0.25rem) * 12);
    .list {
      display: grid;
      gap: calc(var(--spacing, 0.25rem) * 6);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }
  .contents, :is(.contentDetail, .pageDetail) {
    margin-inline: auto;
    max-width: var(--container-7xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
  }
  :is(.contentDetail, .pageDetail) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 16);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 20);
    }
    color: var(--theme-content-text);
  }
  :is(.contentDetail, .pageDetail)::before {
    pointer-events: none;
    position: absolute;
    inset-inline: 0px;
    top: 0px;
    z-index: calc(10 * -1);
    height: calc(var(--spacing, 0.25rem) * 72);
    background-image: linear-gradient( to bottom, var(--theme-accent-soft), transparent );
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient( to bottom, color-mix(in srgb, var(--theme-accent-soft) 72%, transparent), transparent );
    }
    content: '';
  }
  .contents > .title, :is(.contentDetail, .pageDetail) .article > .title, :is(.contentDetail, .pageDetail) .article > .summary > .title {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    font-family: var(--font-vazirmatn);
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 48rem) {
      font-size: var(--text-5xl, 3rem);
      line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
    }
    color: var(--theme-content-title);
  }
  .contents > .list {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .contents > .list > .content {
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl, 0.75rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing, 0.25rem) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    background-color: var(--theme-content-surface);
    border-color: var(--theme-content-border);
    .link {
      display: flex;
      height: 100%;
      flex-direction: column;
      text-decoration-line: none;
    }
    .image {
      aspect-ratio: var(--aspect-video, 16 / 9);
      width: 100%;
      overflow: hidden;
    }
    .media {
      height: 100%;
      width: 100%;
      object-fit: cover;
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .content {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: calc(var(--spacing, 0.25rem) * 5);
    }
    .title {
      font-family: var(--font-vazirmatn);
      font-size: var(--text-xl, 1.25rem);
      line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
      color: var(--theme-content-title);
    }
    .description {
      margin-top: calc(var(--spacing, 0.25rem) * 3);
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      --tw-leading: calc(var(--spacing, 0.25rem) * 7);
      line-height: calc(var(--spacing, 0.25rem) * 7);
      color: var(--theme-content-text);
    }
  }
  .contents > .list > .content:hover {
    border-color: var(--theme-content-border-hover);
    box-shadow: 0 20px 25px -5px var(--theme-shadow), 0 8px 10px -6px var(--theme-shadow);
    .media {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  :is(.contentDetail, .pageDetail) > :is(.image, .media) {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    aspect-ratio: var(--aspect-video, 16 / 9);
    width: 100%;
    max-width: var(--container-5xl, 64rem);
    overflow: hidden;
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--theme-content-border);
    box-shadow: 0 24px 60px -36px var(--theme-shadow-strong);
  }
  :is(.contentDetail, .pageDetail) > :is(.image, .media) :is(.media, .image) {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  :is(.contentDetail, .pageDetail) .article {
    margin-inline: auto;
    max-width: var(--container-4xl, 56rem);
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 12);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 14);
    }
    background-color: var(--theme-content-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--theme-content-surface) 94%, transparent);
    }
    border-color: var(--theme-content-border);
    box-shadow: 0 24px 60px -42px var(--theme-shadow-strong);
  }
  :is(.contentDetail, .pageDetail) .article > .title, :is(.contentDetail, .pageDetail) .article > .summary > .title {
    position: relative;
    padding-bottom: calc(var(--spacing, 0.25rem) * 6);
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    text-wrap: balance;
  }
  :is(.contentDetail, .pageDetail) .article > .title::after, :is(.contentDetail, .pageDetail) .article > .summary > .title::after {
    position: absolute;
    inset-inline-start: calc(var(--spacing, 0.25rem) * 0);
    bottom: 0px;
    height: var(--spacing, 0.25rem);
    width: calc(var(--spacing, 0.25rem) * 16);
    border-radius: calc(infinity * 1px);
    background-image: linear-gradient(to right, var(--theme-accent), var(--theme-highlight));
    content: '';
  }
  :is(.contentDetail, .pageDetail) .description {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-leading: calc(var(--spacing, 0.25rem) * 8);
    line-height: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 48rem) {
      font-size: var(--text-xl, 1.25rem);
      line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    }
    color: var(--theme-content-text);
  }
  :is(.contentDetail, .pageDetail) .richText {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing, 0.25rem) * 2);
    border-color: var(--theme-content-border);
  }
  :is(.contentDetail, .pageDetail) .richText > :first-child {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
  }
  @media (max-width: 639px) {
    :is(.contentDetail, .pageDetail) {
      padding-inline: calc(var(--spacing, 0.25rem) * 4);
      padding-block: calc(var(--spacing, 0.25rem) * 8);
    }
    :is(.contentDetail, .pageDetail) .article {
      border-radius: var(--radius-xl, 0.75rem);
      padding-inline: calc(var(--spacing, 0.25rem) * 5);
      padding-block: calc(var(--spacing, 0.25rem) * 7);
    }
  }
}
@layer themePage {
  .layoutDemo {
    min-height: 100vh;
    padding-inline: calc(var(--spacing, 0.25rem) * 5);
    padding-block: calc(var(--spacing, 0.25rem) * 8);
    background: var(--surfaceSoft);
    color: var(--theme-text);
  }
  .layoutToolbar {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing, 0.25rem) * 6);
    display: flex;
    max-width: var(--container-7xl, 80rem);
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing, 0.25rem) * 4);
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    background: var(--theme-surface);
    border-color: var(--theme-border);
    box-shadow: 0 12px 30px var(--theme-shadow);
  }
  .layoutToolbarText {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
  }
  .layoutToggle {
    cursor: pointer;
    border-radius: var(--radius-xl, 0.75rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 5);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    background: var(--theme-accent);
    color: var(--theme-on-accent);
  }
  .layoutToggle:hover {
    background: var(--theme-accent-hover);
  }
  .layoutRenderer {
    margin-inline: auto;
    max-width: var(--container-7xl, 80rem);
    overflow: hidden;
    border-radius: var(--radius-3xl, 1.5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background: var(--theme-surface);
    border-color: var(--theme-border);
    box-shadow: 0 20px 45px var(--theme-shadow);
  }
  .layoutSummary {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: calc(var(--spacing, 0.25rem) * 7);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    border-color: var(--theme-border);
  }
  .layoutLabel {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: var(--tracking-widest, 0.1em);
    letter-spacing: var(--tracking-widest, 0.1em);
    text-transform: uppercase;
    color: var(--theme-accent);
  }
  .layoutTitle {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 48rem) {
      font-size: var(--text-4xl, 2.25rem);
      line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
    }
    color: var(--theme-text);
  }
  .layoutDescription {
    margin-top: calc(var(--spacing, 0.25rem) * 3);
    max-width: var(--container-2xl, 42rem);
    --tw-leading: calc(var(--spacing, 0.25rem) * 7);
    line-height: calc(var(--spacing, 0.25rem) * 7);
    color: var(--theme-text-muted);
  }
  .layoutCanvas {
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
  }
  .layoutItem[data-item-kind='structure'] {
    min-width: 0px;
  }
  .layoutItem[data-item-kind='part'] {
    min-width: 0px;
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 5);
    background: var(--theme-accent-soft);
    border-color: var(--theme-border);
  }
  .uiPartMetadata {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 3);
  }
  .metadataItem {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: calc(var(--spacing, 0.25rem) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 2);
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
    border-color: var(--theme-border);
  }
  .metadataLabel {
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    --tw-tracking: var(--tracking-wide, 0.025em);
    letter-spacing: var(--tracking-wide, 0.025em);
    text-transform: uppercase;
    color: var(--theme-text-subtle);
  }
  .metadataValue {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--theme-text);
  }
  .layoutRenderer[data-layout-variant='sidebarRight'] .layoutItem[data-ui-part='contentPage'] {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 6);
  }
  .layoutRenderer[data-layout-variant='sidebarRight'] .layoutItem[data-ui-part='contentBody'] {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 20rem;
    }
  }
  .layoutRenderer[data-layout-variant='sidebarRight'] .layoutItem[data-ui-part='contentMain'], .layoutRenderer[data-layout-variant='sidebarRight'] .layoutItem[data-ui-part='contentAside'] {
    display: grid;
    align-content: flex-start;
    gap: calc(var(--spacing, 0.25rem) * 6);
  }
  .layoutRenderer[data-layout-variant='sidebarRight'] .layoutItem[data-region='header'] {
    min-height: calc(var(--spacing, 0.25rem) * 32);
    background: var(--surfaceSoft);
  }
  .layoutRenderer[data-layout-variant='sidebarRight'] .layoutItem[data-region='content'] {
    min-height: calc(var(--spacing, 0.25rem) * 96);
  }
  .layoutRenderer[data-layout-variant='sidebarRight'] .layoutItem[data-region='aside'] {
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 4);
    border-color: var(--theme-border);
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutCanvas {
    padding: 0px;
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-ui-part='campaignPage'] {
    display: grid;
    gap: 0px;
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='hero'] {
    min-height: 32rem;
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 16);
    }
    background: linear-gradient(135deg, var(--theme-accent), var(--theme-highlight));
    color: var(--theme-on-accent);
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='hero'] .metadataLabel, .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='hero'] .metadataValue {
    color: var(--theme-on-accent);
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='mosaic'] {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 4);
    padding: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
    background: var(--surfaceSoft);
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='spotlight'] {
    min-height: calc(var(--spacing, 0.25rem) * 96);
    @media (width >= 48rem) {
      grid-row: span 2 / span 2;
    }
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='collections'], .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='offer'] {
    min-height: calc(var(--spacing, 0.25rem) * 44);
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='offer'] {
    background: var(--theme-highlight);
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='stream'] {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 8);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 16);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='heading'] {
    margin-inline: auto;
    min-height: calc(var(--spacing, 0.25rem) * 32);
    width: 100%;
    max-width: var(--container-2xl, 42rem);
    text-align: center;
  }
  .layoutRenderer[data-layout-variant='showcase'] .layoutItem[data-region='products'] {
    min-height: calc(var(--spacing, 0.25rem) * 72);
  }
  .galleries, .projects, .questions, .question, .forums, .board, .discussion {
    margin-inline: auto;
    max-width: var(--container-7xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 5);
    padding-block: calc(var(--spacing, 0.25rem) * 10);
  }
  .galleries > section > .container, .questions > .container {
    margin-inline: auto;
    max-width: var(--container-7xl, 80rem);
  }
  .question > .container {
    margin-inline: auto;
    max-width: var(--container-7xl, 80rem);
    border-radius: var(--radius-2xl, 1rem);
    padding: calc(var(--spacing, 0.25rem) * 5);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 14);
    }
  }
  .question .heading {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 4);
    border-color: var(--theme-content-border);
  }
  .question .main {
    margin-top: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 20);
    }
  }
  .question .action {
    margin-top: calc(var(--spacing, 0.25rem) * 5);
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    display: flex;
    justify-content: flex-start;
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
  }
  .question .action .link {
    border-radius: var(--radius-md, 0.375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    background-color: var(--theme-content-title);
    border-color: var(--theme-content-title);
    color: var(--theme-on-accent);
  }
  .galleries .title, .projects > .heading .title {
    margin-bottom: calc(var(--spacing, 0.25rem) * 10);
    text-align: center;
    font-family: var(--font-vazirmatn);
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--theme-content-title);
  }
  .galleries .list, .projects > .list {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .galleries .item {
    cursor: pointer;
    border-radius: var(--radius-xl, 0.75rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 4);
    background-color: var(--theme-content-surface);
    border-color: var(--theme-content-border);
  }
  .galleries .image {
    aspect-ratio: 3/2;
    overflow: hidden;
    border-radius: var(--radius-xl, 0.75rem);
  }
  .galleries .media {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .galleries .item:hover .media {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .galleries .itemTitle {
    margin-block: calc(var(--spacing, 0.25rem) * 5);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }
  .galleries .description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    --tw-leading: calc(var(--spacing, 0.25rem) * 6);
    line-height: calc(var(--spacing, 0.25rem) * 6);
    color: var(--theme-content-text);
  }
  .projects > .content {
    padding-block: calc(var(--spacing, 0.25rem) * 6);
  }
  .projects .surface {
    border-radius: var(--radius-2xl, 1rem);
    padding: calc(var(--spacing, 0.25rem) * 6);
    background-color: var(--theme-content-surface);
  }
  .questions > .container {
    border-radius: var(--radius-2xl, 1rem);
    padding: calc(var(--spacing, 0.25rem) * 5);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 14);
    }
  }
  .questions .heading {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 4);
    border-color: var(--theme-content-border);
  }
  .questions .content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .forums > .container, .board > .container, .discussion {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .forums .main, .board .main, .discussion .main {
    width: 100%;
    @media (width >= 80rem) {
      width: calc(100% - 400px);
    }
  }
  .forums .aside, .board .aside, .discussion .aside {
    width: 100%;
    @media (width >= 80rem) {
      width: 350px;
    }
  }
}
@layer themeLayout {
  @media (width >= 64rem) {
    .footerContact {
      grid-column: span 4 / span 4;
    }
  }
  .footerContactTitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--theme-footer-title);
  }
  .footerContactAddress {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing, 0.25rem) * 2);
    font-style: normal;
    color: var(--theme-footer-text);
  }
  .footerContactIcon {
    height: calc(var(--spacing, 0.25rem) * 5);
    width: calc(var(--spacing, 0.25rem) * 5);
    flex-shrink: 0;
    &>svg {
      height: 100%;
    }
    &>svg {
      width: 100%;
    }
    color: var(--theme-footer-icon);
  }
  .footerContactNavigation {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    display: inline-block;
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    padding-block: var(--spacing, 0.25rem);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    background-color: var(--theme-footer-action);
    color: var(--theme-footer-on-action);
  }
  .footerContactNavigation:hover {
    background-color: var(--theme-footer-action-hover);
  }
  .footerContactLine {
    margin-bottom: var(--spacing, 0.25rem);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
  }
  .footerContactLine:last-child {
    margin-bottom: 0px;
  }
  .footerContactLink {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    color: var(--theme-footer-link);
  }
  .footerContactLink:hover {
    color: var(--theme-footer-link-hover);
  }
  @media (width >= 64rem) {
    .footerColumn {
      grid-column: span 2 / span 2;
    }
  }
  .footerColumnTitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--theme-footer-title);
  }
  .footerColumnList {
    list-style-type: none;
  }
  .footerColumnItem {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    &:last-child {
      margin-bottom: 0px;
    }
  }
  .footerColumnLink {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    color: var(--theme-footer-link);
  }
  .footerColumnLink:hover {
    color: var(--theme-footer-link-hover);
  }
  @media (width >= 64rem) {
    .footerCta {
      grid-column: span 4 / span 4;
    }
  }
  .footerCtaTitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--theme-footer-title);
  }
  .footerCtaText {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    color: var(--theme-footer-text);
  }
  .footerCtaForm {
    display: grid;
    row-gap: calc(var(--spacing, 0.25rem) * 4);
  }
  .footerCtaInputGroup {
    display: flex;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--theme-footer-input-surface);
    border-color: var(--theme-footer-input-border);
  }
  .footerCtaInputIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing, 0.25rem) * 2);
    color: var(--theme-footer-icon);
  }
  .footerCtaInputIcon svg {
    height: calc(var(--spacing, 0.25rem) * 4);
    width: calc(var(--spacing, 0.25rem) * 4);
  }
  .footerCtaInput {
    min-width: 0px;
    flex: 1;
    background-color: transparent;
    padding: calc(var(--spacing, 0.25rem) * 2);
    --tw-outline-style: none;
    outline-style: none;
    color: var(--theme-footer-text);
  }
  .footerCtaInput::placeholder {
    color: var(--theme-footer-text-subtle);
  }
  .footerCtaButton {
    width: 100%;
    border-radius: 0.25rem;
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    background-color: var(--theme-footer-action);
    color: var(--theme-footer-on-action);
  }
  .footerCtaButton:hover {
    background-color: var(--theme-footer-action-hover);
  }
  .footerLogo {
    display: flex;
    justify-content: center;
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .footerCopyright {
    text-align: center;
    color: var(--theme-footer-text);
  }
  .footerCopyrightSecondary {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--theme-footer-text-subtle);
  }
  .footerSocial {
    display: flex;
    justify-content: center;
    gap: calc(var(--spacing, 0.25rem) * 3);
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .footerSocialLink {
    height: calc(var(--spacing, 0.25rem) * 6);
    width: calc(var(--spacing, 0.25rem) * 6);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    &:hover {
      @media (hover: hover) {
        opacity: 75%;
      }
    }
    fill: var(--theme-footer-icon);
  }
  .footer {
    background-color: var(--theme-footer-surface);
    color: var(--theme-footer-text);
  }
  .footerMain {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-block: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 5);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 8);
    }
    border-color: var(--theme-footer-border);
  }
  .footerContainer {
    width: 100%;
    @media (width >= 22.5rem) {
      max-width: 22.5rem;
    }
    @media (width >= 30rem) {
      max-width: 30rem;
    }
    @media (width >= 36rem) {
      max-width: 36rem;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 62rem) {
      max-width: 62rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 75rem) {
      max-width: 75rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 87.5rem) {
      max-width: 87.5rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 120rem) {
      max-width: 120rem;
    }
    margin-inline: auto;
    overflow: hidden;
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
  }
  .footerGrid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing, 0.25rem) * 6);
    }
  }
  .footerBottom {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-block: calc(var(--spacing, 0.25rem) * 4);
    border-color: var(--theme-footer-border);
  }
  .footerBottomContent {
    width: 100%;
    @media (width >= 22.5rem) {
      max-width: 22.5rem;
    }
    @media (width >= 30rem) {
      max-width: 30rem;
    }
    @media (width >= 36rem) {
      max-width: 36rem;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 62rem) {
      max-width: 62rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 75rem) {
      max-width: 75rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 87.5rem) {
      max-width: 87.5rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 120rem) {
      max-width: 120rem;
    }
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    row-gap: calc(var(--spacing, 0.25rem) * 4);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
}
@layer themePart {
  .info {
    padding-block: calc(var(--spacing, 0.25rem) * 16);
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing, 0.25rem) * 20);
    }
  }
  .infoContent {
    position: relative;
    z-index: 10;
    flex: 1;
  }
  .infoText {
    color: var(--theme-infoText);
  }
  .infoCta {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
  }
  .infoImage {
    position: relative;
    z-index: 10;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-2xl, 1rem);
    & img {
      height: 100%;
    }
    & img {
      width: 100%;
    }
    & img {
      object-fit: cover;
    }
  }
  .infoDefault {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: center;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing, 0.25rem) * 20);
    }
  }
  @media (width >= 48rem) {
    .infoDefault.infoReverse {
      flex-direction: row-reverse;
    }
  }
  .infoDefaultMedia {
    display: flex;
    flex: 1;
    justify-content: center;
  }
  .infoDefaultMedia .infoImage {
    max-width: var(--container-xs, 20rem);
    @media (width >= 40rem) {
      max-width: var(--container-sm, 24rem);
    }
    @media (width >= 48rem) {
      max-width: var(--container-md, 28rem);
    }
  }
  .infoCard {
    position: relative;
    display: grid;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 8);
    overflow: hidden;
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 4);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing, 0.25rem) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
    background-color: var(--theme-infoSurface);
    border-color: var(--theme-infoBorder);
  }
  .infoCard:hover, .infoOverlapPanel:hover {
    border-color: var(--theme-infoBorderHover);
    box-shadow: 0 20px 25px -5px var(--theme-shadow), 0 8px 10px -6px var(--theme-shadow);
  }
  @media (width >= 48rem) {
    .infoCard.infoReverse .infoImage {
      order: 2;
    }
  }
  .infoCard .infoImage {
    min-height: calc(var(--spacing, 0.25rem) * 72);
  }
  .infoDecoration {
    position: absolute;
    inset-inline-start: calc(var(--spacing, 0.25rem) * -20);
    top: calc(var(--spacing, 0.25rem) * -20);
    height: calc(var(--spacing, 0.25rem) * 40);
    width: calc(var(--spacing, 0.25rem) * 40);
    border-radius: calc(infinity * 1px);
    opacity: 5%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    background-color: var(--theme-infoGradientMiddle);
    background-image: linear-gradient( to bottom, var(--theme-infoGradientStart), var(--theme-infoGradientMiddle), var(--theme-infoGradientEnd) );
  }
  .infoCard:hover .infoDecoration, .infoOverlapPanel:hover .infoDecoration {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 10%;
  }
  .infoBanner {
    position: relative;
    min-height: 30rem;
    overflow: hidden;
    padding-block: 0px;
  }
  .infoBanner > .infoImage {
    position: absolute;
    inset: 0px;
    height: 100%;
    border-radius: 0;
  }
  .infoBannerOverlay {
    position: absolute;
    inset: 0px;
    background: linear-gradient(to right, var(--theme-infoOverlay), transparent);
  }
  [dir='rtl'] .infoBannerOverlay, .infoBanner.infoReverse .infoBannerOverlay {
    background: linear-gradient(to left, var(--theme-infoOverlay), transparent);
  }
  [dir='rtl'] .infoBanner.infoReverse .infoBannerOverlay {
    background: linear-gradient(to right, var(--theme-infoOverlay), transparent);
  }
  .infoBannerContent {
    position: relative;
    z-index: 10;
    display: flex;
    min-height: 30rem;
    align-items: center;
    padding-block: calc(var(--spacing, 0.25rem) * 16);
  }
  .infoBannerContent .infoContent {
    max-width: var(--container-xl, 36rem);
  }
  .infoBanner.infoReverse .infoBannerContent {
    justify-content: flex-end;
  }
  .infoBanner .heading :is(.title, .subtitle, .description), .infoBanner .infoText {
    color: var(--theme-infoOnAccent);
  }
  .infoOverlap {
    position: relative;
    display: grid;
    align-items: center;
    padding-block: calc(var(--spacing, 0.25rem) * 20);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .infoOverlap > .infoImage {
    min-height: calc(var(--spacing, 0.25rem) * 96);
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
    @media (width >= 64rem) {
      grid-row-start: 1;
    }
  }
  .infoOverlapPanel {
    position: relative;
    z-index: 20;
    margin-top: calc(var(--spacing, 0.25rem) * -16);
    overflow: hidden;
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 6);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
    @media (width >= 64rem) {
      grid-column-start: 7;
    }
    @media (width >= 64rem) {
      grid-row-start: 1;
    }
    @media (width >= 64rem) {
      margin-top: 0px;
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing, 0.25rem) * 10);
    }
    background-color: var(--theme-infoSurface);
    border-color: var(--theme-infoBorder);
  }
  @media (width >= 64rem) {
    .infoOverlap.infoReverse > .infoImage {
      grid-column-start: 5;
    }
    .infoOverlap.infoReverse .infoOverlapPanel {
      grid-column-start: 1;
    }
  }
  .infoSpotlight {
    position: relative;
    overflow: hidden;
    background-color: var(--theme-infoSurfaceSoft);
  }
  .infoSpotlightGlow {
    position: absolute;
    inset-inline-start: calc(1/2 * 100%);
    top: calc(1 / 2 * 100%);
    height: calc(var(--spacing, 0.25rem) * 96);
    width: calc(var(--spacing, 0.25rem) * 96);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    opacity: 20%;
    --tw-blur: blur(var(--blur-3xl, 64px));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    background-color: var(--theme-infoGradientMiddle);
  }
  .infoSpotlightContent {
    position: relative;
    z-index: 10;
    display: grid;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing, 0.25rem) * 16);
    }
  }
  @media (width >= 48rem) {
    .infoSpotlight.infoReverse .infoImage {
      order: -9999;
    }
  }
  .infoSpotlight .infoImage {
    min-height: calc(var(--spacing, 0.25rem) * 80);
    border-radius: calc(infinity * 1px);
    box-shadow: 0 20px 45px -24px var(--theme-shadow-strong);
  }
  .infoMinimal {
    position: relative;
    display: grid;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 48rem) {
      grid-template-columns: auto 1fr 1fr;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing, 0.25rem) * 12);
    }
  }
  .infoMinimalLine {
    height: var(--spacing, 0.25rem);
    width: calc(var(--spacing, 0.25rem) * 20);
    @media (width >= 48rem) {
      height: 100%;
    }
    @media (width >= 48rem) {
      min-height: calc(var(--spacing, 0.25rem) * 64);
    }
    @media (width >= 48rem) {
      width: var(--spacing, 0.25rem);
    }
    background-image: linear-gradient(to bottom, var(--theme-infoGradientStart), var(--theme-infoGradientEnd));
  }
  @media (width >= 48rem) {
    .infoMinimal.infoReverse .infoImage {
      grid-column-start: 2;
      grid-row-start: 1;
    }
    .infoMinimal.infoReverse .infoContent {
      grid-column-start: 3;
      grid-row-start: 1;
    }
  }
  .infoMinimal .infoImage {
    min-height: calc(var(--spacing, 0.25rem) * 72);
  }
  .infoQuote {
    display: grid;
    align-items: center;
    gap: 0px;
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .infoQuote > .infoImage {
    min-height: calc(var(--spacing, 0.25rem) * 80);
    @media (width >= 48rem) {
      min-height: 28rem;
    }
    @media (width >= 48rem) {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }
  }
  .infoQuotePanel {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 8);
    @media (width >= 48rem) {
      margin-inline-start: calc(var(--spacing, 0.25rem) * -8);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 12);
    }
    background-color: var(--theme-infoSurface);
    border-color: var(--theme-infoBorder);
    box-shadow: 0 20px 45px -28px var(--theme-shadow-strong);
  }
  @media (width >= 48rem) {
    .infoQuote.infoReverse > .infoImage {
      order: 2;
      border-start-start-radius: 0;
      border-end-start-radius: 0;
      border-start-end-radius: var(--radius-2xl, 1rem);
      border-end-end-radius: var(--radius-2xl, 1rem);
    }
    .infoQuote.infoReverse .infoQuotePanel {
      margin-inline-start: 0px;
      margin-inline-end: calc(var(--spacing, 0.25rem) * -8);
    }
  }
  .infoQuoteMark {
    position: absolute;
    inset-inline-start: calc(var(--spacing, 0.25rem) * 4);
    top: calc(var(--spacing, 0.25rem) * -8);
    font-size: var(--text-9xl, 8rem);
    line-height: var(--tw-leading, var(--text-9xl--line-height, 1));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    opacity: 10%;
    color: var(--theme-infoAccent);
  }
  .glossary, .glossaryEntry {
    --glossaryAccent: var(--theme-accent);
    --glossaryAccentHover: var(--theme-accent-hover);
    --glossaryAccentSoft: var(--theme-accent-soft);
    --glossaryBorder: var(--theme-border);
    --glossaryOnAccent: var(--theme-on-accent);
    --glossaryShadow: var(--theme-shadow);
    --glossarySurface: var(--theme-surface);
    --glossarySurfaceSoft: var(--surfaceSoft);
    --glossaryText: var(--theme-text);
    --glossaryTextMuted: var(--theme-text-muted);
    margin-inline: auto;
    width: 100%;
    max-width: var(--breakpoint-xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 12);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 16);
    }
    color: var(--glossaryText);
  }
  [data-tenant='wesupply.ir'] .glossary, [data-tenant='wesupply.ir'] .glossaryEntry {
    padding-top: calc(var(--spacing, 0.25rem) * 24);
  }
  .glossary > .breadcrumb {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
  }
  .glossaryHeader {
    margin-bottom: calc(var(--spacing, 0.25rem) * 10);
    border-radius: var(--radius-3xl, 1.5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 6);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 10);
    }
    background-color: var(--glossarySurface);
    border-color: var(--glossaryBorder);
    box-shadow: 0 18px 50px -35px var(--glossaryShadow);
  }
  .glossaryHeader > .title {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 48rem) {
      font-size: var(--text-5xl, 3rem);
      line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
    }
    color: var(--glossaryText);
  }
  .glossarySearch {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
  }
  .glossarySearch > .label {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    display: block;
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--glossaryTextMuted);
  }
  .glossarySearch > .control {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem) * 3);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .glossarySearch .input {
    min-width: 0px;
    flex: 1;
    border-radius: var(--radius-xl, 0.75rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: transparent;
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-outline-style: none;
    outline-style: none;
    background-color: var(--glossarySurface);
    border-color: var(--glossaryBorder);
    color: var(--glossaryText);
  }
  .glossarySearch .input:focus {
    border-color: var(--glossaryAccent);
    box-shadow: 0 0 0 3px var(--glossaryAccentSoft);
  }
  .glossarySearch .action {
    border-radius: var(--radius-xl, 0.75rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    background-color: var(--glossaryAccent);
    color: var(--glossaryOnAccent);
  }
  .glossarySearch .action:hover {
    background-color: var(--glossaryAccentHover);
  }
  .glossaryLetters > .list, .glossaryPagination > .list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing, 0.25rem) * 2);
  }
  .glossaryLetters .link, .glossaryPagination .link {
    display: flex;
    width: calc(var(--spacing, 0.25rem) * 10);
    height: calc(var(--spacing, 0.25rem) * 10);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg, 0.5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    background-color: var(--glossarySurface);
    border-color: var(--glossaryBorder);
    color: var(--glossaryText);
  }
  .glossaryLetters .link:hover, .glossaryLetters .link[aria-current='page'], .glossaryPagination .link:hover, .glossaryPagination .link[aria-current='page'] {
    background-color: var(--glossaryAccent);
    border-color: var(--glossaryAccent);
    color: var(--glossaryOnAccent);
  }
  .glossarySections {
    display: grid;
    gap: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .glossarySection {
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 6);
    background-color: var(--glossarySurface);
    border-color: var(--glossaryBorder);
  }
  .glossarySection > .heading {
    margin-bottom: calc(var(--spacing, 0.25rem) * 5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing, 0.25rem) * 4);
    border-color: var(--glossaryBorder);
  }
  .glossarySection .letter {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--glossaryAccent);
  }
  .glossarySection .more {
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    text-underline-offset: 4px;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    color: var(--glossaryAccent);
  }
  .glossarySection .entries, .glossaryResults > .entries {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    border-color: var(--glossaryBorder);
  }
  .glossary .entry {
    padding-block: calc(var(--spacing, 0.25rem) * 5);
    &:first-child {
      padding-top: 0px;
    }
    &:last-child {
      padding-bottom: 0px;
    }
  }
  .glossary .entry > .link, .glossary .entry > .summaryOnly {
    display: block;
    border-radius: var(--radius-xl, 0.75rem);
    padding: calc(var(--spacing, 0.25rem) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
  .glossary .entry > .link:hover {
    background-color: var(--glossaryAccentSoft);
  }
  .glossary .entry .term {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--glossaryAccent);
  }
  .glossary .entry .expanded, .glossary .entry .translation {
    margin-top: var(--spacing, 0.25rem);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--glossaryTextMuted);
  }
  .glossary .entry .definition {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    --tw-leading: calc(var(--spacing, 0.25rem) * 7);
    line-height: calc(var(--spacing, 0.25rem) * 7);
    color: var(--glossaryText);
  }
  .glossaryResults {
    border-radius: var(--radius-2xl, 1rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 6);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 8);
    }
    background-color: var(--glossarySurface);
    border-color: var(--glossaryBorder);
  }
  .glossaryResults > .empty {
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    text-align: center;
    color: var(--glossaryTextMuted);
  }
  .glossaryPagination {
    margin-top: calc(var(--spacing, 0.25rem) * 8);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing, 0.25rem) * 6);
    border-color: var(--glossaryBorder);
  }
  .glossaryEntry > .entryDetail {
    border-radius: var(--radius-3xl, 1.5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing, 0.25rem) * 6);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing, 0.25rem) * 10);
    }
    background-color: var(--glossarySurface);
    border-color: var(--glossaryBorder);
  }
  .glossaryEntry .entryDetail > .image {
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    max-height: calc(var(--spacing, 0.25rem) * 96);
    width: 100%;
    border-radius: var(--radius-2xl, 1rem);
    object-fit: cover;
  }
  .glossaryEntry .term {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 48rem) {
      font-size: var(--text-5xl, 3rem);
      line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
    }
    color: var(--glossaryAccent);
  }
  .glossaryEntry .expanded, .glossaryEntry .translation {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    color: var(--glossaryTextMuted);
  }
  .glossaryEntry .definition {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-leading: calc(var(--spacing, 0.25rem) * 8);
    line-height: calc(var(--spacing, 0.25rem) * 8);
  }
  .glossaryEntry .content {
    margin-top: calc(var(--spacing, 0.25rem) * 10);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing, 0.25rem) * 8);
    border-color: var(--glossaryBorder);
  }
}
@layer themePage {
  .searchPage {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-5xl, 64rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 12);
    }
    color: var(--theme-text);
    .title {
      margin-bottom: calc(var(--spacing, 0.25rem) * 8);
      font-size: var(--text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
      @media (width >= 48rem) {
        font-size: var(--text-4xl, 2.25rem);
        line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
      }
    }
    .search {
      margin-bottom: calc(var(--spacing, 0.25rem) * 10);
      border-radius: var(--radius-3xl, 1.5rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding: calc(var(--spacing, 0.25rem) * 6);
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      background-color: var(--theme-surface);
      border-color: var(--theme-border);
      .label {
        margin-bottom: calc(var(--spacing, 0.25rem) * 3);
        display: block;
        font-size: var(--text-sm, 0.875rem);
        line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
        --tw-font-weight: var(--font-weight-semibold, 600);
        font-weight: var(--font-weight-semibold, 600);
        color: var(--theme-text-muted);
      }
      .control {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing, 0.25rem) * 3);
        @media (width >= 40rem) {
          flex-direction: row;
        }
      }
      .input {
        min-width: 0px;
        flex: 1;
        border-radius: var(--radius-xl, 0.75rem);
        border-style: var(--tw-border-style);
        border-width: 1px;
        padding-inline: calc(var(--spacing, 0.25rem) * 4);
        padding-block: calc(var(--spacing, 0.25rem) * 3);
        --tw-outline-style: none;
        outline-style: none;
        background-color: var(--theme-surface);
        border-color: var(--theme-border);
        color: var(--theme-text);
        &:focus {
          border-color: var(--theme-accent);
        }
      }
      .action {
        border-radius: var(--radius-xl, 0.75rem);
        padding-inline: calc(var(--spacing, 0.25rem) * 6);
        padding-block: calc(var(--spacing, 0.25rem) * 3);
        --tw-font-weight: var(--font-weight-semibold, 600);
        font-weight: var(--font-weight-semibold, 600);
        background-color: var(--theme-accent);
        color: var(--theme-on-accent);
        &:hover {
          background-color: var(--theme-accent-hover);
        }
      }
    }
    .cards {
      display: grid;
      gap: calc(var(--spacing, 0.25rem) * 4);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    .card {
      border-radius: var(--radius-2xl, 1rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding: calc(var(--spacing, 0.25rem) * 5);
      background-color: var(--theme-surface);
      border-color: var(--theme-border);
      > .label {
        font-size: var(--text-xl, 1.25rem);
        line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
        --tw-font-weight: var(--font-weight-bold, 700);
        font-weight: var(--font-weight-bold, 700);
        color: var(--theme-accent);
      }
      .detail {
        margin-top: calc(var(--spacing, 0.25rem) * 2);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: calc(var(--spacing, 0.25rem) * 2);
      }
      .value, .metadata {
        font-size: var(--text-sm, 0.875rem);
        line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
        color: var(--theme-text-muted);
      }
      .metadata {
        margin-top: calc(var(--spacing, 0.25rem) * 2);
      }
      .copy {
        border-radius: var(--radius-lg, 0.5rem);
        border-style: var(--tw-border-style);
        border-width: 1px;
        padding-inline: calc(var(--spacing, 0.25rem) * 2);
        padding-block: var(--spacing, 0.25rem);
        font-size: var(--text-xs, 0.75rem);
        line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
        --tw-font-weight: var(--font-weight-semibold, 600);
        font-weight: var(--font-weight-semibold, 600);
        border-color: var(--theme-border);
        color: var(--theme-accent);
        &:hover {
          border-color: var(--theme-accent);
        }
      }
      .metadata .label {
        margin-inline-end: calc(var(--spacing, 0.25rem) * 2);
        --tw-font-weight: var(--font-weight-semibold, 600);
        font-weight: var(--font-weight-semibold, 600);
      }
      .description {
        margin-top: calc(var(--spacing, 0.25rem) * 3);
        --tw-leading: var(--leading-relaxed, 1.625);
        line-height: var(--leading-relaxed, 1.625);
      }
    }
    .empty {
      border-radius: var(--radius-2xl, 1rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding: calc(var(--spacing, 0.25rem) * 6);
      border-color: var(--theme-border);
    }
    .pagination {
      margin-top: calc(var(--spacing, 0.25rem) * 8);
      display: flex;
      justify-content: space-between;
      gap: calc(var(--spacing, 0.25rem) * 4);
      .previous, .next {
        border-radius: var(--radius-xl, 0.75rem);
        border-style: var(--tw-border-style);
        border-width: 1px;
        padding-inline: calc(var(--spacing, 0.25rem) * 4);
        padding-block: calc(var(--spacing, 0.25rem) * 2);
        --tw-font-weight: var(--font-weight-semibold, 600);
        font-weight: var(--font-weight-semibold, 600);
        border-color: var(--theme-border);
        color: var(--theme-accent);
      }
    }
  }
  .products {
    margin-inline: auto;
    max-width: var(--breakpoint-xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 16);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 20);
    }
    @media (width >= 96rem) {
      max-width: var(--breakpoint-2xl, 96rem);
    }
    @media (width >= 96rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    > .title {
      margin-bottom: calc(var(--spacing, 0.25rem) * 10);
      font-size: var(--text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700);
      @media (width >= 48rem) {
        font-size: var(--text-4xl, 2.25rem);
        line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
      }
      color: var(--theme-page-title);
    }
    > .items {
      display: grid;
      gap: calc(var(--spacing, 0.25rem) * 8);
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      @media (width >= 96rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }
    > .pagination {
      margin-top: calc(var(--spacing, 0.25rem) * 10);
    }
  }
  [data-tenant='wesupply.ir'] .products {
    padding-top: calc(var(--spacing, 0.25rem) * 24);
  }
}
@layer themePart {
  .products .product {
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl, 0.75rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing, 0.25rem) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    background-color: var(--theme-card-surface);
    border-color: var(--theme-card-border);
    box-shadow: 0 10px 24px var(--theme-shadow);
  }
  .products .product:hover {
    border-color: var(--theme-card-border-hover);
    box-shadow: 0 20px 30px var(--theme-shadow-strong);
  }
  .products .product>.link {
    display: flex;
    height: 100%;
    flex-direction: column;
    text-decoration-line: none;
  }
  .products .product .image {
    aspect-ratio: var(--aspect-video, 16 / 9);
    width: 100%;
    object-fit: cover;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .products .product:hover .image {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .products .summary {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: calc(var(--spacing, 0.25rem) * 4);
  }
  .products .supertitle, .products .subtitle {
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--theme-text-subtle);
  }
  .products .summary .title {
    margin-top: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    color: var(--theme-card-title);
  }
  .products .description {
    margin-top: calc(var(--spacing, 0.25rem) * 3);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex: 1;
    --tw-leading: calc(var(--spacing, 0.25rem) * 7);
    line-height: calc(var(--spacing, 0.25rem) * 7);
    color: var(--theme-card-text);
  }
  .products .code {
    margin-top: calc(var(--spacing, 0.25rem) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--theme-text-subtle);
  }
  .products .rating {
    margin-top: calc(var(--spacing, 0.25rem) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--theme-text-subtle);
  }
  .products .rating meter {
    flex: 1;
  }
  .products .flags {
    margin-top: calc(var(--spacing, 0.25rem) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing, 0.25rem) * 2);
  }
  .products .flags>li {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    padding-block: var(--spacing, 0.25rem);
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    background-color: var(--theme-card-accent);
    color: var(--theme-card-surface);
  }
}
@layer themePage {
  .product:has(> .detail) {
    margin-inline: auto;
    max-width: var(--breakpoint-xl, 80rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 12);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 16);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 8);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 10);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing, 0.25rem) * 20);
    }
  }
  .product:has(> .detail)>.detail {
    display: grid;
    min-width: 0px;
    gap: calc(var(--spacing, 0.25rem) * 10);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing, 0.25rem) * 16);
    }
  }
  .product:has(> .detail)>.detail>.image {
    aspect-ratio: 1 / 1;
    width: 100%;
    border-radius: var(--radius-xl, 0.75rem);
    object-fit: cover;
  }
  .product:has(> .detail) .summary {
    align-self: flex-start;
  }
  .product:has(> .detail) .supertitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--theme-text-subtle);
  }
  .product:has(> .detail) .summary>.title {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    --tw-leading: var(--leading-tight, 1.25);
    line-height: var(--leading-tight, 1.25);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    @media (width >= 48rem) {
      font-size: var(--text-5xl, 3rem);
      line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
    }
    color: var(--theme-page-title);
  }
  .product:has(> .detail) .subtitle {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    color: var(--theme-text-subtle);
  }
  .product:has(> .detail) .description {
    margin-bottom: calc(var(--spacing, 0.25rem) * 6);
    --tw-leading: calc(var(--spacing, 0.25rem) * 8);
    line-height: calc(var(--spacing, 0.25rem) * 8);
    color: var(--theme-text);
  }
  .product:has(> .detail) .code {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    color: var(--theme-text-subtle);
  }
  .product:has(> .detail) .rating {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 3);
    color: var(--theme-text-subtle);
  }
  .product:has(> .detail) .rating meter {
    width: calc(var(--spacing, 0.25rem) * 40);
  }
  .product:has(> .detail) .flags {
    margin-bottom: calc(var(--spacing, 0.25rem) * 6);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing, 0.25rem) * 2);
  }
  .product:has(> .detail) .flags>li {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    padding-block: var(--spacing, 0.25rem);
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    background-color: var(--theme-card-accent);
    color: var(--theme-card-surface);
  }
  @media (width >= 64rem) {
    .product:has(> .detail) .brand {
      grid-column-start: 2;
    }
  }
  .product:has(> .detail) .content {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
    color: var(--theme-text);
  }
  [data-tenant='wesupply.ir'] .product:has(> .detail) {
    padding-top: calc(var(--spacing, 0.25rem) * 24);
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-space-y-reverse: 0;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-divide-x-reverse: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-x-reverse: 0;
      --tw-ease: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}