@font-face {
  font-family: vazir;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/publisher/vazir/regular.woff2") format("woff2"),
    url("/assets/publisher/vazir/regular.woff") format("woff");
}
@font-face {
  font-family: vazir;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/publisher/vazir/medium.woff2") format("woff2"),
    url("/assets/publisher/vazir/medium.woff") format("woff");
}
@font-face {
  font-family: vazir;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/publisher/vazir/bold.woff2") format("woff2"),
    url("/assets/publisher/vazir/bold.woff") format("woff");
}

@font-face {
  font-family: sahel;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/publisher/sahel/regular.woff2") format("woff2"),
    url("/assets/publisher/sahel/regular.woff") format("woff");
}
@font-face {
  font-family: sahel;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/publisher/sahel/medium.woff2") format("woff2"),
    url("/assets/publisher/sahel/medium.woff") format("woff");
}
@font-face {
  font-family: sahel;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/publisher/sahel/bold.woff2") format("woff2"),
    url("/assets/publisher/sahel/bold.woff") format("woff");
}

:root {
  font-size: 16px;

  --font-heading: sahel, "sahel FD", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,
    sans-serif;

  --cn-max-w: 86rem;

  --c-brand: #fb8c00;
  --c-brand-2: #fb4700;

  --c-link: #006ce7;
  --c-error: #fa2121;
  --c-success: #27c51c;
  --c-border: #e3e3e3;
  --c-border-high: #a4a4a4;
  --c-text: #1a1c1d;
  --c-text-mute: #8a8c8d;
  --c-bg: #f6f6f6;
  --c-bg-card: white;
  --c-bg-active: #efefef;
  --c-bg-gray: #c3c7c8;
}
.dark {
  --c-brand: #fb8c00;
  --c-brand-2: #fb4700;

  --c-link: #3d8bff;
  --c-error: #f23838;
  --c-success: #35c12b;
  --c-border: #3a3f40;
  --c-border-high: #646666;
  --c-text: #eeebe5;
  --c-text-mute: #7e7b75;
  --c-bg: #202425;
  --c-bg-card: #151718;
  --c-bg-active: #2d3133;
  --c-bg-gray: #5d5b57;
}

header,
footer,
article,
section,
main,
nav,
form,
aside {
  display: block;
}
svg {
  display: inline-block;
}

@media print {
  .no-print,
  button,
  aside {
    display: none !important;
  }
}

body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow-y: scroll;
  background-color: var(--c-bg);
  color: var(--c-text);
}
body.prevent-body-scroll {
  overflow: hidden;
  padding-right: var(--scrollbar-width, 0);
}
.dark {
  background-color: var(--c-bg);
  color: var(--c-text);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--c-bg-gray) var(--c-bg-active);
}
@media (hover: none) {
  * {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  *::-webkit-scrollbar {
    display: none;
  }
}

hr {
  border-top-width: 0;
  border-bottom: 1px solid var(--c-border);
}

h1,
h2 {
  font-family: var(--font-heading);
  font-weight: 600;
}
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 500;
}
.reta-editor-content h3,
.reta-editor-content h4,
.reta-editor-content h5,
.reta-editor-content h6 {
  font-weight: 600;
}

img,
video {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}
a:not(.btn):hover,
a:not(.btn):active,
a:not(.btn):focus {
  text-decoration: underline;
}

.reta-editor-content a {
  color: var(--c-link);
}
.reta-editor-content a:hover {
  color: var(--c-brand);
}

button {
  cursor: pointer;
  border: none;
  color: inherit;
}
button:disabled {
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
  opacity: 0.5;
}

.btn {
  display: inline-flex;
}

.btn.bg {
  background-color: transparent;
}
.btn.bg:hover,
.btn.bg:active,
.btn.bg:focus {
  background-color: var(--c-bg-active);
}

.btn.post {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  overflow: hidden;
}

.btn.post:hover h3,
.btn.post:active h3,
.btn.post:focus h3 {
  color: var(--c-brand);
}

.btn.post img {
  object-fit: cover;
  height: auto;
  max-width: 100%;
  min-width: 100%;
}
.btn.post:hover img,
.btn.post:active img,
.btn.post:focus img {
  opacity: 0.75;
}

.hover-brand:hover,
.hover-brand:active {
  --color: var(--c-brand);
  color: var(--c-brand);
}

