@charset "UTF-8";
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-between-start {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.flex-between-end {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.flex-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.w-full {
  width: 100%;
}

.h-xl {
  height: var(--height-xl);
}

.h-lg {
  height: var(--height-lg);
}

.h-lg-min {
  min-height: var(--height-lg);
}

.h-md {
  height: var(--height-md);
}

.h-md-min {
  min-height: var(--height-md);
}

.h-sm {
  height: var(--height-sm);
}

.h-screen {
  height: 100dvh;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

:root {
  --space-ul: clamp(100px, 76.5432098765px + 6.1728395062vw, 200px);
  --space-xl: clamp(50px, 38.2716049383px + 3.0864197531vw, 100px);
  --space-lg: clamp(25px, 19.1358024691px + 1.5432098765vw, 50px);
  --space-md: clamp(15px, 11.4814814815px + 0.9259259259vw, 30px);
  --space-sm: clamp(10px, 7.6543209877px + 0.6172839506vw, 20px);
  --space-xs: clamp(5px, 3.8271604938px + 0.3086419753vw, 10px);
  --space-header: clamp(100px, 104.6913580247px + -1.2345679012vw, 80px);
}

.m-ul {
  margin: var(--space-ul);
}

.mt-ul {
  margin-top: var(--space-ul);
}

.mr-ul {
  margin-right: var(--space-ul);
}

.mb-ul {
  margin-bottom: var(--space-ul);
}

.ml-ul {
  margin-left: var(--space-ul);
}

.p-ul {
  padding: var(--space-ul);
}

.pt-ul {
  padding-top: var(--space-ul);
}

.pr-ul {
  padding-right: var(--space-ul);
}

.pb-ul {
  padding-bottom: var(--space-ul);
}

.pl-ul {
  padding-left: var(--space-ul);
}

.gap-ul {
  gap: var(--space-ul);
}

.row-gap-ul {
  row-gap: var(--space-ul);
}

.col-gap-ul {
  column-gap: var(--space-ul);
}

.m-xl {
  margin: var(--space-xl);
}

.mt-xl {
  margin-top: var(--space-xl);
}

.mr-xl {
  margin-right: var(--space-xl);
}

.mb-xl {
  margin-bottom: var(--space-xl);
}

.ml-xl {
  margin-left: var(--space-xl);
}

.p-xl {
  padding: var(--space-xl);
}

.pt-xl {
  padding-top: var(--space-xl);
}

.pr-xl {
  padding-right: var(--space-xl);
}

.pb-xl {
  padding-bottom: var(--space-xl);
}

.pl-xl {
  padding-left: var(--space-xl);
}

.gap-xl {
  gap: var(--space-xl);
}

.row-gap-xl {
  row-gap: var(--space-xl);
}

.col-gap-xl {
  column-gap: var(--space-xl);
}

.m-lg {
  margin: var(--space-lg);
}

.mt-lg {
  margin-top: var(--space-lg);
}

.mr-lg {
  margin-right: var(--space-lg);
}

.mb-lg {
  margin-bottom: var(--space-lg);
}

.ml-lg {
  margin-left: var(--space-lg);
}

.p-lg {
  padding: var(--space-lg);
}

.pt-lg {
  padding-top: var(--space-lg);
}

.pr-lg {
  padding-right: var(--space-lg);
}

.pb-lg {
  padding-bottom: var(--space-lg);
}

.pl-lg {
  padding-left: var(--space-lg);
}

.gap-lg {
  gap: var(--space-lg);
}

.row-gap-lg {
  row-gap: var(--space-lg);
}

.col-gap-lg {
  column-gap: var(--space-lg);
}

.m-md {
  margin: var(--space-md);
}

.mt-md {
  margin-top: var(--space-md);
}

.mr-md {
  margin-right: var(--space-md);
}

.mb-md {
  margin-bottom: var(--space-md);
}

.ml-md {
  margin-left: var(--space-md);
}

.p-md {
  padding: var(--space-md);
}

.pt-md {
  padding-top: var(--space-md);
}

.pr-md {
  padding-right: var(--space-md);
}

.pb-md {
  padding-bottom: var(--space-md);
}

.pl-md {
  padding-left: var(--space-md);
}

.gap-md {
  gap: var(--space-md);
}

.row-gap-md {
  row-gap: var(--space-md);
}

.col-gap-md {
  column-gap: var(--space-md);
}

.m-sm {
  margin: var(--space-sm);
}

.mt-sm {
  margin-top: var(--space-sm);
}

.mr-sm {
  margin-right: var(--space-sm);
}

.mb-sm {
  margin-bottom: var(--space-sm);
}

.ml-sm {
  margin-left: var(--space-sm);
}

.p-sm {
  padding: var(--space-sm);
}

.pt-sm {
  padding-top: var(--space-sm);
}

.pr-sm {
  padding-right: var(--space-sm);
}

.pb-sm {
  padding-bottom: var(--space-sm);
}

.pl-sm {
  padding-left: var(--space-sm);
}

.gap-sm {
  gap: var(--space-sm);
}

.row-gap-sm {
  row-gap: var(--space-sm);
}

.col-gap-sm {
  column-gap: var(--space-sm);
}

.m-xs {
  margin: var(--space-xs);
}

.mt-xs {
  margin-top: var(--space-xs);
}

.mr-xs {
  margin-right: var(--space-xs);
}

.mb-xs {
  margin-bottom: var(--space-xs);
}

.ml-xs {
  margin-left: var(--space-xs);
}

.p-xs {
  padding: var(--space-xs);
}

.pt-xs {
  padding-top: var(--space-xs);
}

.pr-xs {
  padding-right: var(--space-xs);
}

.pb-xs {
  padding-bottom: var(--space-xs);
}

.pl-xs {
  padding-left: var(--space-xs);
}

.gap-xs {
  gap: var(--space-xs);
}

.row-gap-xs {
  row-gap: var(--space-xs);
}

.col-gap-xs {
  column-gap: var(--space-xs);
}

.m-header {
  margin: var(--space-header);
}

.mt-header {
  margin-top: var(--space-header);
}

.mr-header {
  margin-right: var(--space-header);
}

.mb-header {
  margin-bottom: var(--space-header);
}

.ml-header {
  margin-left: var(--space-header);
}

.p-header {
  padding: var(--space-header);
}

.pt-header {
  padding-top: var(--space-header);
}

.pr-header {
  padding-right: var(--space-header);
}

.pb-header {
  padding-bottom: var(--space-header);
}

.pl-header {
  padding-left: var(--space-header);
}

.gap-header {
  gap: var(--space-header);
}

.row-gap-header {
  row-gap: var(--space-header);
}

.col-gap-header {
  column-gap: var(--space-header);
}

.grid-cols-1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-1-auto {
  display: grid;
  grid-template-columns: repeat(0, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-1 {
  grid-column: span 1;
}

.grid-cols-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-2-auto {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-2 {
  grid-column: span 2;
}

.grid-cols-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-3-auto {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-3 {
  grid-column: span 3;
}

.grid-cols-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-4-auto {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-4 {
  grid-column: span 4;
}

.grid-cols-5 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-5-auto {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-5 {
  grid-column: span 5;
}

.grid-cols-6 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-6-auto {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-6 {
  grid-column: span 6;
}

.grid-cols-7 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-7-auto {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-7 {
  grid-column: span 7;
}

.grid-cols-8 {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-8-auto {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-8 {
  grid-column: span 8;
}

.grid-cols-9 {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-9-auto {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-9 {
  grid-column: span 9;
}

.grid-cols-10 {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-10-auto {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-10 {
  grid-column: span 10;
}

.grid-cols-11 {
  display: grid;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-11-auto {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-11 {
  grid-column: span 11;
}

.grid-cols-12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0 var(--space-gap);
}

.grid-cols-12-auto {
  display: grid;
  grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
  gap: 0 var(--space-gap);
}

.col-span-12 {
  grid-column: span 12;
}

@media screen and (max-width: 2800px) {
  .\4 xl\:grid-cols-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-1-auto {
    display: grid;
    grid-template-columns: repeat(0, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-1 {
    grid-column: span 1;
  }
  .\4 xl\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-2-auto {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-2 {
    grid-column: span 2;
  }
  .\4 xl\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-3-auto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-3 {
    grid-column: span 3;
  }
  .\4 xl\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-4-auto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-4 {
    grid-column: span 4;
  }
  .\4 xl\:grid-cols-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-5-auto {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-5 {
    grid-column: span 5;
  }
  .\4 xl\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-6-auto {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-6 {
    grid-column: span 6;
  }
  .\4 xl\:grid-cols-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-7-auto {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-7 {
    grid-column: span 7;
  }
  .\4 xl\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-8-auto {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-8 {
    grid-column: span 8;
  }
  .\4 xl\:grid-cols-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-9-auto {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-9 {
    grid-column: span 9;
  }
  .\4 xl\:grid-cols-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-10-auto {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-10 {
    grid-column: span 10;
  }
  .\4 xl\:grid-cols-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-11-auto {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-11 {
    grid-column: span 11;
  }
  .\4 xl\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\4 xl\:grid-cols-12-auto {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\4 xl\:col-span-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 2800px) {
  .\4 xl\:hidden {
    display: none !important;
  }
  .\4 xl\:block {
    display: block !important;
  }
  .\4 xl\:inline {
    display: inline !important;
  }
  .\4 xl\:flex {
    display: flex !important;
  }
  .\4 xl\:grid {
    display: grid !important;
  }
}
@media screen and (max-width: 2800px) {
  .\4 xl\:flex-column {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 2800px) {
  .\4 xl\:m-ul {
    margin: var(--space-ul);
  }
  .\4 xl\:mt-ul {
    margin-top: var(--space-ul);
  }
  .\4 xl\:mr-ul {
    margin-right: var(--space-ul);
  }
  .\4 xl\:mb-ul {
    margin-bottom: var(--space-ul);
  }
  .\4 xl\:ml-ul {
    margin-left: var(--space-ul);
  }
  .\4 xl\:p-ul {
    padding: var(--space-ul);
  }
  .\4 xl\:pt-ul {
    padding-top: var(--space-ul);
  }
  .\4 xl\:pr-ul {
    padding-right: var(--space-ul);
  }
  .\4 xl\:pb-ul {
    padding-bottom: var(--space-ul);
  }
  .\4 xl\:pl-ul {
    padding-left: var(--space-ul);
  }
  .\4 xl\:gap-ul {
    gap: var(--space-ul);
  }
  .\4 xl\:row-gap-ul {
    row-gap: var(--space-ul);
  }
  .\4 xl\:col-gap-ul {
    column-gap: var(--space-ul);
  }
  .\4 xl\:m-xl {
    margin: var(--space-xl);
  }
  .\4 xl\:mt-xl {
    margin-top: var(--space-xl);
  }
  .\4 xl\:mr-xl {
    margin-right: var(--space-xl);
  }
  .\4 xl\:mb-xl {
    margin-bottom: var(--space-xl);
  }
  .\4 xl\:ml-xl {
    margin-left: var(--space-xl);
  }
  .\4 xl\:p-xl {
    padding: var(--space-xl);
  }
  .\4 xl\:pt-xl {
    padding-top: var(--space-xl);
  }
  .\4 xl\:pr-xl {
    padding-right: var(--space-xl);
  }
  .\4 xl\:pb-xl {
    padding-bottom: var(--space-xl);
  }
  .\4 xl\:pl-xl {
    padding-left: var(--space-xl);
  }
  .\4 xl\:gap-xl {
    gap: var(--space-xl);
  }
  .\4 xl\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .\4 xl\:col-gap-xl {
    column-gap: var(--space-xl);
  }
  .\4 xl\:m-lg {
    margin: var(--space-lg);
  }
  .\4 xl\:mt-lg {
    margin-top: var(--space-lg);
  }
  .\4 xl\:mr-lg {
    margin-right: var(--space-lg);
  }
  .\4 xl\:mb-lg {
    margin-bottom: var(--space-lg);
  }
  .\4 xl\:ml-lg {
    margin-left: var(--space-lg);
  }
  .\4 xl\:p-lg {
    padding: var(--space-lg);
  }
  .\4 xl\:pt-lg {
    padding-top: var(--space-lg);
  }
  .\4 xl\:pr-lg {
    padding-right: var(--space-lg);
  }
  .\4 xl\:pb-lg {
    padding-bottom: var(--space-lg);
  }
  .\4 xl\:pl-lg {
    padding-left: var(--space-lg);
  }
  .\4 xl\:gap-lg {
    gap: var(--space-lg);
  }
  .\4 xl\:row-gap-lg {
    row-gap: var(--space-lg);
  }
  .\4 xl\:col-gap-lg {
    column-gap: var(--space-lg);
  }
  .\4 xl\:m-md {
    margin: var(--space-md);
  }
  .\4 xl\:mt-md {
    margin-top: var(--space-md);
  }
  .\4 xl\:mr-md {
    margin-right: var(--space-md);
  }
  .\4 xl\:mb-md {
    margin-bottom: var(--space-md);
  }
  .\4 xl\:ml-md {
    margin-left: var(--space-md);
  }
  .\4 xl\:p-md {
    padding: var(--space-md);
  }
  .\4 xl\:pt-md {
    padding-top: var(--space-md);
  }
  .\4 xl\:pr-md {
    padding-right: var(--space-md);
  }
  .\4 xl\:pb-md {
    padding-bottom: var(--space-md);
  }
  .\4 xl\:pl-md {
    padding-left: var(--space-md);
  }
  .\4 xl\:gap-md {
    gap: var(--space-md);
  }
  .\4 xl\:row-gap-md {
    row-gap: var(--space-md);
  }
  .\4 xl\:col-gap-md {
    column-gap: var(--space-md);
  }
  .\4 xl\:m-sm {
    margin: var(--space-sm);
  }
  .\4 xl\:mt-sm {
    margin-top: var(--space-sm);
  }
  .\4 xl\:mr-sm {
    margin-right: var(--space-sm);
  }
  .\4 xl\:mb-sm {
    margin-bottom: var(--space-sm);
  }
  .\4 xl\:ml-sm {
    margin-left: var(--space-sm);
  }
  .\4 xl\:p-sm {
    padding: var(--space-sm);
  }
  .\4 xl\:pt-sm {
    padding-top: var(--space-sm);
  }
  .\4 xl\:pr-sm {
    padding-right: var(--space-sm);
  }
  .\4 xl\:pb-sm {
    padding-bottom: var(--space-sm);
  }
  .\4 xl\:pl-sm {
    padding-left: var(--space-sm);
  }
  .\4 xl\:gap-sm {
    gap: var(--space-sm);
  }
  .\4 xl\:row-gap-sm {
    row-gap: var(--space-sm);
  }
  .\4 xl\:col-gap-sm {
    column-gap: var(--space-sm);
  }
  .\4 xl\:m-xs {
    margin: var(--space-xs);
  }
  .\4 xl\:mt-xs {
    margin-top: var(--space-xs);
  }
  .\4 xl\:mr-xs {
    margin-right: var(--space-xs);
  }
  .\4 xl\:mb-xs {
    margin-bottom: var(--space-xs);
  }
  .\4 xl\:ml-xs {
    margin-left: var(--space-xs);
  }
  .\4 xl\:p-xs {
    padding: var(--space-xs);
  }
  .\4 xl\:pt-xs {
    padding-top: var(--space-xs);
  }
  .\4 xl\:pr-xs {
    padding-right: var(--space-xs);
  }
  .\4 xl\:pb-xs {
    padding-bottom: var(--space-xs);
  }
  .\4 xl\:pl-xs {
    padding-left: var(--space-xs);
  }
  .\4 xl\:gap-xs {
    gap: var(--space-xs);
  }
  .\4 xl\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .\4 xl\:col-gap-xs {
    column-gap: var(--space-xs);
  }
  .\4 xl\:m-header {
    margin: var(--space-header);
  }
  .\4 xl\:mt-header {
    margin-top: var(--space-header);
  }
  .\4 xl\:mr-header {
    margin-right: var(--space-header);
  }
  .\4 xl\:mb-header {
    margin-bottom: var(--space-header);
  }
  .\4 xl\:ml-header {
    margin-left: var(--space-header);
  }
  .\4 xl\:p-header {
    padding: var(--space-header);
  }
  .\4 xl\:pt-header {
    padding-top: var(--space-header);
  }
  .\4 xl\:pr-header {
    padding-right: var(--space-header);
  }
  .\4 xl\:pb-header {
    padding-bottom: var(--space-header);
  }
  .\4 xl\:pl-header {
    padding-left: var(--space-header);
  }
  .\4 xl\:gap-header {
    gap: var(--space-header);
  }
  .\4 xl\:row-gap-header {
    row-gap: var(--space-header);
  }
  .\4 xl\:col-gap-header {
    column-gap: var(--space-header);
  }
}
@media screen and (max-width: 2800px) {
  .\4 xl\:h-xl {
    height: var(--height-xl);
  }
  .\4 xl\:h-lg {
    height: var(--height-lg);
  }
  .\4 xl\:h-lg-min {
    min-height: var(--height-lg);
  }
  .\4 xl\:h-md {
    height: var(--height-md);
  }
  .\4 xl\:h-md-min {
    min-height: var(--height-md);
  }
  .\4 xl\:h-sm {
    height: var(--height-sm);
  }
  .\4 xl\:h-screen {
    height: 100dvh;
  }
}
@media screen and (max-width: 2800px) {
  .\4 xl\:justify-start {
    justify-content: start !important;
  }
  .\4 xl\:justify-center {
    justify-content: center !important;
  }
  .\4 xl\:justify-end {
    justify-content: end !important;
  }
  .\4 xl\:justify-between {
    justify-content: space-between !important;
  }
  .\4 xl\:justify-around {
    justify-content: space-around !important;
  }
  .\4 xl\:justify-evenly {
    justify-content: space-evenly !important;
  }
  .\4 xl\:content-start {
    align-content: start !important;
  }
  .\4 xl\:content-center {
    align-content: center !important;
  }
  .\4 xl\:content-end {
    align-content: end !important;
  }
  .\4 xl\:content-between {
    align-content: space-between !important;
  }
  .\4 xl\:content-around {
    align-content: space-around !important;
  }
  .\4 xl\:content-evenly {
    align-content: space-evenly !important;
  }
  .\4 xl\:align-self-center {
    align-self: center !important;
  }
  .\4 xl\:align-self-baseline {
    align-self: baseline !important;
  }
  .\4 xl\:items-start {
    align-items: start !important;
  }
  .\4 xl\:items-center {
    align-items: center !important;
  }
  .\4 xl\:items-end {
    align-items: end !important;
  }
  .\4 xl\:items-baseline {
    align-items: baseline !important;
  }
  .\4 xl\:items-between {
    align-items: space-between !important;
  }
  .\4 xl\:items-around {
    align-items: space-around !important;
  }
  .\4 xl\:items-evenly {
    align-items: space-evenly !important;
  }
  .\4 xl\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 2000px) {
  .\3 xl\:grid-cols-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-1-auto {
    display: grid;
    grid-template-columns: repeat(0, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-1 {
    grid-column: span 1;
  }
  .\3 xl\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-2-auto {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-2 {
    grid-column: span 2;
  }
  .\3 xl\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-3-auto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-3 {
    grid-column: span 3;
  }
  .\3 xl\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-4-auto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-4 {
    grid-column: span 4;
  }
  .\3 xl\:grid-cols-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-5-auto {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-5 {
    grid-column: span 5;
  }
  .\3 xl\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-6-auto {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-6 {
    grid-column: span 6;
  }
  .\3 xl\:grid-cols-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-7-auto {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-7 {
    grid-column: span 7;
  }
  .\3 xl\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-8-auto {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-8 {
    grid-column: span 8;
  }
  .\3 xl\:grid-cols-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-9-auto {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-9 {
    grid-column: span 9;
  }
  .\3 xl\:grid-cols-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-10-auto {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-10 {
    grid-column: span 10;
  }
  .\3 xl\:grid-cols-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-11-auto {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-11 {
    grid-column: span 11;
  }
  .\3 xl\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\3 xl\:grid-cols-12-auto {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\3 xl\:col-span-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 2000px) {
  .\3 xl\:hidden {
    display: none !important;
  }
  .\3 xl\:block {
    display: block !important;
  }
  .\3 xl\:inline {
    display: inline !important;
  }
  .\3 xl\:flex {
    display: flex !important;
  }
  .\3 xl\:grid {
    display: grid !important;
  }
}
@media screen and (max-width: 2000px) {
  .\3 xl\:flex-column {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 2000px) {
  .\3 xl\:m-ul {
    margin: var(--space-ul);
  }
  .\3 xl\:mt-ul {
    margin-top: var(--space-ul);
  }
  .\3 xl\:mr-ul {
    margin-right: var(--space-ul);
  }
  .\3 xl\:mb-ul {
    margin-bottom: var(--space-ul);
  }
  .\3 xl\:ml-ul {
    margin-left: var(--space-ul);
  }
  .\3 xl\:p-ul {
    padding: var(--space-ul);
  }
  .\3 xl\:pt-ul {
    padding-top: var(--space-ul);
  }
  .\3 xl\:pr-ul {
    padding-right: var(--space-ul);
  }
  .\3 xl\:pb-ul {
    padding-bottom: var(--space-ul);
  }
  .\3 xl\:pl-ul {
    padding-left: var(--space-ul);
  }
  .\3 xl\:gap-ul {
    gap: var(--space-ul);
  }
  .\3 xl\:row-gap-ul {
    row-gap: var(--space-ul);
  }
  .\3 xl\:col-gap-ul {
    column-gap: var(--space-ul);
  }
  .\3 xl\:m-xl {
    margin: var(--space-xl);
  }
  .\3 xl\:mt-xl {
    margin-top: var(--space-xl);
  }
  .\3 xl\:mr-xl {
    margin-right: var(--space-xl);
  }
  .\3 xl\:mb-xl {
    margin-bottom: var(--space-xl);
  }
  .\3 xl\:ml-xl {
    margin-left: var(--space-xl);
  }
  .\3 xl\:p-xl {
    padding: var(--space-xl);
  }
  .\3 xl\:pt-xl {
    padding-top: var(--space-xl);
  }
  .\3 xl\:pr-xl {
    padding-right: var(--space-xl);
  }
  .\3 xl\:pb-xl {
    padding-bottom: var(--space-xl);
  }
  .\3 xl\:pl-xl {
    padding-left: var(--space-xl);
  }
  .\3 xl\:gap-xl {
    gap: var(--space-xl);
  }
  .\3 xl\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .\3 xl\:col-gap-xl {
    column-gap: var(--space-xl);
  }
  .\3 xl\:m-lg {
    margin: var(--space-lg);
  }
  .\3 xl\:mt-lg {
    margin-top: var(--space-lg);
  }
  .\3 xl\:mr-lg {
    margin-right: var(--space-lg);
  }
  .\3 xl\:mb-lg {
    margin-bottom: var(--space-lg);
  }
  .\3 xl\:ml-lg {
    margin-left: var(--space-lg);
  }
  .\3 xl\:p-lg {
    padding: var(--space-lg);
  }
  .\3 xl\:pt-lg {
    padding-top: var(--space-lg);
  }
  .\3 xl\:pr-lg {
    padding-right: var(--space-lg);
  }
  .\3 xl\:pb-lg {
    padding-bottom: var(--space-lg);
  }
  .\3 xl\:pl-lg {
    padding-left: var(--space-lg);
  }
  .\3 xl\:gap-lg {
    gap: var(--space-lg);
  }
  .\3 xl\:row-gap-lg {
    row-gap: var(--space-lg);
  }
  .\3 xl\:col-gap-lg {
    column-gap: var(--space-lg);
  }
  .\3 xl\:m-md {
    margin: var(--space-md);
  }
  .\3 xl\:mt-md {
    margin-top: var(--space-md);
  }
  .\3 xl\:mr-md {
    margin-right: var(--space-md);
  }
  .\3 xl\:mb-md {
    margin-bottom: var(--space-md);
  }
  .\3 xl\:ml-md {
    margin-left: var(--space-md);
  }
  .\3 xl\:p-md {
    padding: var(--space-md);
  }
  .\3 xl\:pt-md {
    padding-top: var(--space-md);
  }
  .\3 xl\:pr-md {
    padding-right: var(--space-md);
  }
  .\3 xl\:pb-md {
    padding-bottom: var(--space-md);
  }
  .\3 xl\:pl-md {
    padding-left: var(--space-md);
  }
  .\3 xl\:gap-md {
    gap: var(--space-md);
  }
  .\3 xl\:row-gap-md {
    row-gap: var(--space-md);
  }
  .\3 xl\:col-gap-md {
    column-gap: var(--space-md);
  }
  .\3 xl\:m-sm {
    margin: var(--space-sm);
  }
  .\3 xl\:mt-sm {
    margin-top: var(--space-sm);
  }
  .\3 xl\:mr-sm {
    margin-right: var(--space-sm);
  }
  .\3 xl\:mb-sm {
    margin-bottom: var(--space-sm);
  }
  .\3 xl\:ml-sm {
    margin-left: var(--space-sm);
  }
  .\3 xl\:p-sm {
    padding: var(--space-sm);
  }
  .\3 xl\:pt-sm {
    padding-top: var(--space-sm);
  }
  .\3 xl\:pr-sm {
    padding-right: var(--space-sm);
  }
  .\3 xl\:pb-sm {
    padding-bottom: var(--space-sm);
  }
  .\3 xl\:pl-sm {
    padding-left: var(--space-sm);
  }
  .\3 xl\:gap-sm {
    gap: var(--space-sm);
  }
  .\3 xl\:row-gap-sm {
    row-gap: var(--space-sm);
  }
  .\3 xl\:col-gap-sm {
    column-gap: var(--space-sm);
  }
  .\3 xl\:m-xs {
    margin: var(--space-xs);
  }
  .\3 xl\:mt-xs {
    margin-top: var(--space-xs);
  }
  .\3 xl\:mr-xs {
    margin-right: var(--space-xs);
  }
  .\3 xl\:mb-xs {
    margin-bottom: var(--space-xs);
  }
  .\3 xl\:ml-xs {
    margin-left: var(--space-xs);
  }
  .\3 xl\:p-xs {
    padding: var(--space-xs);
  }
  .\3 xl\:pt-xs {
    padding-top: var(--space-xs);
  }
  .\3 xl\:pr-xs {
    padding-right: var(--space-xs);
  }
  .\3 xl\:pb-xs {
    padding-bottom: var(--space-xs);
  }
  .\3 xl\:pl-xs {
    padding-left: var(--space-xs);
  }
  .\3 xl\:gap-xs {
    gap: var(--space-xs);
  }
  .\3 xl\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .\3 xl\:col-gap-xs {
    column-gap: var(--space-xs);
  }
  .\3 xl\:m-header {
    margin: var(--space-header);
  }
  .\3 xl\:mt-header {
    margin-top: var(--space-header);
  }
  .\3 xl\:mr-header {
    margin-right: var(--space-header);
  }
  .\3 xl\:mb-header {
    margin-bottom: var(--space-header);
  }
  .\3 xl\:ml-header {
    margin-left: var(--space-header);
  }
  .\3 xl\:p-header {
    padding: var(--space-header);
  }
  .\3 xl\:pt-header {
    padding-top: var(--space-header);
  }
  .\3 xl\:pr-header {
    padding-right: var(--space-header);
  }
  .\3 xl\:pb-header {
    padding-bottom: var(--space-header);
  }
  .\3 xl\:pl-header {
    padding-left: var(--space-header);
  }
  .\3 xl\:gap-header {
    gap: var(--space-header);
  }
  .\3 xl\:row-gap-header {
    row-gap: var(--space-header);
  }
  .\3 xl\:col-gap-header {
    column-gap: var(--space-header);
  }
}
@media screen and (max-width: 2000px) {
  .\3 xl\:h-xl {
    height: var(--height-xl);
  }
  .\3 xl\:h-lg {
    height: var(--height-lg);
  }
  .\3 xl\:h-lg-min {
    min-height: var(--height-lg);
  }
  .\3 xl\:h-md {
    height: var(--height-md);
  }
  .\3 xl\:h-md-min {
    min-height: var(--height-md);
  }
  .\3 xl\:h-sm {
    height: var(--height-sm);
  }
  .\3 xl\:h-screen {
    height: 100dvh;
  }
}
@media screen and (max-width: 2000px) {
  .\3 xl\:justify-start {
    justify-content: start !important;
  }
  .\3 xl\:justify-center {
    justify-content: center !important;
  }
  .\3 xl\:justify-end {
    justify-content: end !important;
  }
  .\3 xl\:justify-between {
    justify-content: space-between !important;
  }
  .\3 xl\:justify-around {
    justify-content: space-around !important;
  }
  .\3 xl\:justify-evenly {
    justify-content: space-evenly !important;
  }
  .\3 xl\:content-start {
    align-content: start !important;
  }
  .\3 xl\:content-center {
    align-content: center !important;
  }
  .\3 xl\:content-end {
    align-content: end !important;
  }
  .\3 xl\:content-between {
    align-content: space-between !important;
  }
  .\3 xl\:content-around {
    align-content: space-around !important;
  }
  .\3 xl\:content-evenly {
    align-content: space-evenly !important;
  }
  .\3 xl\:align-self-center {
    align-self: center !important;
  }
  .\3 xl\:align-self-baseline {
    align-self: baseline !important;
  }
  .\3 xl\:items-start {
    align-items: start !important;
  }
  .\3 xl\:items-center {
    align-items: center !important;
  }
  .\3 xl\:items-end {
    align-items: end !important;
  }
  .\3 xl\:items-baseline {
    align-items: baseline !important;
  }
  .\3 xl\:items-between {
    align-items: space-between !important;
  }
  .\3 xl\:items-around {
    align-items: space-around !important;
  }
  .\3 xl\:items-evenly {
    align-items: space-evenly !important;
  }
  .\3 xl\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 1500px) {
  .\2 xl\:grid-cols-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-1-auto {
    display: grid;
    grid-template-columns: repeat(0, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-1 {
    grid-column: span 1;
  }
  .\2 xl\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-2-auto {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-2 {
    grid-column: span 2;
  }
  .\2 xl\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-3-auto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-3 {
    grid-column: span 3;
  }
  .\2 xl\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-4-auto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-4 {
    grid-column: span 4;
  }
  .\2 xl\:grid-cols-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-5-auto {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-5 {
    grid-column: span 5;
  }
  .\2 xl\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-6-auto {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-6 {
    grid-column: span 6;
  }
  .\2 xl\:grid-cols-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-7-auto {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-7 {
    grid-column: span 7;
  }
  .\2 xl\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-8-auto {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-8 {
    grid-column: span 8;
  }
  .\2 xl\:grid-cols-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-9-auto {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-9 {
    grid-column: span 9;
  }
  .\2 xl\:grid-cols-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-10-auto {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-10 {
    grid-column: span 10;
  }
  .\2 xl\:grid-cols-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-11-auto {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-11 {
    grid-column: span 11;
  }
  .\2 xl\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .\2 xl\:grid-cols-12-auto {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .\2 xl\:col-span-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 1500px) {
  .\2 xl\:hidden {
    display: none !important;
  }
  .\2 xl\:block {
    display: block !important;
  }
  .\2 xl\:inline {
    display: inline !important;
  }
  .\2 xl\:flex {
    display: flex !important;
  }
  .\2 xl\:grid {
    display: grid !important;
  }
}
@media screen and (max-width: 1500px) {
  .\2 xl\:flex-column {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 1500px) {
  .\2 xl\:m-ul {
    margin: var(--space-ul);
  }
  .\2 xl\:mt-ul {
    margin-top: var(--space-ul);
  }
  .\2 xl\:mr-ul {
    margin-right: var(--space-ul);
  }
  .\2 xl\:mb-ul {
    margin-bottom: var(--space-ul);
  }
  .\2 xl\:ml-ul {
    margin-left: var(--space-ul);
  }
  .\2 xl\:p-ul {
    padding: var(--space-ul);
  }
  .\2 xl\:pt-ul {
    padding-top: var(--space-ul);
  }
  .\2 xl\:pr-ul {
    padding-right: var(--space-ul);
  }
  .\2 xl\:pb-ul {
    padding-bottom: var(--space-ul);
  }
  .\2 xl\:pl-ul {
    padding-left: var(--space-ul);
  }
  .\2 xl\:gap-ul {
    gap: var(--space-ul);
  }
  .\2 xl\:row-gap-ul {
    row-gap: var(--space-ul);
  }
  .\2 xl\:col-gap-ul {
    column-gap: var(--space-ul);
  }
  .\2 xl\:m-xl {
    margin: var(--space-xl);
  }
  .\2 xl\:mt-xl {
    margin-top: var(--space-xl);
  }
  .\2 xl\:mr-xl {
    margin-right: var(--space-xl);
  }
  .\2 xl\:mb-xl {
    margin-bottom: var(--space-xl);
  }
  .\2 xl\:ml-xl {
    margin-left: var(--space-xl);
  }
  .\2 xl\:p-xl {
    padding: var(--space-xl);
  }
  .\2 xl\:pt-xl {
    padding-top: var(--space-xl);
  }
  .\2 xl\:pr-xl {
    padding-right: var(--space-xl);
  }
  .\2 xl\:pb-xl {
    padding-bottom: var(--space-xl);
  }
  .\2 xl\:pl-xl {
    padding-left: var(--space-xl);
  }
  .\2 xl\:gap-xl {
    gap: var(--space-xl);
  }
  .\2 xl\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .\2 xl\:col-gap-xl {
    column-gap: var(--space-xl);
  }
  .\2 xl\:m-lg {
    margin: var(--space-lg);
  }
  .\2 xl\:mt-lg {
    margin-top: var(--space-lg);
  }
  .\2 xl\:mr-lg {
    margin-right: var(--space-lg);
  }
  .\2 xl\:mb-lg {
    margin-bottom: var(--space-lg);
  }
  .\2 xl\:ml-lg {
    margin-left: var(--space-lg);
  }
  .\2 xl\:p-lg {
    padding: var(--space-lg);
  }
  .\2 xl\:pt-lg {
    padding-top: var(--space-lg);
  }
  .\2 xl\:pr-lg {
    padding-right: var(--space-lg);
  }
  .\2 xl\:pb-lg {
    padding-bottom: var(--space-lg);
  }
  .\2 xl\:pl-lg {
    padding-left: var(--space-lg);
  }
  .\2 xl\:gap-lg {
    gap: var(--space-lg);
  }
  .\2 xl\:row-gap-lg {
    row-gap: var(--space-lg);
  }
  .\2 xl\:col-gap-lg {
    column-gap: var(--space-lg);
  }
  .\2 xl\:m-md {
    margin: var(--space-md);
  }
  .\2 xl\:mt-md {
    margin-top: var(--space-md);
  }
  .\2 xl\:mr-md {
    margin-right: var(--space-md);
  }
  .\2 xl\:mb-md {
    margin-bottom: var(--space-md);
  }
  .\2 xl\:ml-md {
    margin-left: var(--space-md);
  }
  .\2 xl\:p-md {
    padding: var(--space-md);
  }
  .\2 xl\:pt-md {
    padding-top: var(--space-md);
  }
  .\2 xl\:pr-md {
    padding-right: var(--space-md);
  }
  .\2 xl\:pb-md {
    padding-bottom: var(--space-md);
  }
  .\2 xl\:pl-md {
    padding-left: var(--space-md);
  }
  .\2 xl\:gap-md {
    gap: var(--space-md);
  }
  .\2 xl\:row-gap-md {
    row-gap: var(--space-md);
  }
  .\2 xl\:col-gap-md {
    column-gap: var(--space-md);
  }
  .\2 xl\:m-sm {
    margin: var(--space-sm);
  }
  .\2 xl\:mt-sm {
    margin-top: var(--space-sm);
  }
  .\2 xl\:mr-sm {
    margin-right: var(--space-sm);
  }
  .\2 xl\:mb-sm {
    margin-bottom: var(--space-sm);
  }
  .\2 xl\:ml-sm {
    margin-left: var(--space-sm);
  }
  .\2 xl\:p-sm {
    padding: var(--space-sm);
  }
  .\2 xl\:pt-sm {
    padding-top: var(--space-sm);
  }
  .\2 xl\:pr-sm {
    padding-right: var(--space-sm);
  }
  .\2 xl\:pb-sm {
    padding-bottom: var(--space-sm);
  }
  .\2 xl\:pl-sm {
    padding-left: var(--space-sm);
  }
  .\2 xl\:gap-sm {
    gap: var(--space-sm);
  }
  .\2 xl\:row-gap-sm {
    row-gap: var(--space-sm);
  }
  .\2 xl\:col-gap-sm {
    column-gap: var(--space-sm);
  }
  .\2 xl\:m-xs {
    margin: var(--space-xs);
  }
  .\2 xl\:mt-xs {
    margin-top: var(--space-xs);
  }
  .\2 xl\:mr-xs {
    margin-right: var(--space-xs);
  }
  .\2 xl\:mb-xs {
    margin-bottom: var(--space-xs);
  }
  .\2 xl\:ml-xs {
    margin-left: var(--space-xs);
  }
  .\2 xl\:p-xs {
    padding: var(--space-xs);
  }
  .\2 xl\:pt-xs {
    padding-top: var(--space-xs);
  }
  .\2 xl\:pr-xs {
    padding-right: var(--space-xs);
  }
  .\2 xl\:pb-xs {
    padding-bottom: var(--space-xs);
  }
  .\2 xl\:pl-xs {
    padding-left: var(--space-xs);
  }
  .\2 xl\:gap-xs {
    gap: var(--space-xs);
  }
  .\2 xl\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .\2 xl\:col-gap-xs {
    column-gap: var(--space-xs);
  }
  .\2 xl\:m-header {
    margin: var(--space-header);
  }
  .\2 xl\:mt-header {
    margin-top: var(--space-header);
  }
  .\2 xl\:mr-header {
    margin-right: var(--space-header);
  }
  .\2 xl\:mb-header {
    margin-bottom: var(--space-header);
  }
  .\2 xl\:ml-header {
    margin-left: var(--space-header);
  }
  .\2 xl\:p-header {
    padding: var(--space-header);
  }
  .\2 xl\:pt-header {
    padding-top: var(--space-header);
  }
  .\2 xl\:pr-header {
    padding-right: var(--space-header);
  }
  .\2 xl\:pb-header {
    padding-bottom: var(--space-header);
  }
  .\2 xl\:pl-header {
    padding-left: var(--space-header);
  }
  .\2 xl\:gap-header {
    gap: var(--space-header);
  }
  .\2 xl\:row-gap-header {
    row-gap: var(--space-header);
  }
  .\2 xl\:col-gap-header {
    column-gap: var(--space-header);
  }
}
@media screen and (max-width: 1500px) {
  .\2 xl\:h-xl {
    height: var(--height-xl);
  }
  .\2 xl\:h-lg {
    height: var(--height-lg);
  }
  .\2 xl\:h-lg-min {
    min-height: var(--height-lg);
  }
  .\2 xl\:h-md {
    height: var(--height-md);
  }
  .\2 xl\:h-md-min {
    min-height: var(--height-md);
  }
  .\2 xl\:h-sm {
    height: var(--height-sm);
  }
  .\2 xl\:h-screen {
    height: 100dvh;
  }
}
@media screen and (max-width: 1500px) {
  .\2 xl\:justify-start {
    justify-content: start !important;
  }
  .\2 xl\:justify-center {
    justify-content: center !important;
  }
  .\2 xl\:justify-end {
    justify-content: end !important;
  }
  .\2 xl\:justify-between {
    justify-content: space-between !important;
  }
  .\2 xl\:justify-around {
    justify-content: space-around !important;
  }
  .\2 xl\:justify-evenly {
    justify-content: space-evenly !important;
  }
  .\2 xl\:content-start {
    align-content: start !important;
  }
  .\2 xl\:content-center {
    align-content: center !important;
  }
  .\2 xl\:content-end {
    align-content: end !important;
  }
  .\2 xl\:content-between {
    align-content: space-between !important;
  }
  .\2 xl\:content-around {
    align-content: space-around !important;
  }
  .\2 xl\:content-evenly {
    align-content: space-evenly !important;
  }
  .\2 xl\:align-self-center {
    align-self: center !important;
  }
  .\2 xl\:align-self-baseline {
    align-self: baseline !important;
  }
  .\2 xl\:items-start {
    align-items: start !important;
  }
  .\2 xl\:items-center {
    align-items: center !important;
  }
  .\2 xl\:items-end {
    align-items: end !important;
  }
  .\2 xl\:items-baseline {
    align-items: baseline !important;
  }
  .\2 xl\:items-between {
    align-items: space-between !important;
  }
  .\2 xl\:items-around {
    align-items: space-around !important;
  }
  .\2 xl\:items-evenly {
    align-items: space-evenly !important;
  }
  .\2 xl\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .xl\:grid-cols-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-1-auto {
    display: grid;
    grid-template-columns: repeat(0, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-1 {
    grid-column: span 1;
  }
  .xl\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-2-auto {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-2 {
    grid-column: span 2;
  }
  .xl\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-3-auto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-3 {
    grid-column: span 3;
  }
  .xl\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-4-auto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-4 {
    grid-column: span 4;
  }
  .xl\:grid-cols-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-5-auto {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-5 {
    grid-column: span 5;
  }
  .xl\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-6-auto {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-6 {
    grid-column: span 6;
  }
  .xl\:grid-cols-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-7-auto {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-7 {
    grid-column: span 7;
  }
  .xl\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-8-auto {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-8 {
    grid-column: span 8;
  }
  .xl\:grid-cols-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-9-auto {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-9 {
    grid-column: span 9;
  }
  .xl\:grid-cols-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-10-auto {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-10 {
    grid-column: span 10;
  }
  .xl\:grid-cols-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-11-auto {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-11 {
    grid-column: span 11;
  }
  .xl\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xl\:grid-cols-12-auto {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xl\:col-span-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 1280px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:grid {
    display: grid !important;
  }
}
@media screen and (max-width: 1280px) {
  .xl\:flex-column {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 1280px) {
  .xl\:m-ul {
    margin: var(--space-ul);
  }
  .xl\:mt-ul {
    margin-top: var(--space-ul);
  }
  .xl\:mr-ul {
    margin-right: var(--space-ul);
  }
  .xl\:mb-ul {
    margin-bottom: var(--space-ul);
  }
  .xl\:ml-ul {
    margin-left: var(--space-ul);
  }
  .xl\:p-ul {
    padding: var(--space-ul);
  }
  .xl\:pt-ul {
    padding-top: var(--space-ul);
  }
  .xl\:pr-ul {
    padding-right: var(--space-ul);
  }
  .xl\:pb-ul {
    padding-bottom: var(--space-ul);
  }
  .xl\:pl-ul {
    padding-left: var(--space-ul);
  }
  .xl\:gap-ul {
    gap: var(--space-ul);
  }
  .xl\:row-gap-ul {
    row-gap: var(--space-ul);
  }
  .xl\:col-gap-ul {
    column-gap: var(--space-ul);
  }
  .xl\:m-xl {
    margin: var(--space-xl);
  }
  .xl\:mt-xl {
    margin-top: var(--space-xl);
  }
  .xl\:mr-xl {
    margin-right: var(--space-xl);
  }
  .xl\:mb-xl {
    margin-bottom: var(--space-xl);
  }
  .xl\:ml-xl {
    margin-left: var(--space-xl);
  }
  .xl\:p-xl {
    padding: var(--space-xl);
  }
  .xl\:pt-xl {
    padding-top: var(--space-xl);
  }
  .xl\:pr-xl {
    padding-right: var(--space-xl);
  }
  .xl\:pb-xl {
    padding-bottom: var(--space-xl);
  }
  .xl\:pl-xl {
    padding-left: var(--space-xl);
  }
  .xl\:gap-xl {
    gap: var(--space-xl);
  }
  .xl\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .xl\:col-gap-xl {
    column-gap: var(--space-xl);
  }
  .xl\:m-lg {
    margin: var(--space-lg);
  }
  .xl\:mt-lg {
    margin-top: var(--space-lg);
  }
  .xl\:mr-lg {
    margin-right: var(--space-lg);
  }
  .xl\:mb-lg {
    margin-bottom: var(--space-lg);
  }
  .xl\:ml-lg {
    margin-left: var(--space-lg);
  }
  .xl\:p-lg {
    padding: var(--space-lg);
  }
  .xl\:pt-lg {
    padding-top: var(--space-lg);
  }
  .xl\:pr-lg {
    padding-right: var(--space-lg);
  }
  .xl\:pb-lg {
    padding-bottom: var(--space-lg);
  }
  .xl\:pl-lg {
    padding-left: var(--space-lg);
  }
  .xl\:gap-lg {
    gap: var(--space-lg);
  }
  .xl\:row-gap-lg {
    row-gap: var(--space-lg);
  }
  .xl\:col-gap-lg {
    column-gap: var(--space-lg);
  }
  .xl\:m-md {
    margin: var(--space-md);
  }
  .xl\:mt-md {
    margin-top: var(--space-md);
  }
  .xl\:mr-md {
    margin-right: var(--space-md);
  }
  .xl\:mb-md {
    margin-bottom: var(--space-md);
  }
  .xl\:ml-md {
    margin-left: var(--space-md);
  }
  .xl\:p-md {
    padding: var(--space-md);
  }
  .xl\:pt-md {
    padding-top: var(--space-md);
  }
  .xl\:pr-md {
    padding-right: var(--space-md);
  }
  .xl\:pb-md {
    padding-bottom: var(--space-md);
  }
  .xl\:pl-md {
    padding-left: var(--space-md);
  }
  .xl\:gap-md {
    gap: var(--space-md);
  }
  .xl\:row-gap-md {
    row-gap: var(--space-md);
  }
  .xl\:col-gap-md {
    column-gap: var(--space-md);
  }
  .xl\:m-sm {
    margin: var(--space-sm);
  }
  .xl\:mt-sm {
    margin-top: var(--space-sm);
  }
  .xl\:mr-sm {
    margin-right: var(--space-sm);
  }
  .xl\:mb-sm {
    margin-bottom: var(--space-sm);
  }
  .xl\:ml-sm {
    margin-left: var(--space-sm);
  }
  .xl\:p-sm {
    padding: var(--space-sm);
  }
  .xl\:pt-sm {
    padding-top: var(--space-sm);
  }
  .xl\:pr-sm {
    padding-right: var(--space-sm);
  }
  .xl\:pb-sm {
    padding-bottom: var(--space-sm);
  }
  .xl\:pl-sm {
    padding-left: var(--space-sm);
  }
  .xl\:gap-sm {
    gap: var(--space-sm);
  }
  .xl\:row-gap-sm {
    row-gap: var(--space-sm);
  }
  .xl\:col-gap-sm {
    column-gap: var(--space-sm);
  }
  .xl\:m-xs {
    margin: var(--space-xs);
  }
  .xl\:mt-xs {
    margin-top: var(--space-xs);
  }
  .xl\:mr-xs {
    margin-right: var(--space-xs);
  }
  .xl\:mb-xs {
    margin-bottom: var(--space-xs);
  }
  .xl\:ml-xs {
    margin-left: var(--space-xs);
  }
  .xl\:p-xs {
    padding: var(--space-xs);
  }
  .xl\:pt-xs {
    padding-top: var(--space-xs);
  }
  .xl\:pr-xs {
    padding-right: var(--space-xs);
  }
  .xl\:pb-xs {
    padding-bottom: var(--space-xs);
  }
  .xl\:pl-xs {
    padding-left: var(--space-xs);
  }
  .xl\:gap-xs {
    gap: var(--space-xs);
  }
  .xl\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .xl\:col-gap-xs {
    column-gap: var(--space-xs);
  }
  .xl\:m-header {
    margin: var(--space-header);
  }
  .xl\:mt-header {
    margin-top: var(--space-header);
  }
  .xl\:mr-header {
    margin-right: var(--space-header);
  }
  .xl\:mb-header {
    margin-bottom: var(--space-header);
  }
  .xl\:ml-header {
    margin-left: var(--space-header);
  }
  .xl\:p-header {
    padding: var(--space-header);
  }
  .xl\:pt-header {
    padding-top: var(--space-header);
  }
  .xl\:pr-header {
    padding-right: var(--space-header);
  }
  .xl\:pb-header {
    padding-bottom: var(--space-header);
  }
  .xl\:pl-header {
    padding-left: var(--space-header);
  }
  .xl\:gap-header {
    gap: var(--space-header);
  }
  .xl\:row-gap-header {
    row-gap: var(--space-header);
  }
  .xl\:col-gap-header {
    column-gap: var(--space-header);
  }
}
@media screen and (max-width: 1280px) {
  .xl\:h-xl {
    height: var(--height-xl);
  }
  .xl\:h-lg {
    height: var(--height-lg);
  }
  .xl\:h-lg-min {
    min-height: var(--height-lg);
  }
  .xl\:h-md {
    height: var(--height-md);
  }
  .xl\:h-md-min {
    min-height: var(--height-md);
  }
  .xl\:h-sm {
    height: var(--height-sm);
  }
  .xl\:h-screen {
    height: 100dvh;
  }
}
@media screen and (max-width: 1280px) {
  .xl\:justify-start {
    justify-content: start !important;
  }
  .xl\:justify-center {
    justify-content: center !important;
  }
  .xl\:justify-end {
    justify-content: end !important;
  }
  .xl\:justify-between {
    justify-content: space-between !important;
  }
  .xl\:justify-around {
    justify-content: space-around !important;
  }
  .xl\:justify-evenly {
    justify-content: space-evenly !important;
  }
  .xl\:content-start {
    align-content: start !important;
  }
  .xl\:content-center {
    align-content: center !important;
  }
  .xl\:content-end {
    align-content: end !important;
  }
  .xl\:content-between {
    align-content: space-between !important;
  }
  .xl\:content-around {
    align-content: space-around !important;
  }
  .xl\:content-evenly {
    align-content: space-evenly !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
  .xl\:items-start {
    align-items: start !important;
  }
  .xl\:items-center {
    align-items: center !important;
  }
  .xl\:items-end {
    align-items: end !important;
  }
  .xl\:items-baseline {
    align-items: baseline !important;
  }
  .xl\:items-between {
    align-items: space-between !important;
  }
  .xl\:items-around {
    align-items: space-around !important;
  }
  .xl\:items-evenly {
    align-items: space-evenly !important;
  }
  .xl\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:grid-cols-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-1-auto {
    display: grid;
    grid-template-columns: repeat(0, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-1 {
    grid-column: span 1;
  }
  .lg\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-2-auto {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-2 {
    grid-column: span 2;
  }
  .lg\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-3-auto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-3 {
    grid-column: span 3;
  }
  .lg\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-4-auto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-4 {
    grid-column: span 4;
  }
  .lg\:grid-cols-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-5-auto {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-5 {
    grid-column: span 5;
  }
  .lg\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-6-auto {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-6 {
    grid-column: span 6;
  }
  .lg\:grid-cols-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-7-auto {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-7 {
    grid-column: span 7;
  }
  .lg\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-8-auto {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-8 {
    grid-column: span 8;
  }
  .lg\:grid-cols-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-9-auto {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-9 {
    grid-column: span 9;
  }
  .lg\:grid-cols-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-10-auto {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-10 {
    grid-column: span 10;
  }
  .lg\:grid-cols-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-11-auto {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-11 {
    grid-column: span 11;
  }
  .lg\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .lg\:grid-cols-12-auto {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .lg\:col-span-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:grid {
    display: grid !important;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:flex-column {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:m-ul {
    margin: var(--space-ul);
  }
  .lg\:mt-ul {
    margin-top: var(--space-ul);
  }
  .lg\:mr-ul {
    margin-right: var(--space-ul);
  }
  .lg\:mb-ul {
    margin-bottom: var(--space-ul);
  }
  .lg\:ml-ul {
    margin-left: var(--space-ul);
  }
  .lg\:p-ul {
    padding: var(--space-ul);
  }
  .lg\:pt-ul {
    padding-top: var(--space-ul);
  }
  .lg\:pr-ul {
    padding-right: var(--space-ul);
  }
  .lg\:pb-ul {
    padding-bottom: var(--space-ul);
  }
  .lg\:pl-ul {
    padding-left: var(--space-ul);
  }
  .lg\:gap-ul {
    gap: var(--space-ul);
  }
  .lg\:row-gap-ul {
    row-gap: var(--space-ul);
  }
  .lg\:col-gap-ul {
    column-gap: var(--space-ul);
  }
  .lg\:m-xl {
    margin: var(--space-xl);
  }
  .lg\:mt-xl {
    margin-top: var(--space-xl);
  }
  .lg\:mr-xl {
    margin-right: var(--space-xl);
  }
  .lg\:mb-xl {
    margin-bottom: var(--space-xl);
  }
  .lg\:ml-xl {
    margin-left: var(--space-xl);
  }
  .lg\:p-xl {
    padding: var(--space-xl);
  }
  .lg\:pt-xl {
    padding-top: var(--space-xl);
  }
  .lg\:pr-xl {
    padding-right: var(--space-xl);
  }
  .lg\:pb-xl {
    padding-bottom: var(--space-xl);
  }
  .lg\:pl-xl {
    padding-left: var(--space-xl);
  }
  .lg\:gap-xl {
    gap: var(--space-xl);
  }
  .lg\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .lg\:col-gap-xl {
    column-gap: var(--space-xl);
  }
  .lg\:m-lg {
    margin: var(--space-lg);
  }
  .lg\:mt-lg {
    margin-top: var(--space-lg);
  }
  .lg\:mr-lg {
    margin-right: var(--space-lg);
  }
  .lg\:mb-lg {
    margin-bottom: var(--space-lg);
  }
  .lg\:ml-lg {
    margin-left: var(--space-lg);
  }
  .lg\:p-lg {
    padding: var(--space-lg);
  }
  .lg\:pt-lg {
    padding-top: var(--space-lg);
  }
  .lg\:pr-lg {
    padding-right: var(--space-lg);
  }
  .lg\:pb-lg {
    padding-bottom: var(--space-lg);
  }
  .lg\:pl-lg {
    padding-left: var(--space-lg);
  }
  .lg\:gap-lg {
    gap: var(--space-lg);
  }
  .lg\:row-gap-lg {
    row-gap: var(--space-lg);
  }
  .lg\:col-gap-lg {
    column-gap: var(--space-lg);
  }
  .lg\:m-md {
    margin: var(--space-md);
  }
  .lg\:mt-md {
    margin-top: var(--space-md);
  }
  .lg\:mr-md {
    margin-right: var(--space-md);
  }
  .lg\:mb-md {
    margin-bottom: var(--space-md);
  }
  .lg\:ml-md {
    margin-left: var(--space-md);
  }
  .lg\:p-md {
    padding: var(--space-md);
  }
  .lg\:pt-md {
    padding-top: var(--space-md);
  }
  .lg\:pr-md {
    padding-right: var(--space-md);
  }
  .lg\:pb-md {
    padding-bottom: var(--space-md);
  }
  .lg\:pl-md {
    padding-left: var(--space-md);
  }
  .lg\:gap-md {
    gap: var(--space-md);
  }
  .lg\:row-gap-md {
    row-gap: var(--space-md);
  }
  .lg\:col-gap-md {
    column-gap: var(--space-md);
  }
  .lg\:m-sm {
    margin: var(--space-sm);
  }
  .lg\:mt-sm {
    margin-top: var(--space-sm);
  }
  .lg\:mr-sm {
    margin-right: var(--space-sm);
  }
  .lg\:mb-sm {
    margin-bottom: var(--space-sm);
  }
  .lg\:ml-sm {
    margin-left: var(--space-sm);
  }
  .lg\:p-sm {
    padding: var(--space-sm);
  }
  .lg\:pt-sm {
    padding-top: var(--space-sm);
  }
  .lg\:pr-sm {
    padding-right: var(--space-sm);
  }
  .lg\:pb-sm {
    padding-bottom: var(--space-sm);
  }
  .lg\:pl-sm {
    padding-left: var(--space-sm);
  }
  .lg\:gap-sm {
    gap: var(--space-sm);
  }
  .lg\:row-gap-sm {
    row-gap: var(--space-sm);
  }
  .lg\:col-gap-sm {
    column-gap: var(--space-sm);
  }
  .lg\:m-xs {
    margin: var(--space-xs);
  }
  .lg\:mt-xs {
    margin-top: var(--space-xs);
  }
  .lg\:mr-xs {
    margin-right: var(--space-xs);
  }
  .lg\:mb-xs {
    margin-bottom: var(--space-xs);
  }
  .lg\:ml-xs {
    margin-left: var(--space-xs);
  }
  .lg\:p-xs {
    padding: var(--space-xs);
  }
  .lg\:pt-xs {
    padding-top: var(--space-xs);
  }
  .lg\:pr-xs {
    padding-right: var(--space-xs);
  }
  .lg\:pb-xs {
    padding-bottom: var(--space-xs);
  }
  .lg\:pl-xs {
    padding-left: var(--space-xs);
  }
  .lg\:gap-xs {
    gap: var(--space-xs);
  }
  .lg\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .lg\:col-gap-xs {
    column-gap: var(--space-xs);
  }
  .lg\:m-header {
    margin: var(--space-header);
  }
  .lg\:mt-header {
    margin-top: var(--space-header);
  }
  .lg\:mr-header {
    margin-right: var(--space-header);
  }
  .lg\:mb-header {
    margin-bottom: var(--space-header);
  }
  .lg\:ml-header {
    margin-left: var(--space-header);
  }
  .lg\:p-header {
    padding: var(--space-header);
  }
  .lg\:pt-header {
    padding-top: var(--space-header);
  }
  .lg\:pr-header {
    padding-right: var(--space-header);
  }
  .lg\:pb-header {
    padding-bottom: var(--space-header);
  }
  .lg\:pl-header {
    padding-left: var(--space-header);
  }
  .lg\:gap-header {
    gap: var(--space-header);
  }
  .lg\:row-gap-header {
    row-gap: var(--space-header);
  }
  .lg\:col-gap-header {
    column-gap: var(--space-header);
  }
}
@media screen and (max-width: 1024px) {
  .lg\:h-xl {
    height: var(--height-xl);
  }
  .lg\:h-lg {
    height: var(--height-lg);
  }
  .lg\:h-lg-min {
    min-height: var(--height-lg);
  }
  .lg\:h-md {
    height: var(--height-md);
  }
  .lg\:h-md-min {
    min-height: var(--height-md);
  }
  .lg\:h-sm {
    height: var(--height-sm);
  }
  .lg\:h-screen {
    height: 100dvh;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:justify-start {
    justify-content: start !important;
  }
  .lg\:justify-center {
    justify-content: center !important;
  }
  .lg\:justify-end {
    justify-content: end !important;
  }
  .lg\:justify-between {
    justify-content: space-between !important;
  }
  .lg\:justify-around {
    justify-content: space-around !important;
  }
  .lg\:justify-evenly {
    justify-content: space-evenly !important;
  }
  .lg\:content-start {
    align-content: start !important;
  }
  .lg\:content-center {
    align-content: center !important;
  }
  .lg\:content-end {
    align-content: end !important;
  }
  .lg\:content-between {
    align-content: space-between !important;
  }
  .lg\:content-around {
    align-content: space-around !important;
  }
  .lg\:content-evenly {
    align-content: space-evenly !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
  .lg\:items-start {
    align-items: start !important;
  }
  .lg\:items-center {
    align-items: center !important;
  }
  .lg\:items-end {
    align-items: end !important;
  }
  .lg\:items-baseline {
    align-items: baseline !important;
  }
  .lg\:items-between {
    align-items: space-between !important;
  }
  .lg\:items-around {
    align-items: space-around !important;
  }
  .lg\:items-evenly {
    align-items: space-evenly !important;
  }
  .lg\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .md\:grid-cols-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-1-auto {
    display: grid;
    grid-template-columns: repeat(0, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-1 {
    grid-column: span 1;
  }
  .md\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-2-auto {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-2 {
    grid-column: span 2;
  }
  .md\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-3-auto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-3 {
    grid-column: span 3;
  }
  .md\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-4-auto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-4 {
    grid-column: span 4;
  }
  .md\:grid-cols-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-5-auto {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-5 {
    grid-column: span 5;
  }
  .md\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-6-auto {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-6 {
    grid-column: span 6;
  }
  .md\:grid-cols-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-7-auto {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-7 {
    grid-column: span 7;
  }
  .md\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-8-auto {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-8 {
    grid-column: span 8;
  }
  .md\:grid-cols-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-9-auto {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-9 {
    grid-column: span 9;
  }
  .md\:grid-cols-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-10-auto {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-10 {
    grid-column: span 10;
  }
  .md\:grid-cols-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-11-auto {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-11 {
    grid-column: span 11;
  }
  .md\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .md\:grid-cols-12-auto {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .md\:col-span-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 750px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:grid {
    display: grid !important;
  }
}
@media screen and (max-width: 750px) {
  .md\:flex-column {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 750px) {
  .md\:m-ul {
    margin: var(--space-ul);
  }
  .md\:mt-ul {
    margin-top: var(--space-ul);
  }
  .md\:mr-ul {
    margin-right: var(--space-ul);
  }
  .md\:mb-ul {
    margin-bottom: var(--space-ul);
  }
  .md\:ml-ul {
    margin-left: var(--space-ul);
  }
  .md\:p-ul {
    padding: var(--space-ul);
  }
  .md\:pt-ul {
    padding-top: var(--space-ul);
  }
  .md\:pr-ul {
    padding-right: var(--space-ul);
  }
  .md\:pb-ul {
    padding-bottom: var(--space-ul);
  }
  .md\:pl-ul {
    padding-left: var(--space-ul);
  }
  .md\:gap-ul {
    gap: var(--space-ul);
  }
  .md\:row-gap-ul {
    row-gap: var(--space-ul);
  }
  .md\:col-gap-ul {
    column-gap: var(--space-ul);
  }
  .md\:m-xl {
    margin: var(--space-xl);
  }
  .md\:mt-xl {
    margin-top: var(--space-xl);
  }
  .md\:mr-xl {
    margin-right: var(--space-xl);
  }
  .md\:mb-xl {
    margin-bottom: var(--space-xl);
  }
  .md\:ml-xl {
    margin-left: var(--space-xl);
  }
  .md\:p-xl {
    padding: var(--space-xl);
  }
  .md\:pt-xl {
    padding-top: var(--space-xl);
  }
  .md\:pr-xl {
    padding-right: var(--space-xl);
  }
  .md\:pb-xl {
    padding-bottom: var(--space-xl);
  }
  .md\:pl-xl {
    padding-left: var(--space-xl);
  }
  .md\:gap-xl {
    gap: var(--space-xl);
  }
  .md\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .md\:col-gap-xl {
    column-gap: var(--space-xl);
  }
  .md\:m-lg {
    margin: var(--space-lg);
  }
  .md\:mt-lg {
    margin-top: var(--space-lg);
  }
  .md\:mr-lg {
    margin-right: var(--space-lg);
  }
  .md\:mb-lg {
    margin-bottom: var(--space-lg);
  }
  .md\:ml-lg {
    margin-left: var(--space-lg);
  }
  .md\:p-lg {
    padding: var(--space-lg);
  }
  .md\:pt-lg {
    padding-top: var(--space-lg);
  }
  .md\:pr-lg {
    padding-right: var(--space-lg);
  }
  .md\:pb-lg {
    padding-bottom: var(--space-lg);
  }
  .md\:pl-lg {
    padding-left: var(--space-lg);
  }
  .md\:gap-lg {
    gap: var(--space-lg);
  }
  .md\:row-gap-lg {
    row-gap: var(--space-lg);
  }
  .md\:col-gap-lg {
    column-gap: var(--space-lg);
  }
  .md\:m-md {
    margin: var(--space-md);
  }
  .md\:mt-md {
    margin-top: var(--space-md);
  }
  .md\:mr-md {
    margin-right: var(--space-md);
  }
  .md\:mb-md {
    margin-bottom: var(--space-md);
  }
  .md\:ml-md {
    margin-left: var(--space-md);
  }
  .md\:p-md {
    padding: var(--space-md);
  }
  .md\:pt-md {
    padding-top: var(--space-md);
  }
  .md\:pr-md {
    padding-right: var(--space-md);
  }
  .md\:pb-md {
    padding-bottom: var(--space-md);
  }
  .md\:pl-md {
    padding-left: var(--space-md);
  }
  .md\:gap-md {
    gap: var(--space-md);
  }
  .md\:row-gap-md {
    row-gap: var(--space-md);
  }
  .md\:col-gap-md {
    column-gap: var(--space-md);
  }
  .md\:m-sm {
    margin: var(--space-sm);
  }
  .md\:mt-sm {
    margin-top: var(--space-sm);
  }
  .md\:mr-sm {
    margin-right: var(--space-sm);
  }
  .md\:mb-sm {
    margin-bottom: var(--space-sm);
  }
  .md\:ml-sm {
    margin-left: var(--space-sm);
  }
  .md\:p-sm {
    padding: var(--space-sm);
  }
  .md\:pt-sm {
    padding-top: var(--space-sm);
  }
  .md\:pr-sm {
    padding-right: var(--space-sm);
  }
  .md\:pb-sm {
    padding-bottom: var(--space-sm);
  }
  .md\:pl-sm {
    padding-left: var(--space-sm);
  }
  .md\:gap-sm {
    gap: var(--space-sm);
  }
  .md\:row-gap-sm {
    row-gap: var(--space-sm);
  }
  .md\:col-gap-sm {
    column-gap: var(--space-sm);
  }
  .md\:m-xs {
    margin: var(--space-xs);
  }
  .md\:mt-xs {
    margin-top: var(--space-xs);
  }
  .md\:mr-xs {
    margin-right: var(--space-xs);
  }
  .md\:mb-xs {
    margin-bottom: var(--space-xs);
  }
  .md\:ml-xs {
    margin-left: var(--space-xs);
  }
  .md\:p-xs {
    padding: var(--space-xs);
  }
  .md\:pt-xs {
    padding-top: var(--space-xs);
  }
  .md\:pr-xs {
    padding-right: var(--space-xs);
  }
  .md\:pb-xs {
    padding-bottom: var(--space-xs);
  }
  .md\:pl-xs {
    padding-left: var(--space-xs);
  }
  .md\:gap-xs {
    gap: var(--space-xs);
  }
  .md\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .md\:col-gap-xs {
    column-gap: var(--space-xs);
  }
  .md\:m-header {
    margin: var(--space-header);
  }
  .md\:mt-header {
    margin-top: var(--space-header);
  }
  .md\:mr-header {
    margin-right: var(--space-header);
  }
  .md\:mb-header {
    margin-bottom: var(--space-header);
  }
  .md\:ml-header {
    margin-left: var(--space-header);
  }
  .md\:p-header {
    padding: var(--space-header);
  }
  .md\:pt-header {
    padding-top: var(--space-header);
  }
  .md\:pr-header {
    padding-right: var(--space-header);
  }
  .md\:pb-header {
    padding-bottom: var(--space-header);
  }
  .md\:pl-header {
    padding-left: var(--space-header);
  }
  .md\:gap-header {
    gap: var(--space-header);
  }
  .md\:row-gap-header {
    row-gap: var(--space-header);
  }
  .md\:col-gap-header {
    column-gap: var(--space-header);
  }
}
@media screen and (max-width: 750px) {
  .md\:h-xl {
    height: var(--height-xl);
  }
  .md\:h-lg {
    height: var(--height-lg);
  }
  .md\:h-lg-min {
    min-height: var(--height-lg);
  }
  .md\:h-md {
    height: var(--height-md);
  }
  .md\:h-md-min {
    min-height: var(--height-md);
  }
  .md\:h-sm {
    height: var(--height-sm);
  }
  .md\:h-screen {
    height: 100dvh;
  }
}
@media screen and (max-width: 750px) {
  .md\:justify-start {
    justify-content: start !important;
  }
  .md\:justify-center {
    justify-content: center !important;
  }
  .md\:justify-end {
    justify-content: end !important;
  }
  .md\:justify-between {
    justify-content: space-between !important;
  }
  .md\:justify-around {
    justify-content: space-around !important;
  }
  .md\:justify-evenly {
    justify-content: space-evenly !important;
  }
  .md\:content-start {
    align-content: start !important;
  }
  .md\:content-center {
    align-content: center !important;
  }
  .md\:content-end {
    align-content: end !important;
  }
  .md\:content-between {
    align-content: space-between !important;
  }
  .md\:content-around {
    align-content: space-around !important;
  }
  .md\:content-evenly {
    align-content: space-evenly !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
  .md\:items-start {
    align-items: start !important;
  }
  .md\:items-center {
    align-items: center !important;
  }
  .md\:items-end {
    align-items: end !important;
  }
  .md\:items-baseline {
    align-items: baseline !important;
  }
  .md\:items-between {
    align-items: space-between !important;
  }
  .md\:items-around {
    align-items: space-around !important;
  }
  .md\:items-evenly {
    align-items: space-evenly !important;
  }
  .md\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .sm\:grid-cols-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-1-auto {
    display: grid;
    grid-template-columns: repeat(0, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-1 {
    grid-column: span 1;
  }
  .sm\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-2-auto {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-2 {
    grid-column: span 2;
  }
  .sm\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-3-auto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-3 {
    grid-column: span 3;
  }
  .sm\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-4-auto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-4 {
    grid-column: span 4;
  }
  .sm\:grid-cols-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-5-auto {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-5 {
    grid-column: span 5;
  }
  .sm\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-6-auto {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-6 {
    grid-column: span 6;
  }
  .sm\:grid-cols-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-7-auto {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-7 {
    grid-column: span 7;
  }
  .sm\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-8-auto {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-8 {
    grid-column: span 8;
  }
  .sm\:grid-cols-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-9-auto {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-9 {
    grid-column: span 9;
  }
  .sm\:grid-cols-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-10-auto {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-10 {
    grid-column: span 10;
  }
  .sm\:grid-cols-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-11-auto {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-11 {
    grid-column: span 11;
  }
  .sm\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .sm\:grid-cols-12-auto {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .sm\:col-span-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 640px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:grid {
    display: grid !important;
  }
}
@media screen and (max-width: 640px) {
  .sm\:flex-column {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 640px) {
  .sm\:m-ul {
    margin: var(--space-ul);
  }
  .sm\:mt-ul {
    margin-top: var(--space-ul);
  }
  .sm\:mr-ul {
    margin-right: var(--space-ul);
  }
  .sm\:mb-ul {
    margin-bottom: var(--space-ul);
  }
  .sm\:ml-ul {
    margin-left: var(--space-ul);
  }
  .sm\:p-ul {
    padding: var(--space-ul);
  }
  .sm\:pt-ul {
    padding-top: var(--space-ul);
  }
  .sm\:pr-ul {
    padding-right: var(--space-ul);
  }
  .sm\:pb-ul {
    padding-bottom: var(--space-ul);
  }
  .sm\:pl-ul {
    padding-left: var(--space-ul);
  }
  .sm\:gap-ul {
    gap: var(--space-ul);
  }
  .sm\:row-gap-ul {
    row-gap: var(--space-ul);
  }
  .sm\:col-gap-ul {
    column-gap: var(--space-ul);
  }
  .sm\:m-xl {
    margin: var(--space-xl);
  }
  .sm\:mt-xl {
    margin-top: var(--space-xl);
  }
  .sm\:mr-xl {
    margin-right: var(--space-xl);
  }
  .sm\:mb-xl {
    margin-bottom: var(--space-xl);
  }
  .sm\:ml-xl {
    margin-left: var(--space-xl);
  }
  .sm\:p-xl {
    padding: var(--space-xl);
  }
  .sm\:pt-xl {
    padding-top: var(--space-xl);
  }
  .sm\:pr-xl {
    padding-right: var(--space-xl);
  }
  .sm\:pb-xl {
    padding-bottom: var(--space-xl);
  }
  .sm\:pl-xl {
    padding-left: var(--space-xl);
  }
  .sm\:gap-xl {
    gap: var(--space-xl);
  }
  .sm\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .sm\:col-gap-xl {
    column-gap: var(--space-xl);
  }
  .sm\:m-lg {
    margin: var(--space-lg);
  }
  .sm\:mt-lg {
    margin-top: var(--space-lg);
  }
  .sm\:mr-lg {
    margin-right: var(--space-lg);
  }
  .sm\:mb-lg {
    margin-bottom: var(--space-lg);
  }
  .sm\:ml-lg {
    margin-left: var(--space-lg);
  }
  .sm\:p-lg {
    padding: var(--space-lg);
  }
  .sm\:pt-lg {
    padding-top: var(--space-lg);
  }
  .sm\:pr-lg {
    padding-right: var(--space-lg);
  }
  .sm\:pb-lg {
    padding-bottom: var(--space-lg);
  }
  .sm\:pl-lg {
    padding-left: var(--space-lg);
  }
  .sm\:gap-lg {
    gap: var(--space-lg);
  }
  .sm\:row-gap-lg {
    row-gap: var(--space-lg);
  }
  .sm\:col-gap-lg {
    column-gap: var(--space-lg);
  }
  .sm\:m-md {
    margin: var(--space-md);
  }
  .sm\:mt-md {
    margin-top: var(--space-md);
  }
  .sm\:mr-md {
    margin-right: var(--space-md);
  }
  .sm\:mb-md {
    margin-bottom: var(--space-md);
  }
  .sm\:ml-md {
    margin-left: var(--space-md);
  }
  .sm\:p-md {
    padding: var(--space-md);
  }
  .sm\:pt-md {
    padding-top: var(--space-md);
  }
  .sm\:pr-md {
    padding-right: var(--space-md);
  }
  .sm\:pb-md {
    padding-bottom: var(--space-md);
  }
  .sm\:pl-md {
    padding-left: var(--space-md);
  }
  .sm\:gap-md {
    gap: var(--space-md);
  }
  .sm\:row-gap-md {
    row-gap: var(--space-md);
  }
  .sm\:col-gap-md {
    column-gap: var(--space-md);
  }
  .sm\:m-sm {
    margin: var(--space-sm);
  }
  .sm\:mt-sm {
    margin-top: var(--space-sm);
  }
  .sm\:mr-sm {
    margin-right: var(--space-sm);
  }
  .sm\:mb-sm {
    margin-bottom: var(--space-sm);
  }
  .sm\:ml-sm {
    margin-left: var(--space-sm);
  }
  .sm\:p-sm {
    padding: var(--space-sm);
  }
  .sm\:pt-sm {
    padding-top: var(--space-sm);
  }
  .sm\:pr-sm {
    padding-right: var(--space-sm);
  }
  .sm\:pb-sm {
    padding-bottom: var(--space-sm);
  }
  .sm\:pl-sm {
    padding-left: var(--space-sm);
  }
  .sm\:gap-sm {
    gap: var(--space-sm);
  }
  .sm\:row-gap-sm {
    row-gap: var(--space-sm);
  }
  .sm\:col-gap-sm {
    column-gap: var(--space-sm);
  }
  .sm\:m-xs {
    margin: var(--space-xs);
  }
  .sm\:mt-xs {
    margin-top: var(--space-xs);
  }
  .sm\:mr-xs {
    margin-right: var(--space-xs);
  }
  .sm\:mb-xs {
    margin-bottom: var(--space-xs);
  }
  .sm\:ml-xs {
    margin-left: var(--space-xs);
  }
  .sm\:p-xs {
    padding: var(--space-xs);
  }
  .sm\:pt-xs {
    padding-top: var(--space-xs);
  }
  .sm\:pr-xs {
    padding-right: var(--space-xs);
  }
  .sm\:pb-xs {
    padding-bottom: var(--space-xs);
  }
  .sm\:pl-xs {
    padding-left: var(--space-xs);
  }
  .sm\:gap-xs {
    gap: var(--space-xs);
  }
  .sm\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .sm\:col-gap-xs {
    column-gap: var(--space-xs);
  }
  .sm\:m-header {
    margin: var(--space-header);
  }
  .sm\:mt-header {
    margin-top: var(--space-header);
  }
  .sm\:mr-header {
    margin-right: var(--space-header);
  }
  .sm\:mb-header {
    margin-bottom: var(--space-header);
  }
  .sm\:ml-header {
    margin-left: var(--space-header);
  }
  .sm\:p-header {
    padding: var(--space-header);
  }
  .sm\:pt-header {
    padding-top: var(--space-header);
  }
  .sm\:pr-header {
    padding-right: var(--space-header);
  }
  .sm\:pb-header {
    padding-bottom: var(--space-header);
  }
  .sm\:pl-header {
    padding-left: var(--space-header);
  }
  .sm\:gap-header {
    gap: var(--space-header);
  }
  .sm\:row-gap-header {
    row-gap: var(--space-header);
  }
  .sm\:col-gap-header {
    column-gap: var(--space-header);
  }
}
@media screen and (max-width: 640px) {
  .sm\:h-xl {
    height: var(--height-xl);
  }
  .sm\:h-lg {
    height: var(--height-lg);
  }
  .sm\:h-lg-min {
    min-height: var(--height-lg);
  }
  .sm\:h-md {
    height: var(--height-md);
  }
  .sm\:h-md-min {
    min-height: var(--height-md);
  }
  .sm\:h-sm {
    height: var(--height-sm);
  }
  .sm\:h-screen {
    height: 100dvh;
  }
}
@media screen and (max-width: 640px) {
  .sm\:justify-start {
    justify-content: start !important;
  }
  .sm\:justify-center {
    justify-content: center !important;
  }
  .sm\:justify-end {
    justify-content: end !important;
  }
  .sm\:justify-between {
    justify-content: space-between !important;
  }
  .sm\:justify-around {
    justify-content: space-around !important;
  }
  .sm\:justify-evenly {
    justify-content: space-evenly !important;
  }
  .sm\:content-start {
    align-content: start !important;
  }
  .sm\:content-center {
    align-content: center !important;
  }
  .sm\:content-end {
    align-content: end !important;
  }
  .sm\:content-between {
    align-content: space-between !important;
  }
  .sm\:content-around {
    align-content: space-around !important;
  }
  .sm\:content-evenly {
    align-content: space-evenly !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
  .sm\:items-start {
    align-items: start !important;
  }
  .sm\:items-center {
    align-items: center !important;
  }
  .sm\:items-end {
    align-items: end !important;
  }
  .sm\:items-baseline {
    align-items: baseline !important;
  }
  .sm\:items-between {
    align-items: space-between !important;
  }
  .sm\:items-around {
    align-items: space-around !important;
  }
  .sm\:items-evenly {
    align-items: space-evenly !important;
  }
  .sm\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .xs\:grid-cols-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-1-auto {
    display: grid;
    grid-template-columns: repeat(0, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-1 {
    grid-column: span 1;
  }
  .xs\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-2-auto {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-2 {
    grid-column: span 2;
  }
  .xs\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-3-auto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-3 {
    grid-column: span 3;
  }
  .xs\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-4-auto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-4 {
    grid-column: span 4;
  }
  .xs\:grid-cols-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-5-auto {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-5 {
    grid-column: span 5;
  }
  .xs\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-6-auto {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-6 {
    grid-column: span 6;
  }
  .xs\:grid-cols-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-7-auto {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-7 {
    grid-column: span 7;
  }
  .xs\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-8-auto {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-8 {
    grid-column: span 8;
  }
  .xs\:grid-cols-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-9-auto {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-9 {
    grid-column: span 9;
  }
  .xs\:grid-cols-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-10-auto {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-10 {
    grid-column: span 10;
  }
  .xs\:grid-cols-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-11-auto {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-11 {
    grid-column: span 11;
  }
  .xs\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--space-gap);
  }
  .xs\:grid-cols-12-auto {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
    gap: 0 var(--space-gap);
  }
  .xs\:col-span-12 {
    grid-column: span 12;
  }
}
@media screen and (max-width: 400px) {
  .xs\:hidden {
    display: none !important;
  }
  .xs\:block {
    display: block !important;
  }
  .xs\:inline {
    display: inline !important;
  }
  .xs\:flex {
    display: flex !important;
  }
  .xs\:grid {
    display: grid !important;
  }
}
@media screen and (max-width: 400px) {
  .xs\:flex-column {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 400px) {
  .xs\:m-ul {
    margin: var(--space-ul);
  }
  .xs\:mt-ul {
    margin-top: var(--space-ul);
  }
  .xs\:mr-ul {
    margin-right: var(--space-ul);
  }
  .xs\:mb-ul {
    margin-bottom: var(--space-ul);
  }
  .xs\:ml-ul {
    margin-left: var(--space-ul);
  }
  .xs\:p-ul {
    padding: var(--space-ul);
  }
  .xs\:pt-ul {
    padding-top: var(--space-ul);
  }
  .xs\:pr-ul {
    padding-right: var(--space-ul);
  }
  .xs\:pb-ul {
    padding-bottom: var(--space-ul);
  }
  .xs\:pl-ul {
    padding-left: var(--space-ul);
  }
  .xs\:gap-ul {
    gap: var(--space-ul);
  }
  .xs\:row-gap-ul {
    row-gap: var(--space-ul);
  }
  .xs\:col-gap-ul {
    column-gap: var(--space-ul);
  }
  .xs\:m-xl {
    margin: var(--space-xl);
  }
  .xs\:mt-xl {
    margin-top: var(--space-xl);
  }
  .xs\:mr-xl {
    margin-right: var(--space-xl);
  }
  .xs\:mb-xl {
    margin-bottom: var(--space-xl);
  }
  .xs\:ml-xl {
    margin-left: var(--space-xl);
  }
  .xs\:p-xl {
    padding: var(--space-xl);
  }
  .xs\:pt-xl {
    padding-top: var(--space-xl);
  }
  .xs\:pr-xl {
    padding-right: var(--space-xl);
  }
  .xs\:pb-xl {
    padding-bottom: var(--space-xl);
  }
  .xs\:pl-xl {
    padding-left: var(--space-xl);
  }
  .xs\:gap-xl {
    gap: var(--space-xl);
  }
  .xs\:row-gap-xl {
    row-gap: var(--space-xl);
  }
  .xs\:col-gap-xl {
    column-gap: var(--space-xl);
  }
  .xs\:m-lg {
    margin: var(--space-lg);
  }
  .xs\:mt-lg {
    margin-top: var(--space-lg);
  }
  .xs\:mr-lg {
    margin-right: var(--space-lg);
  }
  .xs\:mb-lg {
    margin-bottom: var(--space-lg);
  }
  .xs\:ml-lg {
    margin-left: var(--space-lg);
  }
  .xs\:p-lg {
    padding: var(--space-lg);
  }
  .xs\:pt-lg {
    padding-top: var(--space-lg);
  }
  .xs\:pr-lg {
    padding-right: var(--space-lg);
  }
  .xs\:pb-lg {
    padding-bottom: var(--space-lg);
  }
  .xs\:pl-lg {
    padding-left: var(--space-lg);
  }
  .xs\:gap-lg {
    gap: var(--space-lg);
  }
  .xs\:row-gap-lg {
    row-gap: var(--space-lg);
  }
  .xs\:col-gap-lg {
    column-gap: var(--space-lg);
  }
  .xs\:m-md {
    margin: var(--space-md);
  }
  .xs\:mt-md {
    margin-top: var(--space-md);
  }
  .xs\:mr-md {
    margin-right: var(--space-md);
  }
  .xs\:mb-md {
    margin-bottom: var(--space-md);
  }
  .xs\:ml-md {
    margin-left: var(--space-md);
  }
  .xs\:p-md {
    padding: var(--space-md);
  }
  .xs\:pt-md {
    padding-top: var(--space-md);
  }
  .xs\:pr-md {
    padding-right: var(--space-md);
  }
  .xs\:pb-md {
    padding-bottom: var(--space-md);
  }
  .xs\:pl-md {
    padding-left: var(--space-md);
  }
  .xs\:gap-md {
    gap: var(--space-md);
  }
  .xs\:row-gap-md {
    row-gap: var(--space-md);
  }
  .xs\:col-gap-md {
    column-gap: var(--space-md);
  }
  .xs\:m-sm {
    margin: var(--space-sm);
  }
  .xs\:mt-sm {
    margin-top: var(--space-sm);
  }
  .xs\:mr-sm {
    margin-right: var(--space-sm);
  }
  .xs\:mb-sm {
    margin-bottom: var(--space-sm);
  }
  .xs\:ml-sm {
    margin-left: var(--space-sm);
  }
  .xs\:p-sm {
    padding: var(--space-sm);
  }
  .xs\:pt-sm {
    padding-top: var(--space-sm);
  }
  .xs\:pr-sm {
    padding-right: var(--space-sm);
  }
  .xs\:pb-sm {
    padding-bottom: var(--space-sm);
  }
  .xs\:pl-sm {
    padding-left: var(--space-sm);
  }
  .xs\:gap-sm {
    gap: var(--space-sm);
  }
  .xs\:row-gap-sm {
    row-gap: var(--space-sm);
  }
  .xs\:col-gap-sm {
    column-gap: var(--space-sm);
  }
  .xs\:m-xs {
    margin: var(--space-xs);
  }
  .xs\:mt-xs {
    margin-top: var(--space-xs);
  }
  .xs\:mr-xs {
    margin-right: var(--space-xs);
  }
  .xs\:mb-xs {
    margin-bottom: var(--space-xs);
  }
  .xs\:ml-xs {
    margin-left: var(--space-xs);
  }
  .xs\:p-xs {
    padding: var(--space-xs);
  }
  .xs\:pt-xs {
    padding-top: var(--space-xs);
  }
  .xs\:pr-xs {
    padding-right: var(--space-xs);
  }
  .xs\:pb-xs {
    padding-bottom: var(--space-xs);
  }
  .xs\:pl-xs {
    padding-left: var(--space-xs);
  }
  .xs\:gap-xs {
    gap: var(--space-xs);
  }
  .xs\:row-gap-xs {
    row-gap: var(--space-xs);
  }
  .xs\:col-gap-xs {
    column-gap: var(--space-xs);
  }
  .xs\:m-header {
    margin: var(--space-header);
  }
  .xs\:mt-header {
    margin-top: var(--space-header);
  }
  .xs\:mr-header {
    margin-right: var(--space-header);
  }
  .xs\:mb-header {
    margin-bottom: var(--space-header);
  }
  .xs\:ml-header {
    margin-left: var(--space-header);
  }
  .xs\:p-header {
    padding: var(--space-header);
  }
  .xs\:pt-header {
    padding-top: var(--space-header);
  }
  .xs\:pr-header {
    padding-right: var(--space-header);
  }
  .xs\:pb-header {
    padding-bottom: var(--space-header);
  }
  .xs\:pl-header {
    padding-left: var(--space-header);
  }
  .xs\:gap-header {
    gap: var(--space-header);
  }
  .xs\:row-gap-header {
    row-gap: var(--space-header);
  }
  .xs\:col-gap-header {
    column-gap: var(--space-header);
  }
}
@media screen and (max-width: 400px) {
  .xs\:h-xl {
    height: var(--height-xl);
  }
  .xs\:h-lg {
    height: var(--height-lg);
  }
  .xs\:h-lg-min {
    min-height: var(--height-lg);
  }
  .xs\:h-md {
    height: var(--height-md);
  }
  .xs\:h-md-min {
    min-height: var(--height-md);
  }
  .xs\:h-sm {
    height: var(--height-sm);
  }
  .xs\:h-screen {
    height: 100dvh;
  }
}
@media screen and (max-width: 400px) {
  .xs\:justify-start {
    justify-content: start !important;
  }
  .xs\:justify-center {
    justify-content: center !important;
  }
  .xs\:justify-end {
    justify-content: end !important;
  }
  .xs\:justify-between {
    justify-content: space-between !important;
  }
  .xs\:justify-around {
    justify-content: space-around !important;
  }
  .xs\:justify-evenly {
    justify-content: space-evenly !important;
  }
  .xs\:content-start {
    align-content: start !important;
  }
  .xs\:content-center {
    align-content: center !important;
  }
  .xs\:content-end {
    align-content: end !important;
  }
  .xs\:content-between {
    align-content: space-between !important;
  }
  .xs\:content-around {
    align-content: space-around !important;
  }
  .xs\:content-evenly {
    align-content: space-evenly !important;
  }
  .xs\:align-self-center {
    align-self: center !important;
  }
  .xs\:align-self-baseline {
    align-self: baseline !important;
  }
  .xs\:items-start {
    align-items: start !important;
  }
  .xs\:items-center {
    align-items: center !important;
  }
  .xs\:items-end {
    align-items: end !important;
  }
  .xs\:items-baseline {
    align-items: baseline !important;
  }
  .xs\:items-between {
    align-items: space-between !important;
  }
  .xs\:items-around {
    align-items: space-around !important;
  }
  .xs\:items-evenly {
    align-items: space-evenly !important;
  }
  .xs\:w-full {
    width: 100%;
  }
}
.order-1 {
  order: 1;
}

@media screen and (max-width: 750px) {
  .md\:order-1 {
    order: 1;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-1 {
    order: 1;
  }
}
.order-2 {
  order: 2;
}

@media screen and (max-width: 750px) {
  .md\:order-2 {
    order: 2;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-2 {
    order: 2;
  }
}
.order-3 {
  order: 3;
}

@media screen and (max-width: 750px) {
  .md\:order-3 {
    order: 3;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-3 {
    order: 3;
  }
}
.order-4 {
  order: 4;
}

@media screen and (max-width: 750px) {
  .md\:order-4 {
    order: 4;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-4 {
    order: 4;
  }
}
.order-5 {
  order: 5;
}

@media screen and (max-width: 750px) {
  .md\:order-5 {
    order: 5;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-5 {
    order: 5;
  }
}
.order-6 {
  order: 6;
}

@media screen and (max-width: 750px) {
  .md\:order-6 {
    order: 6;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-6 {
    order: 6;
  }
}
.flex {
  display: flex;
}

.justify-start {
  justify-content: start;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: end;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.content-start {
  align-content: start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-evenly {
  align-content: space-evenly;
}

.align-self-center {
  align-self: center;
}

.align-self-baseline {
  align-self: baseline;
}

.items-start {
  align-items: start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: end;
}

.items-baseline {
  align-items: baseline;
}

.items-between {
  align-items: space-between;
}

.items-around {
  align-items: space-around;
}

.items-evenly {
  align-items: space-evenly;
}

.text-center {
  text-align: center;
}

.text-right * {
  text-align: right;
}

.text-left * {
  text-align: left;
}

.border-top {
  border-top: 1.5px solid var(--color-text);
}

.border-bottom {
  border-bottom: 1.5px solid var(--color-text);
}

.border-left {
  border-left: 1.5px solid var(--color-text);
}

.border-right {
  border-right: 1.5px solid var(--color-text);
}

.accessibility-darkerContrast .border-top {
  border-top: 1.5px solid var(--color-white);
}
.accessibility-darkerContrast .border-bottom {
  border-bottom: 1.5px solid var(--color-white);
}
.accessibility-darkerContrast .border-left {
  border-left: 1.5px solid var(--color-white);
}
.accessibility-darkerContrast .border-right {
  border-right: 1.5px solid var(--color-white);
}

@font-face {
  font-family: "TEATA";
  src: url("../fonts/Teata-Regular.woff2") format("woff2"), url("../fonts/Teata-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Diatype";
  src: url("../fonts/ABCDiatypeArabic-Regular.woff2") format("woff2"), url("../fonts/ABCDiatypeArabic-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Diatype";
  src: url("../fonts/ABCDiatype-RegularItalic.woff2") format("woff2"), url("../fonts/ABCDiatype-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
:root {
  --main-width: 2000px;
  --teata-font: TEATA;
  --main-font: Diatype;
  --accessibility-font-size: 1;
  --font-size-teata-sm: calc(
    clamp(40px, 31.7901234568px + 2.1604938272vw, 75px) * var(--accessibility-font-size)
  );
  --font-size-teata-md: calc(
    clamp(50px, 41.7901234568px + 2.1604938272vw, 85px) * var(--accessibility-font-size)
  );
  --font-size-teata-ul: calc(clamp(110px, 18.5185185185px + 24.0740740741vw, 500px));
  --font-size-teata-date-sm: calc(clamp(35px, 29.1358024691px + 1.5432098765vw, 60px));
  --font-size-teata-date-md: calc(clamp(42px, 32.1481481481px + 2.5925925926vw, 84px));
  --font-size-teata-date-lg: calc(clamp(56px, 42.8641975309px + 3.4567901235vw, 112px));
  --font-size-teata-date-xl: calc(clamp(115px, 12.962962963px + 26.8518518519vw, 550px));
  --font-size-xs: calc(
    clamp(10px, 8.5925925926px + 0.3703703704vw, 16px) * var(--accessibility-font-size)
  );
  --font-size-sm: calc(
    clamp(12px, 10.3111111111px + 0.4444444444vw, 19.2px) * var(--accessibility-font-size)
  );
  --font-size-md: calc(
    clamp(19px, 17.8271604938px + 0.3086419753vw, 24px) * var(--accessibility-font-size)
  );
  --font-size-md-1: calc(
    clamp(12px, 9.1851851852px + 0.7407407407vw, 24px) * var(--accessibility-font-size)
  );
  --font-size-lg: calc(
    clamp(28px, 27.9357429719px + 0.8032128514vw, 44px) * var(--accessibility-font-size)
  );
  --font-size-xl: calc(
    clamp(28px, 27.9357429719px + 0.8032128514vw, 44px) * var(--accessibility-font-size)
  );
  --font-size-ul: calc(
    clamp(44px, 37.8074074074px + 1.6296296296vw, 70.4px) * var(--accessibility-font-size)
  );
  --height-xl: calc(clamp(491px, 377.2345679012px + 29.9382716049vw, 976px));
  --height-lg: calc(clamp(472px, 407.024691358px + 17.0987654321vw, 749px));
  --height-md: calc(clamp(234px, 171.6049382716px + 16.4197530864vw, 500px));
  --height-sm: calc(clamp(234px, 210.3086419753px + 6.2345679012vw, 335px));
  --space-header-top: clamp(100px, 104.6913580247px + -1.2345679012vw, 80px);
  --space-gap: clamp(10px, 6.4814814815px + 0.9259259259vw, 25px);
  --color-black: #000;
  --color-white: #fff;
  --color-red: #f63434;
  --color-gray: #7c7c7c;
  --color-text: #000;
  --color-text-fixed: #fff;
  --color-bg: #fff;
  --color-bg-fixed: #000;
  --color-black-0: rgba(0, 0, 0, 0);
  --color-white-0: rgba(255, 255, 255, 0);
  --color-red-0: rgba(246, 52, 52, 0);
  --color-black-10: rgba(0, 0, 0, 0.1);
  --color-white-10: rgba(255, 255, 255, 0.1);
  --color-red-10: rgba(246, 52, 52, 0.1);
  --color-black-20: rgba(0, 0, 0, 0.2);
  --color-white-20: rgba(255, 255, 255, 0.2);
  --color-red-20: rgba(246, 52, 52, 0.2);
  --color-black-30: rgba(0, 0, 0, 0.3);
  --color-white-30: rgba(255, 255, 255, 0.3);
  --color-red-30: rgba(246, 52, 52, 0.3);
  --color-black-40: rgba(0, 0, 0, 0.4);
  --color-white-40: rgba(255, 255, 255, 0.4);
  --color-red-40: rgba(246, 52, 52, 0.4);
  --color-black-50: rgba(0, 0, 0, 0.5);
  --color-white-50: rgba(255, 255, 255, 0.5);
  --color-red-50: rgba(246, 52, 52, 0.5);
  --color-black-60: rgba(0, 0, 0, 0.6);
  --color-white-60: rgba(255, 255, 255, 0.6);
  --color-red-60: rgba(246, 52, 52, 0.6);
  --color-black-70: rgba(0, 0, 0, 0.7);
  --color-white-70: rgba(255, 255, 255, 0.7);
  --color-red-70: rgba(246, 52, 52, 0.7);
  --color-black-80: rgba(0, 0, 0, 0.8);
  --color-white-80: rgba(255, 255, 255, 0.8);
  --color-red-80: rgba(246, 52, 52, 0.8);
  --color-black-90: rgba(0, 0, 0, 0.9);
  --color-white-90: rgba(255, 255, 255, 0.9);
  --color-red-90: rgba(246, 52, 52, 0.9);
  --easing1: cubic-bezier(0.85, 0, 0.15, 1);
  --speed-fast: 0.2s;
  --speed-mid: 0.5s;
}
:root .accessibility-darkerContrast {
  --color-text: #fff;
  --color-bg: #000;
}
:root .accessibility-moreLineSpace {
  --font-size-xs: calc(clamp(24px, 20.6222222222px + 0.8888888889vw, 38.4px) * 0.8);
  --font-size-sm: calc(clamp(24px, 20.6222222222px + 0.8888888889vw, 38.4px) * 0.8);
  --font-size-md: calc(clamp(24px, 20.6222222222px + 0.8888888889vw, 38.4px) * 0.8);
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--main-font), sans-serif;
  font-size: var(--font-size-md);
  line-height: 1.125;
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Page-wide */
html,
body,
main {
  /* Firefox */
  scrollbar-width: none;
  /* IE/old Edge */
  -ms-overflow-style: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  /* Chrome/Safari */
  display: none;
}

body,
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  transition: all 0.5s ease-in-out;
  background-color: var(--color-bg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

.font-size-xs,
.font-size-xs * {
  font-size: var(--font-size-xs);
}

.font-size-sm,
.font-size-sm * {
  font-size: var(--font-size-sm);
}

.font-size-md {
  font-size: var(--font-size-md);
  line-height: 1;
}

.font-size-md-1 {
  font-size: var(--font-size-md-1);
  line-height: 1;
}

.font-size-lg,
.font-size-lg * {
  font-size: var(--font-size-lg);
  line-height: 1;
}

.font-size-xl,
.font-size-xl * {
  font-size: var(--font-size-xl);
  line-height: 1;
}

.font-size-ul,
.font-size-ul * {
  font-size: var(--font-size-ul);
  line-height: 1;
}

p {
  margin: 1em 0;
}
p:first-of-type {
  margin-top: unset;
}
p:last-of-type {
  margin-bottom: unset;
}

p.align-right {
  text-align: right;
}

a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.1s ease;
}

q {
  quotes: none;
}

q::before,
q::after {
  content: "";
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

button {
  all: unset;
  display: inline-block;
  cursor: pointer;
  background-color: var(--color-primary);
  color: var(--color-white);
  transition: all 0.2s;
}
button:hover {
  background-color: var(--color-primary-80);
}

svg {
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  shape-rendering: geometricPrecision;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-size: 10px;
}

img[src=""],
img:not([src]) {
  background: var(--color-bg);
  border: 1px solid var(--color-white);
}

.img-bw {
  filter: grayscale(100%);
}

.loader {
  background-color: var(--color-white);
  z-index: 100;
  width: 100vw;
  height: 100dvh;
  position: fixed;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

p,
a,
li,
span,
br {
  font-size: inherit;
}

.p-zero-margin p {
  margin-bottom: 0;
  margin-top: 0;
}

.calendar-date-sm {
  font-family: "TEATA";
  font-size: var(--font-size-teata-date-sm);
  line-height: 0.8;
}

.calendar-date-md {
  font-family: "TEATA";
  font-size: var(--font-size-teata-date-md);
  line-height: 0.8;
}

.calendar-date-lg {
  font-family: "TEATA";
  font-size: var(--font-size-teata-date-lg);
  line-height: 0.8;
}

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.nobreak {
  white-space: nowrap;
}

.margin-bottom-xs {
  margin-bottom: var(--space-xs);
}

.margin-bottom-sm {
  margin-bottom: var(--space-sm);
}

.margin-bottom-md {
  margin-bottom: var(--space-md);
}

.margin-bottom-lg {
  margin-bottom: var(--space-lg);
}

.margin-bottom-xl {
  margin-bottom: var(--space-xl);
}

.margin-bottom-ul {
  margin-bottom: var(--space-ul);
}

.margin-top-xs {
  margin-top: var(--space-xs);
}

.margin-top-sm {
  margin-top: var(--space-sm);
}

.margin-top-md {
  margin-top: var(--space-md);
}

.margin-top-lg {
  margin-top: var(--space-lg);
}

.margin-top-xl {
  margin-top: var(--space-xl);
}

.margin-sides-sm {
  margin-left: var(--space-sm);
  margin-right: var(--space-sm);
}

.margin-sides-md {
  margin-left: var(--space-md);
  margin-right: var(--space-md);
}

.margin-sides-lg {
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}

.margin-sides-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}

.gap-xs {
  gap: var(--space-xs);
}

.gap-sm {
  gap: var(--space-sm);
}

.gap-md {
  gap: var(--space-md);
}

.section-dark {
  background: var(--color-bg-fixed);
}
.section-dark * {
  color: var(--color-text-fixed);
}

.date-big * {
  font-family: "TEATA";
  font-size: var(--font-size-teata-date-xl);
  text-align: center;
}

.flex-bottom {
  justify-content: flex-end;
  align-items: flex-end;
}

.inherit {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.circle-icon-container {
  position: absolute;
  left: calc(var(--space-sm) * -1.1);
  height: 1em;
  display: flex;
  align-items: center;
}

.circle-icon {
  height: calc(var(--space-sm) * 0.8);
  aspect-ratio: 1;
  line-height: 1;
}

.dropdown-arrow,
.download-arrow,
.arrow-right {
  font-family: "TEATA";
}

.dropdown-arrow::before,
.download-arrow::before {
  font-family: "TEATA";
  content: "↓";
  font-size: 1.2em;
}
.dropdown-arrow::before .white,
.download-arrow::before .white {
  color: var(--color-white);
}

.arrow-right::before {
  font-family: "TEATA";
  content: "→";
  font-size: 1.2em;
}

.arrow-right.white::before {
  color: var(--color-white);
}

@media screen and (max-width: 750px) {
  .hide-mobile {
    display: none !important;
  }
}

.hide-desktop {
  display: none !important;
}
@media screen and (max-width: 750px) {
  .hide-desktop {
    display: block !important;
  }
}

.wobble-ver-left.wobbling {
  -webkit-animation: apple-jump 1.2s both;
  animation: apple-jump 1.2s both;
}

@-webkit-keyframes apple-jump {
  0%, 100% {
    transform: translateY(0) rotate(0);
    transform-origin: 50% 50%;
  }
  12.5% {
    transform: translateY(-50px) rotate(-5deg);
  }
  25% {
    transform: translateY(0px) rotate(3deg);
  }
  37.5% {
    transform: translateY(-40px) rotate(-3deg);
  }
  50% {
    transform: translateY(0px) rotate(2deg);
  }
  62.5% {
    transform: translateY(-30px) rotate(-1.5deg);
  }
  75% {
    transform: translateY(0px) rotate(0.5deg);
  }
  87.5% {
    transform: translateY(-20px) rotate(-0.5deg);
  }
}
@keyframes apple-jump {
  0%, 100% {
    transform: translateY(0) rotate(0);
    transform-origin: 50% 50%;
  }
  12.5% {
    transform: translateY(-50px) rotate(-5deg);
  }
  25% {
    transform: translateY(0px) rotate(3deg);
  }
  37.5% {
    transform: translateY(-40px) rotate(-3deg);
  }
  50% {
    transform: translateY(0px) rotate(2deg);
  }
  62.5% {
    transform: translateY(-30px) rotate(-1.5deg);
  }
  75% {
    transform: translateY(0px) rotate(0.5deg);
  }
  87.5% {
    transform: translateY(-20px) rotate(-0.5deg);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in-left {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in-top {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in-bottom {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out-left {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fade-out-top {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fade-out-right {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fade-out-bottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}
.delay-1 {
  transition-delay: 0.1s !important;
}

.delay-2 {
  transition-delay: 0.2s !important;
}

.delay-3 {
  transition-delay: 0.3s !important;
}

.delay-4 {
  transition-delay: 0.4s !important;
}

.delay-5 {
  transition-delay: 0.5s !important;
}

.delay-6 {
  transition-delay: 0.6s !important;
}

.delay-7 {
  transition-delay: 0.7s !important;
}

.delay-8 {
  transition-delay: 0.8s !important;
}

.delay-9 {
  transition-delay: 0.9s !important;
}

.delay-10 {
  transition-delay: 1s !important;
}

.transition-overlay {
  --overlay-direction: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: var(--color-bg);
  opacity: 0;
  transform: translate3d(0, calc(var(--overlay-direction) * 100%), 0);
  pointer-events: none;
}

html.is-changing .transition-overlay {
  transition: transform 400ms ease-in;
  opacity: 1;
}

html.is-animating .transition-overlay {
  transform: translate3d(0, 0, 0);
}

html.is-rendering .transition-overlay {
  --overlay-direction: 1;
  transform: translate3d(0, calc(var(--overlay-direction) * 100%), 0);
}

html.to-back {
  /* --overlay-direction: -1; */
}

.accessibility-moreLineSpace * {
  line-height: 1.5em !important;
}

.icon-toggle .light {
  display: none;
}
.icon-toggle .dark {
  display: flex;
}

.accessibility-darkerContrast .icon-toggle .light {
  display: flex;
}
.accessibility-darkerContrast .icon-toggle .dark {
  display: none;
}

.accessibility-noAnimations .featured-entry__image,
.accessibility-noAnimations .artist-image-container {
  overflow: hidden;
  position: relative;
}
.accessibility-noAnimations .featured-entry__image::after,
.accessibility-noAnimations .artist-image-container::after {
  content: attr(data-alt);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 10px;
  background-color: var(--color-gray);
  color: var(--color-text-fixed);
}
.accessibility-noAnimations .featured-entry__image img,
.accessibility-noAnimations .artist-image-container img {
  opacity: 0;
}

.order-1 {
  order: 1;
}

@media screen and (max-width: 750px) {
  .md\:order-1 {
    order: 1;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-1 {
    order: 1;
  }
}
.order-2 {
  order: 2;
}

@media screen and (max-width: 750px) {
  .md\:order-2 {
    order: 2;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-2 {
    order: 2;
  }
}
.order-3 {
  order: 3;
}

@media screen and (max-width: 750px) {
  .md\:order-3 {
    order: 3;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-3 {
    order: 3;
  }
}
.order-4 {
  order: 4;
}

@media screen and (max-width: 750px) {
  .md\:order-4 {
    order: 4;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-4 {
    order: 4;
  }
}
.order-5 {
  order: 5;
}

@media screen and (max-width: 750px) {
  .md\:order-5 {
    order: 5;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-5 {
    order: 5;
  }
}
.order-6 {
  order: 6;
}

@media screen and (max-width: 750px) {
  .md\:order-6 {
    order: 6;
  }
}
@media screen and (max-width: 1024px) {
  .lg\:order-6 {
    order: 6;
  }
}
.main-nav .font-size-lg {
  font-size: var(--font-size-lg);
}

.main-nav .font-size-md {
  font-size: calc(var(--font-size-md) * 1.2);
}

nav {
  position: fixed;
  bottom: var(--space-lg);
  left: var(--space-md);
  width: 280px;
  z-index: 999;
}
@media screen and (max-width: 750px) {
  nav {
    width: 220px;
  }
}
nav li,
nav a {
  color: var(--color-text-fixed);
}
nav svg {
  stroke: var(--color-text-fixed);
}

.nav-base-container {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  overflow: hidden;
  height: 50px;
  width: 280px;
  color: var(--color-text-fixed);
  background: var(--color-bg-fixed);
}
@media screen and (max-width: 750px) {
  .nav-base-container {
    height: 45px;
    width: 220px;
  }
}

.nav-extended-container {
  position: relative;
  left: 0;
  background-color: var(--color-bg-fixed);
}
.nav-links-container,
.nav-logo-container {
  overflow: hidden;
}

.nav-text-container {
  height: 100px;
  max-width: 75%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: space-between;
  transform: translateY(-50%);
  transition: all var(--speed-mid) var(--easing1);
}
@media screen and (max-width: 750px) {
  .nav-text-container {
    height: 90px;
  }
}

.nav-page-title {
  height: 50px;
  width: calc(100% - 28px);
  flex-shrink: 0;
  padding: 14px;
  padding-left: 0;
  display: inline-flex;
  align-items: center;
}
.nav-page-title p {
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 750px) {
  .nav-page-title {
    height: 45px;
  }
}

.nav-logo {
  padding: 14px;
}

.nav-block {
  padding: 0 14px;
}

.nav-block {
  margin-top: var(--space-lg);
}

.nav-block:first-child {
  margin-top: var(--space-md);
}

.nav-block:last-child {
  margin-bottom: var(--space-lg);
}

nav.main-nav * {
  color: var(--color-white);
}

.nav-icon-wrapper {
  padding: 14px;
  padding-right: 0;
  aspect-ratio: 1;
  height: 100%;
}
.nav-icon-wrapper .icon-toggle.dark {
  display: none;
}
.nav-icon-wrapper .icon-toggle.light {
  display: block;
}

.accessibility-darkerContrast .nav-icon-wrapper .icon-toggle.dark {
  display: block;
}
.accessibility-darkerContrast .nav-icon-wrapper .icon-toggle.light {
  display: none;
}

nav .icon-container {
  display: flex;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
}
nav .icon-container img {
  width: auto;
}

.main-nav .nav-icon-close {
  display: none;
}

.main-nav .nav-icon-burger {
  display: block;
}

.lang-switch {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: end;
  position: relative;
  height: 50px;
  padding: 14px;
}
.lang-switch .active-lang {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
}
.lang-switch ul {
  display: flex;
  flex-direction: row;
  justify-content: "";
  align-items: "";
  gap: var(--space-xs);
}
@media screen and (max-width: 750px) {
  .lang-switch {
    height: 45px;
  }
}

.nav-links-container,
.nav-logo-container {
  max-height: 0;
  transition: all var(--speed-mid) var(--easing1);
  overflow: hidden;
}

.main-nav.regular .nav-links-container {
  max-height: 0;
}

.main-nav.open .nav-links-container {
  max-height: 1000px;
}

.main-nav.open .nav-icon-close {
  display: block;
}

.main-nav.open .nav-icon-burger {
  display: none;
}

.main-nav:not(.minimized) .nav-logo-container {
  max-height: 300px;
}

.main-nav.minimized .nav-logo-container {
  max-height: 0;
}

.main-nav.minimized .nav-text-container {
  transform: translateY(0%);
}

.nav-extension-icons-pos {
  position: absolute;
  bottom: 50px;
  right: 0;
  height: 0;
  width: 0;
}
@media screen and (max-width: 750px) {
  .nav-extension-icons-pos {
    bottom: 45px;
  }
}

.nav-extension-icons-container {
  height: 50px;
}
@media screen and (max-width: 750px) {
  .nav-extension-icons-container {
    height: 45px;
  }
}

.nav-extension-icon {
  height: 100%;
  aspect-ratio: 1;
  margin-left: 5px;
  cursor: pointer;
}

:root .accessibility-darkerContrast nav * {
  color: var(--color-black);
}
:root .accessibility-darkerContrast nav .nav-base-container,
:root .accessibility-darkerContrast nav .nav-extended-container {
  background-color: var(--color-white);
}

main {
  overflow: hidden;
  transition: height var(--speed-fast) var(--easing1);
}

header,
main,
section,
footer {
  width: 100%;
}

section {
  display: block;
  position: relative;
}
section.section-dark {
  background: var(--color-bg-fixed);
}
section.section-dark h1,
section.section-dark h2,
section.section-dark p {
  color: var(--color-text-fixed);
}

footer p {
  margin-bottom: 0;
  margin-top: 0;
}
footer .footer-right-top,
footer .footer-right-bottom {
  width: 100%;
}
@media screen and (max-width: 750px) {
  footer .footer-container {
    margin-bottom: calc(var(--space-ul) * 2);
  }
}
footer .footer-Logo-container {
  height: var(--space-lg);
  align-self: end;
}
@media screen and (max-width: 750px) {
  footer .footer-Logo-container {
    margin-top: var(--space-md);
    height: var(--space-lg);
  }
}
footer .footer-Logo-container img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  footer .footer-Logo-container img {
    width: auto;
  }
}

#home-animation {
  position: relative;
  height: 100dvh;
  overflow: hidden;
  transition: all 1s var(--easing1);
  z-index: 1000;
}

.cta-section .bracket-container {
  width: -webkit-fill-available;
  height: var(--space-xl);
  transition: all var(--speed-fast) var(--easing1);
}
.cta-section .bracket-container img {
  height: 100%;
  width: auto;
}
.cta-section .left {
  text-align: right;
  padding-right: var(--space-xs);
  display: flex;
  justify-content: end;
}
.cta-section .right {
  text-align: left;
  padding-left: var(--space-xs);
  display: flex;
  justify-content: start;
}
@media screen and (max-width: 400px) {
  .cta-section span {
    max-width: 300px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    overflow-y: hidden;
    line-height: 1.2;
  }
}
@media screen and (max-width: 400px) {
  .cta-section {
    overflow-x: hidden;
  }
}

.cta-section:hover .left {
  padding-right: 20vw;
}
.cta-section:hover .right {
  padding-left: 20vw;
}

.title-image-container {
  width: 100%;
}

.title-chart-bottom {
  width: 100%;
}
.title-chart-bottom p {
  margin-bottom: 0;
  margin-top: 0;
}

.title-chart-top {
  transition: all var(--speed-fast) var(--easing1);
}
.title-chart-top[data-top=true] {
  transform: translateY(0);
}
.title-chart-top[data-top=false] {
  transform: translateY(-50dvh);
}

#logo {
  width: 60vw;
  opacity: 1;
  transition: opacity 0.35s ease-in-out;
  max-width: 760px;
}
@media screen and (max-width: 640px) {
  #logo {
    width: unset;
  }
}

.info-rows-container {
  border-top: 1.5px solid var(--color-text);
}
.info-rows-container .dropdown-block {
  border-top: none !important;
}

@media screen and (max-width: 750px) {
  .contact-row-container .contact-table-right {
    padding-left: 0;
  }
}

.info-rows-container .info-row-right ol {
  list-style: decimal;
}
.info-rows-container .info-row-right ol li {
  margin-left: 2em;
}
.info-rows-container .info-row-right ul {
  list-style: disc;
}
.info-rows-container .info-row-right ul li {
  margin-left: 1em;
}
.info-rows-container .info-row-right ol,
.info-rows-container .info-row-right ul {
  margin: 1em 0;
}
.info-rows-container .info-row-right ol:first-child,
.info-rows-container .info-row-right ul:first-child {
  margin-top: unset;
}
.info-rows-container .info-row-right ol:last-child,
.info-rows-container .info-row-right ul:last-child {
  margin-bottom: unset;
}

.container-half {
  display: flex;
  flex-direction: row;
  gap: var(--space-lg);
}
@media screen and (max-width: 750px) {
  .container-half {
    flex-direction: column;
  }
}
.container-half > * {
  flex: 1 1 0;
}

.partner-logos {
  height: calc(var(--space-lg) + 20px);
  padding: 10px;
  background: var(--color-white);
}
.partner-logos img {
  float: left;
  margin-left: var(--space-md);
  height: 100%;
  width: auto;
}
.partner-logos img:first-child {
  margin-left: 0;
}

.quotes-container .quote-block {
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}
@media screen and (max-width: 750px) {
  .quotes-container .quote-block {
    margin-left: var(--space-md);
    margin-right: var(--space-md);
  }
}

.logo-animation path {
  fill: var(--color-black);
}

.accessibility-darkerContrast .logo-animation path {
  fill: var(--color-white);
}

.dialog-banner {
  background: var(--color-red);
  min-height: var(--height-md);
}
.dialog-banner .dialog-banner__header .dialog-banner__label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
}
.dialog-banner .dialog-banner__header .icon-toggle {
  width: 1em;
}

.splide__progress__bar {
  background: var(--color-black);
  height: 1.5px;
}

.splide__toggle {
  width: 14px;
  position: absolute;
  bottom: var(--space-xs);
  left: var(--space-xs);
}
.splide__toggle svg {
  fill: var(--color-black);
}

.accessibility-darkerContrast .splide__progress__bar {
  background: var(--color-white);
}
.accessibility-darkerContrast .splide__toggle svg {
  fill: var(--color-white);
}

.media-slider .splide__slide {
  max-width: 90%;
}
@media screen and (max-width: 1024px) {
  .media-slider .splide__slide {
    min-width: 100%;
  }
}
.media-slider .media-slider__video-element {
  min-width: 1600px;
}
.media-slider .media-slider__video-element div {
  width: 100%;
  height: auto;
  min-height: 800px;
  max-width: 100%;
}
@media screen and (max-width: 1500px) {
  .media-slider .media-slider__video-element div {
    max-height: 1200px;
  }
}
@media screen and (max-width: 1024px) {
  .media-slider .media-slider__video-element div {
    min-height: unset;
  }
}
.media-slider .media-slider__video-element iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  max-height: 100%;
}
@media screen and (max-width: 1024px) {
  .media-slider .media-slider__video-element iframe {
    min-height: unset;
  }
}
@media screen and (max-width: 2000px) {
  .media-slider .media-slider__video-element {
    min-width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .media-slider .media-slider__video-element {
    min-width: 100%;
  }
}
.media-slider .media-slider__image-element img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 1000px;
  max-width: 100%;
}
.media-slider .media-slider__arrows-wrapper .splide__arrows {
  display: flex;
  gap: var(--space-lg);
  justify-content: end;
}
.media-slider .media-slider__arrows-wrapper .splide__arrow {
  position: relative;
  top: unset;
  transform: unset;
  background: unset;
  color: var(--color-black);
  font-size: 1.2em;
  font-family: "TEATA";
  width: auto;
}
.media-slider .media-slider__arrows-wrapper .splide__arrow.splide__arrow--prev {
  left: unset;
}
.media-slider .media-slider__arrows-wrapper .splide__arrow.splide__arrow--prev {
  right: unset;
}

.accessibility-darkerContrast .media-slider__arrows-wrapper .splide__arrow {
  color: var(--color-white);
}

.season-event-card .season-event-card__overlay-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--speed-fast) var(--easing1);
}
.season-event-card .season-event-card__overlay-image--animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  animation: flashFade 0.35s linear forwards;
}
.season-event-card:hover .season-event-card__overlay-image {
  opacity: 1;
}

.season-event-card:nth-child(1) .season-event-card__overlay-image--animation {
  animation-delay: 0.7s;
}

.season-event-card:nth-child(2) .season-event-card__overlay-image--animation {
  animation-delay: 0.8s;
}

.season-event-card:nth-child(3) .season-event-card__overlay-image--animation {
  animation-delay: 0.9s;
}

.season-event-card:nth-child(4) .season-event-card__overlay-image--animation {
  animation-delay: 1s;
}

.season-event-card:nth-child(5) .season-event-card__overlay-image--animation {
  animation-delay: 1.1s;
}

.season-event-card:nth-child(6) .season-event-card__overlay-image--animation {
  animation-delay: 1.2s;
}

.season-event-card:nth-child(7) .season-event-card__overlay-image--animation {
  animation-delay: 1.3s;
}

.season-event-card:nth-child(8) .season-event-card__overlay-image--animation {
  animation-delay: 1.4s;
}

.season-event-card:nth-child(9) .season-event-card__overlay-image--animation {
  animation-delay: 1.5s;
}

.season-event-card:nth-child(10) .season-event-card__overlay-image--animation {
  animation-delay: 1.6s;
}

.season-event-card:nth-child(11) .season-event-card__overlay-image--animation {
  animation-delay: 1.7s;
}

.season-event-card:nth-child(12) .season-event-card__overlay-image--animation {
  animation-delay: 1.8s;
}

.season-event-card:nth-child(13) .season-event-card__overlay-image--animation {
  animation-delay: 1.9s;
}

.season-event-card:nth-child(14) .season-event-card__overlay-image--animation {
  animation-delay: 2s;
}

.season-event-card:nth-child(15) .season-event-card__overlay-image--animation {
  animation-delay: 2.1s;
}

.season-event-card:nth-child(16) .season-event-card__overlay-image--animation {
  animation-delay: 2.2s;
}

.season-event-card:nth-child(17) .season-event-card__overlay-image--animation {
  animation-delay: 2.3s;
}

.season-event-card:nth-child(18) .season-event-card__overlay-image--animation {
  animation-delay: 2.4s;
}

.season-event-card:nth-child(19) .season-event-card__overlay-image--animation {
  animation-delay: 2.5s;
}

.season-event-card:nth-child(20) .season-event-card__overlay-image--animation {
  animation-delay: 2.6s;
}

@keyframes flashFade {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.header-season--placeholder {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 2;
  pointer-events: none;
}
.header-season--placeholder.header-season--background {
  background: var(--color-black);
  z-index: 0;
}
.calendar-header-slider .splide__slide {
  min-width: 150px;
}

.filter-contributors {
  margin-bottom: 2em;
}

.filter-list {
  display: flex;
  flex-direction: column;
  max-height: 1em;
  padding-bottom: var(--space-sm);
  overflow: hidden;
  transition: all var(--speed-mid) var(--easing1);
}
.filter-list .filter-list__dropdown-button {
  display: none;
}
.filter-list li.selected {
  order: 0;
}
.filter-list li.selected .filter-list__dropdown-button {
  display: flex;
}
.filter-list li {
  order: 1;
}
.filter-list__option {
  word-break: break-word;
  hyphens: auto;
  text-align: left;
}

.filter-list__option,
.filter-list__dropdown-button {
  cursor: pointer;
}
.filter-list__option div,
.filter-list__dropdown-button div {
  position: relative;
  width: 100%;
}
.filter-list__option .filter-list__dropdown-button--expand,
.filter-list__option .filter-list__dropdown-button--collapse,
.filter-list__dropdown-button .filter-list__dropdown-button--expand,
.filter-list__dropdown-button .filter-list__dropdown-button--collapse {
  position: absolute;
  top: 0;
  left: 0;
  transition: all var(--speed-fast) var(--easing1);
}
.filter-list__option .filter-list__dropdown-button--expand,
.filter-list__dropdown-button .filter-list__dropdown-button--expand {
  transform: scale(1);
}
.filter-list__option .filter-list__dropdown-button--collapse,
.filter-list__dropdown-button .filter-list__dropdown-button--collapse {
  transform: scale(0);
}

.filter-list.expanded .filter-list__filter-button .filter-list__dropdown-button--expand,
.filter-list.expanded .filter-list__dropdown-button .filter-list__dropdown-button--expand {
  transform: scale(0);
}
.filter-list.expanded .filter-list__filter-button .filter-list__dropdown-button--collapse,
.filter-list.expanded .filter-list__dropdown-button .filter-list__dropdown-button--collapse {
  transform: scale(1);
}

.filter-empty {
  display: none;
}

.season-date {
  font-family: "TEATA";
  font-size: var(--font-size-teata-date-md);
  line-height: 1 !important;
}

.press-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-sm);
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}
@media screen and (max-width: 1024px) {
  .press-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 640px) {
  .press-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.press-card {
  position: relative;
}

.cookie-banner {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding: 14px;
  margin-bottom: 10px;
  color: var(--color-white);
  background: var(--color-black);
}
.cookie-banner p {
  font-size: 10px;
}
.cookie-banner label {
  font-size: var(--font-size-xs);
}
.cookie-banner label {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: nowrap;
}
.cookie-banner input {
  cursor: pointer;
}

.accessibility-darkerContrast .cookie-banner {
  background: var(--color-white);
  color: var(--color-black);
}

.cookie-banner__options {
  display: flex;
  gap: var(--space-xs);
  flex-wrap: wrap;
}

.cookie-banner__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}

.cookie-banner__button {
  border: 1.5px solid var(--color-white);
  font-size: var(--font-size-sm);
  padding: 0.3em 0.6em;
}
@media (hover: hover) and (pointer: fine) {
  .cookie-banner__button:hover:hover {
    background: var(--color-white);
    color: var(--color-black);
  }
}

.accessibility-darkerContrast .cookie-banner__button {
  border: 1.5px solid var(--color-black);
}
@media (hover: hover) and (pointer: fine) {
  .accessibility-darkerContrast .cookie-banner__button:hover:hover {
    background: var(--color-black);
    color: var(--color-white);
  }
}

.orientation-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--color-black);
  color: var(--color-white);
  font-size: 1.2rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 9999;
}

.accessibility-darkerContrast .orientation-overlay {
  background: var(--color-white);
  color: var(--color-black);
}

.portrait {
  aspect-ratio: 0.77;
}

.landscape {
  aspect-ratio: 1.54;
}

.dropdowns .dropdown-block {
  border-bottom: 1.5px solid var(--color-text);
}
.dropdowns .dropdown-block .dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.dropdowns .dropdown-block .dropdown-header .dropdown-arrow {
  transform: rotate(90deg);
  transition: all var(--speed-fast) var(--easing1);
  height: 1.5em;
}
.dropdowns .dropdown-block .dropdown-header:hover .dropdown-arrow {
  transform: rotate(0);
}
.dropdowns .dropdown-block .dropdown-content, .dropdowns .dropdown-block .dropdown-header {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}
.dropdowns .dropdown-block .dropdown-drawer {
  overflow: hidden;
  max-height: 0;
  transition: all var(--speed-fast) var(--easing1);
}
.dropdowns .dropdown-block:first-child {
  border-top: 1.5px solid var(--color-text);
}
.dropdowns .dropdown-block.open .dropdown-header .dropdown-arrow {
  transform: rotate(180deg);
}
.dropdowns .dropdown-block.open .dropdown-header:hover .dropdown-arrow {
  transform: rotate(90deg);
}
.dropdowns .dropdown-block.open .dropdown-drawer {
  max-height: 3000px;
}

.slider {
  background-color: grey;
}

.quotes-container {
  overflow: hidden;
}
.quotes-container .quote-slide {
  height: 100%;
  width: 100vw;
}

.orientation-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  display: none;
}
.orientation-overlay.visible {
  display: block;
}

.event-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.event-grid > * {
  border-right: 1.5px solid var(--color-text);
}
.event-grid > *:nth-child(2n+1) {
  border-left: 1.5px solid var(--color-text);
}
@media screen and (max-width: 750px) {
  .event-grid {
    grid-template-columns: 1fr;
  }
  .event-grid > * {
    border-left: 1.5px solid var(--color-text);
    border-right: 1.5px solid var(--color-text);
  }
}

.artist-image-container {
  height: 100%;
}

.language-jump-section div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  gap: var(--space-sm);
}
.language-jump-section .icon-container {
  position: relative;
  aspect-ratio: 1;
}
.language-jump-section .icon-container img {
  transition: all var(--speed-fast) var(--easing1);
  transform: rotate(90deg);
  object-fit: contain;
}
.language-jump-section .icon-container .icon-brackets {
  position: absolute;
  top: 0;
  left: 0;
}
.language-jump-section a :hover img.icon-brackets {
  transform: rotate(360deg);
}

.dropdowns.accessibility .dropdown-block .dropdown-header .dropdown-arrow img {
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
}
.dropdowns.accessibility .dropdown-block .dropdown-content {
  padding-top: 0;
}

.lang-list span:last-of-type span {
  display: none;
}

.accessibility-menu__container {
  border-top: 1px solid var(--color-text);
  border-bottom: 1px solid var(--color-text);
}
.accessibility-menu__container .accessibility-menu__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .accessibility-menu__container .accessibility-menu__wrapper {
    flex-direction: column;
    gap: var(--space-lg);
  }
}
.accessibility-menu__container .accessibility-menu__wrapper .accessibility-menu_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-lg);
}
.accessibility-menu__container .accessibility-menu__wrapper .accessibility-menu_item:hover {
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .accessibility-menu__container .accessibility-menu__wrapper .accessibility-menu_item {
    gap: var(--space-md);
  }
}

.accessibility-menu__icon img {
  max-height: 60px;
  width: var(--space-ul);
  object-fit: contain;
}
.accessibility-menu__icon .light {
  display: none;
}

.cta-section__tickets .bracket-container {
  height: var(--space-xl);
  transition: all var(--speed-fast) var(--easing1);
}
.cta-section__tickets .bracket-container img {
  height: 100%;
  width: auto;
}
.cta-section__tickets .left {
  text-align: right;
  padding-right: var(--space-xs);
}
.cta-section__tickets .right {
  text-align: left;
  padding-left: var(--space-xs);
}
.cta-section__tickets:hover .left {
  padding-right: var(--space-md);
}
.cta-section__tickets:hover .right {
  padding-left: var(--space-md);
}

.ticket-button .icon-container {
  position: relative;
  aspect-ratio: 1;
  display: flex;
  height: 1.5rem;
}
.ticket-button .icon-container img {
  transition: all var(--speed-fast) var(--easing1);
  transform: rotate(0g);
  object-fit: contain;
}
.ticket-button .icon-container .icon-brackets {
  position: absolute;
  top: 0;
  left: 0;
}
.ticket-button :hover img.icon-brackets {
  transform: rotate(360deg);
}

.download-button .icon-container,
.press-download-button .icon-container {
  position: relative;
  aspect-ratio: 1;
  display: flex;
  height: 2rem;
}
.download-button .icon-container img,
.press-download-button .icon-container img {
  object-fit: contain;
}

.ticket-button .icon-toggle .light,
.download-button .icon-toggle .light,
.press-download-button .icon-toggle .light {
  display: none;
}
.ticket-button .icon-toggle .dark,
.download-button .icon-toggle .dark,
.press-download-button .icon-toggle .dark {
  display: flex;
}

.press-download-button {
  display: inline-block;
}
.press-download-button .icon-container {
  height: 1.2em;
}

.accessibility-darkerContrast .ticket-button .icon-toggle .light {
  display: flex;
}
.accessibility-darkerContrast .ticket-button .icon-toggle .dark {
  display: none;
}

.arrow-icon {
  width: var(--space-lg);
  height: var(--space-lg);
  display: inline-block;
  transform: rotate(90deg);
}

.featured-entry {
  position: relative;
}
.featured-entry .featured-entry__image {
  width: 100%;
  height: 100%;
}
.featured-entry .featured-entry__details {
  position: absolute;
  bottom: var(--space-xl);
  left: 50%;
  transform: translateX(-50%);
  padding: 10px var(--space-xl);
  font-size: var(--font-size-md);
  text-align: center;
  background: var(--color-bg);
}
@media screen and (max-width: 750px) {
  .featured-entry .featured-entry__details {
    width: 80vw;
  }
}
@media screen and (max-width: 750px) {
  .featured-entry .featured-entry__details .featured-entry__director {
    display: none;
  }
}
.featured-entry .featured-entry__author,
.featured-entry .featured-entry__director {
  white-space: nowrap;
}

.calendar {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.calendar .calendar__list {
  border-top: 1.5px solid var(--color-text);
}

.calender-headline {
  text-align: center;
  margin-top: var(--space-ul);
}

.calendar-list.calendar-list--empty li, .calendar-list.calendar-list--empty-future li {
  position: relative;
  width: 100%;
}
.calendar-list.calendar-list--empty li div, .calendar-list.calendar-list--empty-future li div {
  position: relative;
  writing-mode: vertical-rl;
  left: 50%;
  transform: translateX(-50%) rotate(-135deg);
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.calendar-list.calendar-list--empty p,
.calendar-list.calendar-list--empty a, .calendar-list.calendar-list--empty-future p,
.calendar-list.calendar-list--empty-future a {
  text-align: center;
  pointer-events: all;
}

.calendar-card {
  min-height: 150px;
  border-bottom: 1.5px solid var(--color-text);
  padding: var(--space-md-fixed);
  gap: var(--space-gap);
  display: flex;
  flex-direction: column;
  align-content: space-between;
  justify-content: space-between;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-sm);
}
.calendar-card * p {
  margin: 0;
}
@media screen and (max-width: 750px) {
  .calendar-card {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-sm);
  }
}
@media screen and (max-width: 400px) {
  .calendar-card {
    min-height: 130px;
  }
}

.calendar-card:first-child {
  border-top: 1.5px solid var(--color-text);
}

.calendar-card__placeholder {
  background: #000;
  background: linear-gradient(90deg, #fff 10%, #000 10%, #000 30%, #fff 30%);
  background-size: 200% 100%;
  animation: 1.5s line linear infinite;
}

@keyframes line {
  to {
    background-position-x: -200%;
  }
}
.calendar-card__label--premiere.calendar-card__label--premiere * calendar-card__date {
  font-size: var(--font-size-md);
}

.calendar-card__date {
  font-family: "TEATA";
  font-size: var(--font-size-teata-date-sm);
  line-height: 0.6;
}

.calendar-card__title {
  white-space: nowrap;
  transform: translateY(0.3em);
}
.calendar-card__title h2 {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 400px) {
  .calendar-card__title {
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    line-height: unset;
  }
}

.calendar-card__details div {
  font-size: var(--font-size-sm);
}

.calendar-card__cta {
  display: flex;
  justify-content: end;
}
.calendar-card__cta.disabled, .calendar-card__cta.soon {
  position: relative;
}
.calendar-card__cta.disabled span, .calendar-card__cta.soon span {
  transform: translateX(29%) translateY(35%) rotate(-45deg);
  transform-origin: 0% 100%;
  position: absolute;
  width: min-content;
  bottom: 0.5em;
  text-align: center;
}

.download-block .download-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
  border-bottom: 1.5px solid var(--color-text);
}
.download-block .download-row .download-arrow-container {
  border-bottom: 1.5px solid var(--color-text);
  height: 1.5em;
}
.download-block .download-row .download-arrow-container .download-arrow {
  transform: translateY(0);
  transition: all var(--speed-fast) var(--easing1);
}
.download-block .download-row:first-child {
  border-top: 1.5px solid var(--color-text);
}
@media screen and (max-width: 750px) {
  .download-block .download-row:first-child {
    border-top: 0;
  }
}
.download-block .download-row:hover .download-arrow {
  transform: translateY(2px);
}

#video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 1;
  display: none;
}
#video-overlay.show {
  display: block;
}
#video-overlay.show.active {
  top: 0;
}
#video-overlay #close-video-overlay-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  height: var(--space-lg);
  aspect-ratio: 1;
}
#video-overlay .video-overlay__iframe-wrapper {
  width: 100%;
  height: 100dvh;
  max-width: 1300px;
  margin: auto;
  max-height: 80dvh;
  top: 45%;
  position: relative;
  transform: translateY(-50%);
}
@media screen and (max-width: 1500px) {
  #video-overlay .video-overlay__iframe-wrapper {
    max-width: 80%;
  }
}
@media screen and (max-width: 750px) {
  #video-overlay .video-overlay__iframe-wrapper {
    max-height: 70dvh;
    top: 43%;
  }
}
#video-overlay .video-overlay__iframe {
  width: 100%;
  height: 100%;
}
#video-overlay .video-overlay__iframe.video-overlay__iframe--desktop {
  display: block;
}
#video-overlay .video-overlay__iframe.video-overlay__iframe--mobile {
  display: none;
}
@media screen and (max-width: 750px) {
  #video-overlay .video-overlay__iframe.video-overlay__iframe--desktop {
    display: none;
  }
  #video-overlay .video-overlay__iframe.video-overlay__iframe--mobile {
    display: block;
  }
}

.contributors-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-md);
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}
@media screen and (max-width: 1024px) {
  .contributors-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 640px) {
  .contributors-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.contributor-card {
  position: relative;
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .contributor-card:hover:hover .contributor-card__image {
    transform: translateY(101%);
  }
}

.contributor-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all var(--speed-fast) var(--easing1);
  transform: translateY(0%);
}
.contributor-card__image.translated {
  transform: translateY(101%);
}
.contributor-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}

.contributor-card__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--space-xs) 0;
}

.contributor-card__footer {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-xl);
  align-items: end;
}

/*# sourceMappingURL=main.css.map */