.card {
  background-color: var(--c-bg-card);
  border: 1px solid var(--c-border);
}
.card-title {
  display: flex;
  font-weight: 500;
  font-family: var(--font-body);
  position: relative;
  font-size: 1rem;
  padding: 0.25em 0.8em;
  border-bottom: 2px solid var(--c-brand);
  margin-bottom: 0.5em;
}
.card-title:not(.simple-title) {
  --ct-bg: var(--c-bg-card);
  background-color: var(--ct-bg);
  background-size: 0.5em 0.5em;
  background-image: repeating-linear-gradient(
    45deg,
    var(--c-bg-active) 0,
    var(--c-bg-active) 0.05em,
    var(--ct-bg) 0,
    var(--ct-bg) 50%
  );
}
.card-title:not(.simple-title)::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 0.45em;
  right: 0;
  top: 0.45em;
  bottom: 0.45em;
  border-bottom-left-radius: 999px;
  border-top-left-radius: 999px;
  background-color: var(--c-brand-2);
}
.card-content {
  padding: 0.5rem;
}

.slider {
  position: relative;
  --dots-h: 1.4em;
}
.slider > .slides a * {
  pointer-events: none !important;
}
.slider:not(.ready) > .slides > *:not(:first-child):not(.visible) {
  display: none !important;
}
.slider > .controls .dots {
  display: flex;
  height: var(--dots-h);
  width: 100%;
}
.slider > .controls > .arrow {
  font-size: 1.1em;
}
@media (min-width: 640px) {
  .slider > .controls > .arrow {
    font-size: 1.3em;
  }
}

[dir="ltr"],
.dir-ltr {
  direction: ltr;
}

.space {
  padding: var(--space, 0.5rem);
}

.container {
  max-width: var(--cn-max-w);
  margin-left: auto;
  margin-right: auto;
}

.line-clamp {
  --lines: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: var(--lines);
}

.hover-c-brand:hover {
  --hover-c: var(--c-brand);
  color: var(--hover-c) !important;
}
.hover-c-brand-2:hover {
  --hover-c: var(--c-brand-2);
  color: var(--hover-c) !important;
}
.hover-c-text:hover {
  --hover-c: var(--c-text);
  color: var(--hover-c) !important;
}
.hover-c-gray:hover {
  --hover-c: var(--c-bg-gray);
  color: var(--hover-c) !important;
}
.hover-c-error:hover {
  --hover-c: var(--c-error);
  color: var(--hover-c) !important;
}
.hover-c-success:hover {
  --hover-c: var(--c-success);
  color: var(--hover-c) !important;
}

.hover-bg-brand:hover {
  --hover-bg: var(--c-brand);
  background-color: var(--hover-bg) !important;
}
.hover-bg-brand-2:hover {
  --hover-bg: var(--c-brand-2);
  background-color: var(--hover-bg) !important;
}
.hover-bg:hover {
  --hover-bg: var(--c-bg);
  background-color: var(--hover-bg) !important;
}
.hover-bg-card:hover {
  --hover-bg: var(--c-bg-card);
  background-color: var(--hover-bg) !important;
}
.hover-bg-active:hover {
  --hover-bg: var(--c-bg-active);
  background-color: var(--hover-bg) !important;
}
.hover-bg-gray:hover {
  --hover-bg: var(--c-bg-gray);
  background-color: var(--hover-bg) !important;
}
.hover-bg-error:hover {
  --hover-bg: var(--c-error);
  background-color: var(--hover-bg) !important;
}
.hover-bg-success:hover {
  --hover-bg: var(--c-success);
  background-color: var(--hover-bg) !important;
}

@keyframes translateYAnim {
  from {
    transform: translateY(var(--translate-y-from, 100%));
  }
  to {
    transform: translateY(var(--scale-y-to, 0));
  }
}
@keyframes translateXAnim {
  from {
    transform: translateX(var(--translate-x-from, -100%));
  }
  to {
    transform: translateX(var(--scale-x-to, 0));
  }
}
@keyframes scaleXAnim {
  from {
    transform: scaleX(var(--scale-x-from, 0));
  }
  to {
    transform: scaleX(var(--scale-x-to, 1));
  }
}
@keyframes dialogAnimIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.dialog-overlay {
  animation: dialogAnimIn 0.1s ease-in-out;
  z-index: 100;
  background-color: var(--c-bg-card);
  background-color: color-mix(in srgb, var(--c-bg-card), transparent 10%);
  display: grid;
  place-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

@keyframes pulseAnim {
  50% {
    opacity: 0.1;
  }
}
.animate-pulse {
  animation: pulseAnim 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.layout {
  --cols: 1;
  --col-span: 1 / -1;
  --min: 0;
  --max: 1fr;
  gap: var(--gap, 1rem);
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(var(--min), var(--max)));
}
.layout.default-span {
  --span: 1;
  --col-span: span var(--span) / span var(--span);
}
.layout > * {
  grid-column: var(--col-span);
}

/* . {} */
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.absolute-fill {
  position: absolute;
  inset: 0;
  overflow: auto;
}
.val-1 {
  --val: 1;
}
.val-2 {
  --val: 2;
}
.val-3 {
  --val: 3;
}
.val-4 {
  --val: 4;
}
.val-5 {
  --val: 5;
}
.val-6 {
  --val: 6;
}
.val-7 {
  --val: 7;
}
.val-8 {
  --val: 8;
}
.val-9 {
  --val: 9;
}
.val-10 {
  --val: 10;
}
.order-first {
  order: -9999;
}
.order-last {
  order: 9999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.col-span-full {
  grid-column: 1/-1;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.block {
  display: block !important;
}
.flex {
  display: flex !important;
}
.hidden {
  display: none !important;
}
@media (min-width: 480px) {
  /* .xs\: {} */
  .xs\:relative {
    position: relative;
  }
  .xs\:sticky {
    position: sticky;
  }
  .xs\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .xs\:val-1 {
    --val: 1;
  }
  .xs\:val-2 {
    --val: 2;
  }
  .xs\:val-3 {
    --val: 3;
  }
  .xs\:val-4 {
    --val: 4;
  }
  .xs\:val-5 {
    --val: 5;
  }
  .xs\:val-6 {
    --val: 6;
  }
  .xs\:val-7 {
    --val: 7;
  }
  .xs\:val-8 {
    --val: 8;
  }
  .xs\:val-9 {
    --val: 9;
  }
  .xs\:val-10 {
    --val: 10;
  }
  .xs\:order-first {
    order: -9999;
  }
  .xs\:order-last {
    order: 9999;
  }
  .xs\:order-1 {
    order: 1;
  }
  .xs\:order-2 {
    order: 2;
  }
  .xs\:order-3 {
    order: 3;
  }
  .xs\:order-4 {
    order: 4;
  }
  .xs\:col-span-full {
    grid-column: 1/-1;
  }
  .xs\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .xs\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .xs\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .xs\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .xs\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .xs\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .xs\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .xs\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .xs\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .xs\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .xs\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .xs\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .xs\:block {
    display: block !important;
  }
  .xs\:flex {
    display: flex !important;
  }
  .xs\:hidden {
    display: none !important;
  }
}
@media (min-width: 640px) {
  /* .sm\: {} */
  .sm\:relative {
    position: relative;
  }
  .sm\:sticky {
    position: sticky;
  }
  .sm\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .sm\:val-1 {
    --val: 1;
  }
  .sm\:val-2 {
    --val: 2;
  }
  .sm\:val-3 {
    --val: 3;
  }
  .sm\:val-4 {
    --val: 4;
  }
  .sm\:val-5 {
    --val: 5;
  }
  .sm\:val-6 {
    --val: 6;
  }
  .sm\:val-7 {
    --val: 7;
  }
  .sm\:val-8 {
    --val: 8;
  }
  .sm\:val-9 {
    --val: 9;
  }
  .sm\:val-10 {
    --val: 10;
  }
  .sm\:order-first {
    order: -9999;
  }
  .sm\:order-last {
    order: 9999;
  }
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:order-3 {
    order: 3;
  }
  .sm\:order-4 {
    order: 4;
  }
  .sm\:col-span-full {
    grid-column: 1/-1;
  }
  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .sm\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .sm\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .sm\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .sm\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:hidden {
    display: none !important;
  }
}
@media (min-width: 768px) {
  /* .md\: {} */
  .md\:relative {
    position: relative;
  }
  .md\:sticky {
    position: sticky;
  }
  .md\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .md\:val-1 {
    --val: 1;
  }
  .md\:val-2 {
    --val: 2;
  }
  .md\:val-3 {
    --val: 3;
  }
  .md\:val-4 {
    --val: 4;
  }
  .md\:val-5 {
    --val: 5;
  }
  .md\:val-6 {
    --val: 6;
  }
  .md\:val-7 {
    --val: 7;
  }
  .md\:val-8 {
    --val: 8;
  }
  .md\:val-9 {
    --val: 9;
  }
  .md\:val-10 {
    --val: 10;
  }
  .md\:order-first {
    order: -9999;
  }
  .md\:order-last {
    order: 9999;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:order-3 {
    order: 3;
  }
  .md\:order-4 {
    order: 4;
  }
  .md\:col-span-full {
    grid-column: 1/-1;
  }
  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .md\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .md\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .md\:block {
    display: block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:hidden {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  /* .lg\: {} */
  .lg\:relative {
    position: relative;
  }
  .lg\:sticky {
    position: sticky;
  }
  .lg\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .lg\:val-1 {
    --val: 1;
  }
  .lg\:val-2 {
    --val: 2;
  }
  .lg\:val-3 {
    --val: 3;
  }
  .lg\:val-4 {
    --val: 4;
  }
  .lg\:val-5 {
    --val: 5;
  }
  .lg\:val-6 {
    --val: 6;
  }
  .lg\:val-7 {
    --val: 7;
  }
  .lg\:val-8 {
    --val: 8;
  }
  .lg\:val-9 {
    --val: 9;
  }
  .lg\:val-10 {
    --val: 10;
  }
  .lg\:order-first {
    order: -9999;
  }
  .lg\:order-last {
    order: 9999;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:order-3 {
    order: 3;
  }
  .lg\:order-4 {
    order: 4;
  }
  .lg\:col-span-full {
    grid-column: 1/-1;
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .lg\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:hidden {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  /* .xl\: {} */
  .xl\:relative {
    position: relative;
  }
  .xl\:sticky {
    position: sticky;
  }
  .xl\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .xl\:val-1 {
    --val: 1;
  }
  .xl\:val-2 {
    --val: 2;
  }
  .xl\:val-3 {
    --val: 3;
  }
  .xl\:val-4 {
    --val: 4;
  }
  .xl\:val-5 {
    --val: 5;
  }
  .xl\:val-6 {
    --val: 6;
  }
  .xl\:val-7 {
    --val: 7;
  }
  .xl\:val-8 {
    --val: 8;
  }
  .xl\:val-9 {
    --val: 9;
  }
  .xl\:val-10 {
    --val: 10;
  }
  .xl\:order-first {
    order: -9999;
  }
  .xl\:order-last {
    order: 9999;
  }
  .xl\:order-1 {
    order: 1;
  }
  .xl\:order-2 {
    order: 2;
  }
  .xl\:order-3 {
    order: 3;
  }
  .xl\:order-4 {
    order: 4;
  }
  .xl\:col-span-full {
    grid-column: 1/-1;
  }
  .xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .xl\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .xl\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .xl\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .xl\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:hidden {
    display: none !important;
  }
}
@media (max-width: 480px) {
  /* .max-xs\: {} */
  .max-xs\:relative {
    position: relative;
  }
  .max-xs\:sticky {
    position: sticky;
  }
  .max-xs\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .max-xs\:val-1 {
    --val: 1;
  }
  .max-xs\:val-2 {
    --val: 2;
  }
  .max-xs\:val-3 {
    --val: 3;
  }
  .max-xs\:val-4 {
    --val: 4;
  }
  .max-xs\:val-5 {
    --val: 5;
  }
  .max-xs\:val-6 {
    --val: 6;
  }
  .max-xs\:val-7 {
    --val: 7;
  }
  .max-xs\:val-8 {
    --val: 8;
  }
  .max-xs\:val-9 {
    --val: 9;
  }
  .max-xs\:val-10 {
    --val: 10;
  }
  .max-xs\:order-first {
    order: -9999;
  }
  .max-xs\:order-last {
    order: 9999;
  }
  .max-xs\:order-1 {
    order: 1;
  }
  .max-xs\:order-2 {
    order: 2;
  }
  .max-xs\:order-3 {
    order: 3;
  }
  .max-xs\:order-4 {
    order: 4;
  }
  .max-xs\:col-span-full {
    grid-column: 1/-1;
  }
  .max-xs\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .max-xs\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .max-xs\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .max-xs\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .max-xs\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .max-xs\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .max-xs\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .max-xs\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .max-xs\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .max-xs\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .max-xs\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .max-xs\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .max-xs\:block {
    display: block !important;
  }
  .max-xs\:flex {
    display: flex !important;
  }
  .max-xs\:hidden {
    display: none !important;
  }
}
@media (max-width: 640px) {
  /* .max-sm\: {} */
  .max-sm\:relative {
    position: relative;
  }
  .max-sm\:sticky {
    position: sticky;
  }
  .max-sm\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .max-sm\:val-1 {
    --val: 1;
  }
  .max-sm\:val-2 {
    --val: 2;
  }
  .max-sm\:val-3 {
    --val: 3;
  }
  .max-sm\:val-4 {
    --val: 4;
  }
  .max-sm\:val-5 {
    --val: 5;
  }
  .max-sm\:val-6 {
    --val: 6;
  }
  .max-sm\:val-7 {
    --val: 7;
  }
  .max-sm\:val-8 {
    --val: 8;
  }
  .max-sm\:val-9 {
    --val: 9;
  }
  .max-sm\:val-10 {
    --val: 10;
  }
  .max-sm\:order-first {
    order: -9999;
  }
  .max-sm\:order-last {
    order: 9999;
  }
  .max-sm\:order-1 {
    order: 1;
  }
  .max-sm\:order-2 {
    order: 2;
  }
  .max-sm\:order-3 {
    order: 3;
  }
  .max-sm\:order-4 {
    order: 4;
  }
  .max-sm\:col-span-full {
    grid-column: 1/-1;
  }
  .max-sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .max-sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .max-sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .max-sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .max-sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .max-sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .max-sm\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .max-sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .max-sm\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .max-sm\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .max-sm\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .max-sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .max-sm\:block {
    display: block !important;
  }
  .max-sm\:flex {
    display: flex !important;
  }
  .max-sm\:hidden {
    display: none !important;
  }
}
@media (max-width: 768px) {
  /* .max-md\: {} */
  .max-md\:relative {
    position: relative;
  }
  .max-md\:sticky {
    position: sticky;
  }
  .max-md\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .max-md\:val-1 {
    --val: 1;
  }
  .max-md\:val-2 {
    --val: 2;
  }
  .max-md\:val-3 {
    --val: 3;
  }
  .max-md\:val-4 {
    --val: 4;
  }
  .max-md\:val-5 {
    --val: 5;
  }
  .max-md\:val-6 {
    --val: 6;
  }
  .max-md\:val-7 {
    --val: 7;
  }
  .max-md\:val-8 {
    --val: 8;
  }
  .max-md\:val-9 {
    --val: 9;
  }
  .max-md\:val-10 {
    --val: 10;
  }
  .max-md\:order-first {
    order: -9999;
  }
  .max-md\:order-last {
    order: 9999;
  }
  .max-md\:order-1 {
    order: 1;
  }
  .max-md\:order-2 {
    order: 2;
  }
  .max-md\:order-3 {
    order: 3;
  }
  .max-md\:order-4 {
    order: 4;
  }
  .max-md\:col-span-full {
    grid-column: 1/-1;
  }
  .max-md\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .max-md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .max-md\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .max-md\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .max-md\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .max-md\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .max-md\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .max-md\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .max-md\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .max-md\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .max-md\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .max-md\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .max-md\:block {
    display: block !important;
  }
  .max-md\:flex {
    display: flex !important;
  }
  .max-md\:hidden {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  /* .max-lg\: {} */
  .max-lg\:relative {
    position: relative;
  }
  .max-lg\:sticky {
    position: sticky;
  }
  .max-lg\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .max-lg\:val-1 {
    --val: 1;
  }
  .max-lg\:val-2 {
    --val: 2;
  }
  .max-lg\:val-3 {
    --val: 3;
  }
  .max-lg\:val-4 {
    --val: 4;
  }
  .max-lg\:val-5 {
    --val: 5;
  }
  .max-lg\:val-6 {
    --val: 6;
  }
  .max-lg\:val-7 {
    --val: 7;
  }
  .max-lg\:val-8 {
    --val: 8;
  }
  .max-lg\:val-9 {
    --val: 9;
  }
  .max-lg\:val-10 {
    --val: 10;
  }
  .max-lg\:order-first {
    order: -9999;
  }
  .max-lg\:order-last {
    order: 9999;
  }
  .max-lg\:order-1 {
    order: 1;
  }
  .max-lg\:order-2 {
    order: 2;
  }
  .max-lg\:order-3 {
    order: 3;
  }
  .max-lg\:order-4 {
    order: 4;
  }
  .max-lg\:col-span-full {
    grid-column: 1/-1;
  }
  .max-lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .max-lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .max-lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .max-lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .max-lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .max-lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .max-lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .max-lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .max-lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .max-lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .max-lg\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .max-lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .max-lg\:block {
    display: block !important;
  }
  .max-lg\:flex {
    display: flex !important;
  }
  .max-lg\:hidden {
    display: none !important;
  }
}
@media (max-width: 1280px) {
  /* .max-xl\: {} */
  .max-xl\:relative {
    position: relative;
  }
  .max-xl\:sticky {
    position: sticky;
  }
  .max-xl\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .max-xl\:val-1 {
    --val: 1;
  }
  .max-xl\:val-2 {
    --val: 2;
  }
  .max-xl\:val-3 {
    --val: 3;
  }
  .max-xl\:val-4 {
    --val: 4;
  }
  .max-xl\:val-5 {
    --val: 5;
  }
  .max-xl\:val-6 {
    --val: 6;
  }
  .max-xl\:val-7 {
    --val: 7;
  }
  .max-xl\:val-8 {
    --val: 8;
  }
  .max-xl\:val-9 {
    --val: 9;
  }
  .max-xl\:val-10 {
    --val: 10;
  }
  .max-xl\:order-first {
    order: -9999;
  }
  .max-xl\:order-last {
    order: 9999;
  }
  .max-xl\:order-1 {
    order: 1;
  }
  .max-xl\:order-2 {
    order: 2;
  }
  .max-xl\:order-3 {
    order: 3;
  }
  .max-xl\:order-4 {
    order: 4;
  }
  .max-xl\:col-span-full {
    grid-column: 1/-1;
  }
  .max-xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .max-xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .max-xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .max-xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .max-xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .max-xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .max-xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .max-xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .max-xl\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .max-xl\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .max-xl\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .max-xl\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .max-xl\:block {
    display: block !important;
  }
  .max-xl\:flex {
    display: flex !important;
  }
  .max-xl\:hidden {
    display: none !important;
  }
}
@media print {
  /* .print\: {} */
  .print\:relative {
    position: relative;
  }
  .print\:sticky {
    position: sticky;
  }
  .print\:absolute-fill {
    position: absolute;
    inset: 0;
    overflow: auto;
  }
  .print\:val-1 {
    --val: 1;
  }
  .print\:val-2 {
    --val: 2;
  }
  .print\:val-3 {
    --val: 3;
  }
  .print\:val-4 {
    --val: 4;
  }
  .print\:val-5 {
    --val: 5;
  }
  .print\:val-6 {
    --val: 6;
  }
  .print\:val-7 {
    --val: 7;
  }
  .print\:val-8 {
    --val: 8;
  }
  .print\:val-9 {
    --val: 9;
  }
  .print\:val-10 {
    --val: 10;
  }
  .print\:order-first {
    order: -9999;
  }
  .print\:order-last {
    order: 9999;
  }
  .print\:order-1 {
    order: 1;
  }
  .print\:order-2 {
    order: 2;
  }
  .print\:order-3 {
    order: 3;
  }
  .print\:order-4 {
    order: 4;
  }
  .print\:col-span-full {
    grid-column: 1/-1;
  }
  .print\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .print\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .print\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .print\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .print\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .print\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .print\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .print\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .print\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .print\:col-span-10 {
    grid-column: span 10 / span 10;
  }
  .print\:col-span-11 {
    grid-column: span 11 / span 11;
  }
  .print\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .print\:block {
    display: block !important;
  }
  .print\:flex {
    display: flex !important;
  }
  .print\:hidden {
    display: none !important;
  }
}