/*------------------------------------ 
    Position Helpers
------------------------------------*/
.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.sticky {
  position: sticky !important;
}

@media screen and (min-width: 576.02px) {
  .sm\:static {
    position: static !important;
  }
  .sm\:fixed {
    position: fixed !important;
  }
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:relative {
    position: relative !important;
  }
  .sm\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768.02px) {
  .md\:static {
    position: static !important;
  }
  .md\:fixed {
    position: fixed !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:static {
    position: static !important;
  }
  .lg\:fixed {
    position: fixed !important;
  }
  .lg\:absolute {
    position: absolute !important;
  }
  .lg\:relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:static {
    position: static !important;
  }
  .xl\:fixed {
    position: fixed !important;
  }
  .xl\:absolute {
    position: absolute !important;
  }
  .xl\:relative {
    position: relative !important;
  }
  .xl\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:static {
    position: static !important;
  }
  .\32 xl\:fixed {
    position: fixed !important;
  }
  .\32 xl\:absolute {
    position: absolute !important;
  }
  .\32 xl\:relative {
    position: relative !important;
  }
  .\32 xl\:sticky {
    position: sticky !important;
  }
}
/*------------------------------------ 
    Display Helpers
------------------------------------*/
.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid !important;
}

@media screen and (min-width: 576.02px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .sm\:inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .sm\:grid {
    display: grid !important;
  }
  .sm\:inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 768.02px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .md\:inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .md\:grid {
    display: grid !important;
  }
  .md\:inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .lg\:inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .lg\:grid {
    display: grid !important;
  }
  .lg\:inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .xl\:inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .xl\:grid {
    display: grid !important;
  }
  .xl\:inline-grid {
    display: inline-grid !important;
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:hidden {
    display: none !important;
  }
  .\32 xl\:block {
    display: block !important;
  }
  .\32 xl\:inline-block {
    display: inline-block !important;
  }
  .\32 xl\:inline {
    display: inline !important;
  }
  .\32 xl\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .\32 xl\:inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .\32 xl\:grid {
    display: grid !important;
  }
  .\32 xl\:inline-grid {
    display: inline-grid !important;
  }
}
/*------------------------------------ 
    Flex Helpers
------------------------------------*/
.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.flex-initial {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.items-normal {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}

.self-auto {
  -ms-flex-item-align: auto;
      align-self: auto;
}

.self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.self-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grow-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (min-width: 576.02px) {
  .sm\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
  .sm\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .sm\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .sm\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .sm\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .sm\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sm\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .sm\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .sm\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .sm\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sm\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .sm\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .sm\:items-normal {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .sm\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .sm\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .sm\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .sm\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .sm\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .sm\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  .sm\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .sm\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .sm\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sm\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sm\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .sm\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sm\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .sm\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .sm\:grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .sm\:grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .sm\:shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .sm\:shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 768.02px) {
  .md\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
  .md\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .md\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .md\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .md\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .md\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .md\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .md\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .md\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .md\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .md\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .md\:items-normal {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .md\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .md\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .md\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .md\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .md\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .md\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  .md\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .md\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .md\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .md\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .md\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .md\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .md\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .md\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .md\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .md\:grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .md\:grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .md\:shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .md\:shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
  .lg\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .lg\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .lg\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .lg\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .lg\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lg\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .lg\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .lg\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .lg\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .lg\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .lg\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .lg\:items-normal {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .lg\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .lg\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .lg\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .lg\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .lg\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .lg\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  .lg\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .lg\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .lg\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .lg\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .lg\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .lg\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lg\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .lg\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .lg\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .lg\:grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .lg\:grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .lg\:shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .lg\:shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
  .xl\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .xl\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .xl\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .xl\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .xl\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xl\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .xl\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .xl\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .xl\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .xl\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .xl\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .xl\:items-normal {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .xl\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .xl\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .xl\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .xl\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .xl\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .xl\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  .xl\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .xl\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .xl\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .xl\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .xl\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .xl\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .xl\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .xl\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .xl\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .xl\:grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .xl\:grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .xl\:shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .xl\:shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
  .\32 xl\:flex-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .\32 xl\:flex-initial {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .\32 xl\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .\32 xl\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .\32 xl\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .\32 xl\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .\32 xl\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .\32 xl\:items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .\32 xl\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .\32 xl\:items-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .\32 xl\:items-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .\32 xl\:items-normal {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .\32 xl\:self-auto {
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .\32 xl\:self-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .\32 xl\:self-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .\32 xl\:self-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .\32 xl\:self-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .\32 xl\:self-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  .\32 xl\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .\32 xl\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .\32 xl\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .\32 xl\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .\32 xl\:justify-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .\32 xl\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .\32 xl\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .\32 xl\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .\32 xl\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .\32 xl\:grow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .\32 xl\:grow-0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .\32 xl\:shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .\32 xl\:shrink-0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
/*------------------------------------ 
    Grid Helpers
------------------------------------*/
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

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

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

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

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

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

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

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

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

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

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

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}

.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}

.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}

.grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}

.grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}

.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

@media screen and (min-width: 576.02px) {
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .sm\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .sm\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .sm\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .sm\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .sm\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .sm\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .sm\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .sm\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .sm\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .sm\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .sm\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .sm\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .sm\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .sm\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .sm\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .sm\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .sm\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .sm\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .sm\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .sm\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 768.02px) {
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .md\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .md\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .md\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .md\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .md\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .md\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .md\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .md\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .md\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .md\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .md\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .md\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .md\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .md\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .md\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .md\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .md\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .lg\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .lg\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .lg\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .lg\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .lg\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .lg\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .lg\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .lg\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .lg\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .lg\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .lg\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .lg\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .lg\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .lg\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .lg\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .lg\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .lg\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .xl\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .xl\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .xl\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .xl\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .xl\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .xl\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .xl\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .xl\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .xl\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .xl\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .xl\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .xl\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .xl\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .xl\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .xl\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .xl\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .xl\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .\32 xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .\32 xl\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .\32 xl\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .\32 xl\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .\32 xl\:order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .\32 xl\:order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .\32 xl\:order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .\32 xl\:order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .\32 xl\:order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .\32 xl\:order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .\32 xl\:order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .\32 xl\:order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .\32 xl\:order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .\32 xl\:order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
/*------------------------------------ 
    Gap Helpers
------------------------------------*/
.gap {
  gap: var(--gap);
}
@media screen and (min-width: 576.02px) {
  .gap-sm {
    gap: var(--gap-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .gap-lg {
    gap: var(--gap-lg);
  }
}

.row-gap {
  row-gap: var(--row-gap);
}
@media screen and (min-width: 576.02px) {
  .row-gap-sm {
    row-gap: var(--row-gap-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .row-gap-lg {
    row-gap: var(--row-gap-lg);
  }
}

.column-gap {
  -webkit-column-gap: var(--column-gap);
     -moz-column-gap: var(--column-gap);
          column-gap: var(--column-gap);
}
@media screen and (min-width: 576.02px) {
  .column-gap-sm {
    -webkit-column-gap: var(--column-gap-sm);
       -moz-column-gap: var(--column-gap-sm);
            column-gap: var(--column-gap-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .column-gap-lg {
    -webkit-column-gap: var(--column-gap-lg);
       -moz-column-gap: var(--column-gap-lg);
            column-gap: var(--column-gap-lg);
  }
}

/*------------------------------------ 
    Color Helpers
------------------------------------*/
.bg-white {
  background-color: rgb(var(--colors-white));
}

.hover\:bg-white:hover {
  background-color: rgb(var(--colors-white));
}

.bg-black {
  background-color: rgb(var(--colors-black));
}

.hover\:bg-black:hover {
  background-color: rgb(var(--colors-black));
}

.bg-primary-background {
  background-color: rgb(var(--colors-primary-background));
}

.hover\:bg-primary-background:hover {
  background-color: rgb(var(--colors-primary-background));
}

.bg-primary-foreground {
  background-color: rgb(var(--colors-primary-foreground));
}

.hover\:bg-primary-foreground:hover {
  background-color: rgb(var(--colors-primary-foreground));
}

.bg-secondary-background {
  background-color: rgb(var(--colors-secondary-background));
}

.hover\:bg-secondary-background:hover {
  background-color: rgb(var(--colors-secondary-background));
}

.bg-secondary-foreground {
  background-color: rgb(var(--colors-secondary-foreground));
}

.hover\:bg-secondary-foreground:hover {
  background-color: rgb(var(--colors-secondary-foreground));
}

.bg-button-default-background {
  background-color: rgb(var(--colors-button-default-background));
}

.hover\:bg-button-default-background:hover {
  background-color: rgb(var(--colors-button-default-background));
}

.bg-button-default-foreground {
  background-color: rgb(var(--colors-button-default-foreground));
}

.hover\:bg-button-default-foreground:hover {
  background-color: rgb(var(--colors-button-default-foreground));
}

.bg-dropdown-border {
  background-color: rgb(var(--colors-dropdown-border));
}

.hover\:bg-dropdown-border:hover {
  background-color: rgb(var(--colors-dropdown-border));
}

.bg-dropdown-background {
  background-color: rgb(var(--colors-dropdown-background));
}

.hover\:bg-dropdown-background:hover {
  background-color: rgb(var(--colors-dropdown-background));
}

.bg-dropdown-foreground {
  background-color: rgb(var(--colors-dropdown-foreground));
}

.hover\:bg-dropdown-foreground:hover {
  background-color: rgb(var(--colors-dropdown-foreground));
}

.bg-dropdown-muted {
  background-color: rgb(var(--colors-dropdown-muted));
}

.hover\:bg-dropdown-muted:hover {
  background-color: rgb(var(--colors-dropdown-muted));
}

.bg-drawer-background {
  background-color: rgb(var(--colors-drawer-background));
}

.hover\:bg-drawer-background:hover {
  background-color: rgb(var(--colors-drawer-background));
}

.bg-drawer-foreground {
  background-color: rgb(var(--colors-drawer-foreground));
}

.hover\:bg-drawer-foreground:hover {
  background-color: rgb(var(--colors-drawer-foreground));
}

.bg-drawer-muted-background {
  background-color: rgb(var(--colors-drawer-muted-background));
}

.hover\:bg-drawer-muted-background:hover {
  background-color: rgb(var(--colors-drawer-muted-background));
}

.bg-drawer-muted-foreground {
  background-color: rgb(var(--colors-drawer-muted-foreground));
}

.hover\:bg-drawer-muted-foreground:hover {
  background-color: rgb(var(--colors-drawer-muted-foreground));
}

.bg-drawer-inline-border {
  background-color: rgb(var(--colors-drawer-inline-border));
}

.hover\:bg-drawer-inline-border:hover {
  background-color: rgb(var(--colors-drawer-inline-border));
}

.bg-primary-menu-active-background {
  background-color: rgb(var(--colors-primary-menu-active-background));
}

.hover\:bg-primary-menu-active-background:hover {
  background-color: rgb(var(--colors-primary-menu-active-background));
}

.bg-primary-menu-active-foreground {
  background-color: rgb(var(--colors-primary-menu-active-foreground));
}

.hover\:bg-primary-menu-active-foreground:hover {
  background-color: rgb(var(--colors-primary-menu-active-foreground));
}

.bg-gray-50 {
  background-color: rgb(var(--colors-gray-50));
}

.hover\:bg-gray-50:hover {
  background-color: rgb(var(--colors-gray-50));
}

.bg-gray-100 {
  background-color: rgb(var(--colors-gray-100));
}

.hover\:bg-gray-100:hover {
  background-color: rgb(var(--colors-gray-100));
}

.bg-gray-200 {
  background-color: rgb(var(--colors-gray-200));
}

.hover\:bg-gray-200:hover {
  background-color: rgb(var(--colors-gray-200));
}

.bg-gray-300 {
  background-color: rgb(var(--colors-gray-300));
}

.hover\:bg-gray-300:hover {
  background-color: rgb(var(--colors-gray-300));
}

.bg-gray-400 {
  background-color: rgb(var(--colors-gray-400));
}

.hover\:bg-gray-400:hover {
  background-color: rgb(var(--colors-gray-400));
}

.bg-gray-500 {
  background-color: rgb(var(--colors-gray-500));
}

.hover\:bg-gray-500:hover {
  background-color: rgb(var(--colors-gray-500));
}

.bg-gray-600 {
  background-color: rgb(var(--colors-gray-600));
}

.hover\:bg-gray-600:hover {
  background-color: rgb(var(--colors-gray-600));
}

.bg-gray-700 {
  background-color: rgb(var(--colors-gray-700));
}

.hover\:bg-gray-700:hover {
  background-color: rgb(var(--colors-gray-700));
}

.bg-gray-800 {
  background-color: rgb(var(--colors-gray-800));
}

.hover\:bg-gray-800:hover {
  background-color: rgb(var(--colors-gray-800));
}

.bg-gray-900 {
  background-color: rgb(var(--colors-gray-900));
}

.hover\:bg-gray-900:hover {
  background-color: rgb(var(--colors-gray-900));
}

.bg-gray-950 {
  background-color: rgb(var(--colors-gray-950));
}

.hover\:bg-gray-950:hover {
  background-color: rgb(var(--colors-gray-950));
}

.bg-blue-light {
  background-color: rgb(var(--colors-blue-light));
}

.hover\:bg-blue-light:hover {
  background-color: rgb(var(--colors-blue-light));
}

.bg-blue-base {
  background-color: rgb(var(--colors-blue-base));
}

.hover\:bg-blue-base:hover {
  background-color: rgb(var(--colors-blue-base));
}

.bg-blue-dark {
  background-color: rgb(var(--colors-blue-dark));
}

.hover\:bg-blue-dark:hover {
  background-color: rgb(var(--colors-blue-dark));
}

.bg-green-light {
  background-color: rgb(var(--colors-green-light));
}

.hover\:bg-green-light:hover {
  background-color: rgb(var(--colors-green-light));
}

.bg-green-base {
  background-color: rgb(var(--colors-green-base));
}

.hover\:bg-green-base:hover {
  background-color: rgb(var(--colors-green-base));
}

.bg-green-dark {
  background-color: rgb(var(--colors-green-dark));
}

.hover\:bg-green-dark:hover {
  background-color: rgb(var(--colors-green-dark));
}

.bg-orange-light {
  background-color: rgb(var(--colors-orange-light));
}

.hover\:bg-orange-light:hover {
  background-color: rgb(var(--colors-orange-light));
}

.bg-orange-base {
  background-color: rgb(var(--colors-orange-base));
}

.hover\:bg-orange-base:hover {
  background-color: rgb(var(--colors-orange-base));
}

.bg-orange-dark {
  background-color: rgb(var(--colors-orange-dark));
}

.hover\:bg-orange-dark:hover {
  background-color: rgb(var(--colors-orange-dark));
}

.bg-red-light {
  background-color: rgb(var(--colors-red-light));
}

.hover\:bg-red-light:hover {
  background-color: rgb(var(--colors-red-light));
}

.bg-red-base {
  background-color: rgb(var(--colors-red-base));
}

.hover\:bg-red-base:hover {
  background-color: rgb(var(--colors-red-base));
}

.bg-red-dark {
  background-color: rgb(var(--colors-red-dark));
}

.hover\:bg-red-dark:hover {
  background-color: rgb(var(--colors-red-dark));
}

.bg-yellow-light {
  background-color: rgb(var(--colors-yellow-light));
}

.hover\:bg-yellow-light:hover {
  background-color: rgb(var(--colors-yellow-light));
}

.bg-yellow-base {
  background-color: rgb(var(--colors-yellow-base));
}

.hover\:bg-yellow-base:hover {
  background-color: rgb(var(--colors-yellow-base));
}

.bg-yellow-dark {
  background-color: rgb(var(--colors-yellow-dark));
}

.hover\:bg-yellow-dark:hover {
  background-color: rgb(var(--colors-yellow-dark));
}

.text-white {
  color: rgb(var(--colors-white));
}

.hover\:text-white:hover {
  color: rgb(var(--colors-white));
}

.text-black {
  color: rgb(var(--colors-black));
}

.hover\:text-black:hover {
  color: rgb(var(--colors-black));
}

.text-primary-background {
  color: rgb(var(--colors-primary-background));
}

.hover\:text-primary-background:hover {
  color: rgb(var(--colors-primary-background));
}

.text-primary-foreground {
  color: rgb(var(--colors-primary-foreground));
}

.hover\:text-primary-foreground:hover {
  color: rgb(var(--colors-primary-foreground));
}

.text-secondary-background {
  color: rgb(var(--colors-secondary-background));
}

.hover\:text-secondary-background:hover {
  color: rgb(var(--colors-secondary-background));
}

.text-secondary-foreground {
  color: rgb(var(--colors-secondary-foreground));
}

.hover\:text-secondary-foreground:hover {
  color: rgb(var(--colors-secondary-foreground));
}

.text-button-default-background {
  color: rgb(var(--colors-button-default-background));
}

.hover\:text-button-default-background:hover {
  color: rgb(var(--colors-button-default-background));
}

.text-button-default-foreground {
  color: rgb(var(--colors-button-default-foreground));
}

.hover\:text-button-default-foreground:hover {
  color: rgb(var(--colors-button-default-foreground));
}

.text-dropdown-border {
  color: rgb(var(--colors-dropdown-border));
}

.hover\:text-dropdown-border:hover {
  color: rgb(var(--colors-dropdown-border));
}

.text-dropdown-background {
  color: rgb(var(--colors-dropdown-background));
}

.hover\:text-dropdown-background:hover {
  color: rgb(var(--colors-dropdown-background));
}

.text-dropdown-foreground {
  color: rgb(var(--colors-dropdown-foreground));
}

.hover\:text-dropdown-foreground:hover {
  color: rgb(var(--colors-dropdown-foreground));
}

.text-dropdown-muted {
  color: rgb(var(--colors-dropdown-muted));
}

.hover\:text-dropdown-muted:hover {
  color: rgb(var(--colors-dropdown-muted));
}

.text-drawer-background {
  color: rgb(var(--colors-drawer-background));
}

.hover\:text-drawer-background:hover {
  color: rgb(var(--colors-drawer-background));
}

.text-drawer-foreground {
  color: rgb(var(--colors-drawer-foreground));
}

.hover\:text-drawer-foreground:hover {
  color: rgb(var(--colors-drawer-foreground));
}

.text-drawer-muted-background {
  color: rgb(var(--colors-drawer-muted-background));
}

.hover\:text-drawer-muted-background:hover {
  color: rgb(var(--colors-drawer-muted-background));
}

.text-drawer-muted-foreground {
  color: rgb(var(--colors-drawer-muted-foreground));
}

.hover\:text-drawer-muted-foreground:hover {
  color: rgb(var(--colors-drawer-muted-foreground));
}

.text-drawer-inline-border {
  color: rgb(var(--colors-drawer-inline-border));
}

.hover\:text-drawer-inline-border:hover {
  color: rgb(var(--colors-drawer-inline-border));
}

.text-primary-menu-active-background {
  color: rgb(var(--colors-primary-menu-active-background));
}

.hover\:text-primary-menu-active-background:hover {
  color: rgb(var(--colors-primary-menu-active-background));
}

.text-primary-menu-active-foreground {
  color: rgb(var(--colors-primary-menu-active-foreground));
}

.hover\:text-primary-menu-active-foreground:hover {
  color: rgb(var(--colors-primary-menu-active-foreground));
}

.text-gray-50 {
  color: rgb(var(--colors-gray-50));
}

.hover\:text-gray-50:hover {
  color: rgb(var(--colors-gray-50));
}

.text-gray-100 {
  color: rgb(var(--colors-gray-100));
}

.hover\:text-gray-100:hover {
  color: rgb(var(--colors-gray-100));
}

.text-gray-200 {
  color: rgb(var(--colors-gray-200));
}

.hover\:text-gray-200:hover {
  color: rgb(var(--colors-gray-200));
}

.text-gray-300 {
  color: rgb(var(--colors-gray-300));
}

.hover\:text-gray-300:hover {
  color: rgb(var(--colors-gray-300));
}

.text-gray-400 {
  color: rgb(var(--colors-gray-400));
}

.hover\:text-gray-400:hover {
  color: rgb(var(--colors-gray-400));
}

.text-gray-500 {
  color: rgb(var(--colors-gray-500));
}

.hover\:text-gray-500:hover {
  color: rgb(var(--colors-gray-500));
}

.text-gray-600 {
  color: rgb(var(--colors-gray-600));
}

.hover\:text-gray-600:hover {
  color: rgb(var(--colors-gray-600));
}

.text-gray-700 {
  color: rgb(var(--colors-gray-700));
}

.hover\:text-gray-700:hover {
  color: rgb(var(--colors-gray-700));
}

.text-gray-800 {
  color: rgb(var(--colors-gray-800));
}

.hover\:text-gray-800:hover {
  color: rgb(var(--colors-gray-800));
}

.text-gray-900 {
  color: rgb(var(--colors-gray-900));
}

.hover\:text-gray-900:hover {
  color: rgb(var(--colors-gray-900));
}

.text-gray-950 {
  color: rgb(var(--colors-gray-950));
}

.hover\:text-gray-950:hover {
  color: rgb(var(--colors-gray-950));
}

.text-blue-light {
  color: rgb(var(--colors-blue-light));
}

.hover\:text-blue-light:hover {
  color: rgb(var(--colors-blue-light));
}

.text-blue-base {
  color: rgb(var(--colors-blue-base));
}

.hover\:text-blue-base:hover {
  color: rgb(var(--colors-blue-base));
}

.text-blue-dark {
  color: rgb(var(--colors-blue-dark));
}

.hover\:text-blue-dark:hover {
  color: rgb(var(--colors-blue-dark));
}

.text-green-light {
  color: rgb(var(--colors-green-light));
}

.hover\:text-green-light:hover {
  color: rgb(var(--colors-green-light));
}

.text-green-base {
  color: rgb(var(--colors-green-base));
}

.hover\:text-green-base:hover {
  color: rgb(var(--colors-green-base));
}

.text-green-dark {
  color: rgb(var(--colors-green-dark));
}

.hover\:text-green-dark:hover {
  color: rgb(var(--colors-green-dark));
}

.text-orange-light {
  color: rgb(var(--colors-orange-light));
}

.hover\:text-orange-light:hover {
  color: rgb(var(--colors-orange-light));
}

.text-orange-base {
  color: rgb(var(--colors-orange-base));
}

.hover\:text-orange-base:hover {
  color: rgb(var(--colors-orange-base));
}

.text-orange-dark {
  color: rgb(var(--colors-orange-dark));
}

.hover\:text-orange-dark:hover {
  color: rgb(var(--colors-orange-dark));
}

.text-red-light {
  color: rgb(var(--colors-red-light));
}

.hover\:text-red-light:hover {
  color: rgb(var(--colors-red-light));
}

.text-red-base {
  color: rgb(var(--colors-red-base));
}

.hover\:text-red-base:hover {
  color: rgb(var(--colors-red-base));
}

.text-red-dark {
  color: rgb(var(--colors-red-dark));
}

.hover\:text-red-dark:hover {
  color: rgb(var(--colors-red-dark));
}

.text-yellow-light {
  color: rgb(var(--colors-yellow-light));
}

.hover\:text-yellow-light:hover {
  color: rgb(var(--colors-yellow-light));
}

.text-yellow-base {
  color: rgb(var(--colors-yellow-base));
}

.hover\:text-yellow-base:hover {
  color: rgb(var(--colors-yellow-base));
}

.text-yellow-dark {
  color: rgb(var(--colors-yellow-dark));
}

.hover\:text-yellow-dark:hover {
  color: rgb(var(--colors-yellow-dark));
}

.border-white {
  border-color: rgb(var(--colors-white));
}

.hover\:border-white:hover {
  border-color: rgb(var(--colors-white));
}

.border-black {
  border-color: rgb(var(--colors-black));
}

.hover\:border-black:hover {
  border-color: rgb(var(--colors-black));
}

.border-primary-background {
  border-color: rgb(var(--colors-primary-background));
}

.hover\:border-primary-background:hover {
  border-color: rgb(var(--colors-primary-background));
}

.border-primary-foreground {
  border-color: rgb(var(--colors-primary-foreground));
}

.hover\:border-primary-foreground:hover {
  border-color: rgb(var(--colors-primary-foreground));
}

.border-secondary-background {
  border-color: rgb(var(--colors-secondary-background));
}

.hover\:border-secondary-background:hover {
  border-color: rgb(var(--colors-secondary-background));
}

.border-secondary-foreground {
  border-color: rgb(var(--colors-secondary-foreground));
}

.hover\:border-secondary-foreground:hover {
  border-color: rgb(var(--colors-secondary-foreground));
}

.border-button-default-background {
  border-color: rgb(var(--colors-button-default-background));
}

.hover\:border-button-default-background:hover {
  border-color: rgb(var(--colors-button-default-background));
}

.border-button-default-foreground {
  border-color: rgb(var(--colors-button-default-foreground));
}

.hover\:border-button-default-foreground:hover {
  border-color: rgb(var(--colors-button-default-foreground));
}

.border-dropdown-border {
  border-color: rgb(var(--colors-dropdown-border));
}

.hover\:border-dropdown-border:hover {
  border-color: rgb(var(--colors-dropdown-border));
}

.border-dropdown-background {
  border-color: rgb(var(--colors-dropdown-background));
}

.hover\:border-dropdown-background:hover {
  border-color: rgb(var(--colors-dropdown-background));
}

.border-dropdown-foreground {
  border-color: rgb(var(--colors-dropdown-foreground));
}

.hover\:border-dropdown-foreground:hover {
  border-color: rgb(var(--colors-dropdown-foreground));
}

.border-dropdown-muted {
  border-color: rgb(var(--colors-dropdown-muted));
}

.hover\:border-dropdown-muted:hover {
  border-color: rgb(var(--colors-dropdown-muted));
}

.border-drawer-background {
  border-color: rgb(var(--colors-drawer-background));
}

.hover\:border-drawer-background:hover {
  border-color: rgb(var(--colors-drawer-background));
}

.border-drawer-foreground {
  border-color: rgb(var(--colors-drawer-foreground));
}

.hover\:border-drawer-foreground:hover {
  border-color: rgb(var(--colors-drawer-foreground));
}

.border-drawer-muted-background {
  border-color: rgb(var(--colors-drawer-muted-background));
}

.hover\:border-drawer-muted-background:hover {
  border-color: rgb(var(--colors-drawer-muted-background));
}

.border-drawer-muted-foreground {
  border-color: rgb(var(--colors-drawer-muted-foreground));
}

.hover\:border-drawer-muted-foreground:hover {
  border-color: rgb(var(--colors-drawer-muted-foreground));
}

.border-drawer-inline-border {
  border-color: rgb(var(--colors-drawer-inline-border));
}

.hover\:border-drawer-inline-border:hover {
  border-color: rgb(var(--colors-drawer-inline-border));
}

.border-primary-menu-active-background {
  border-color: rgb(var(--colors-primary-menu-active-background));
}

.hover\:border-primary-menu-active-background:hover {
  border-color: rgb(var(--colors-primary-menu-active-background));
}

.border-primary-menu-active-foreground {
  border-color: rgb(var(--colors-primary-menu-active-foreground));
}

.hover\:border-primary-menu-active-foreground:hover {
  border-color: rgb(var(--colors-primary-menu-active-foreground));
}

.border-gray-50 {
  border-color: rgb(var(--colors-gray-50));
}

.hover\:border-gray-50:hover {
  border-color: rgb(var(--colors-gray-50));
}

.border-gray-100 {
  border-color: rgb(var(--colors-gray-100));
}

.hover\:border-gray-100:hover {
  border-color: rgb(var(--colors-gray-100));
}

.border-gray-200 {
  border-color: rgb(var(--colors-gray-200));
}

.hover\:border-gray-200:hover {
  border-color: rgb(var(--colors-gray-200));
}

.border-gray-300 {
  border-color: rgb(var(--colors-gray-300));
}

.hover\:border-gray-300:hover {
  border-color: rgb(var(--colors-gray-300));
}

.border-gray-400 {
  border-color: rgb(var(--colors-gray-400));
}

.hover\:border-gray-400:hover {
  border-color: rgb(var(--colors-gray-400));
}

.border-gray-500 {
  border-color: rgb(var(--colors-gray-500));
}

.hover\:border-gray-500:hover {
  border-color: rgb(var(--colors-gray-500));
}

.border-gray-600 {
  border-color: rgb(var(--colors-gray-600));
}

.hover\:border-gray-600:hover {
  border-color: rgb(var(--colors-gray-600));
}

.border-gray-700 {
  border-color: rgb(var(--colors-gray-700));
}

.hover\:border-gray-700:hover {
  border-color: rgb(var(--colors-gray-700));
}

.border-gray-800 {
  border-color: rgb(var(--colors-gray-800));
}

.hover\:border-gray-800:hover {
  border-color: rgb(var(--colors-gray-800));
}

.border-gray-900 {
  border-color: rgb(var(--colors-gray-900));
}

.hover\:border-gray-900:hover {
  border-color: rgb(var(--colors-gray-900));
}

.border-gray-950 {
  border-color: rgb(var(--colors-gray-950));
}

.hover\:border-gray-950:hover {
  border-color: rgb(var(--colors-gray-950));
}

.border-blue-light {
  border-color: rgb(var(--colors-blue-light));
}

.hover\:border-blue-light:hover {
  border-color: rgb(var(--colors-blue-light));
}

.border-blue-base {
  border-color: rgb(var(--colors-blue-base));
}

.hover\:border-blue-base:hover {
  border-color: rgb(var(--colors-blue-base));
}

.border-blue-dark {
  border-color: rgb(var(--colors-blue-dark));
}

.hover\:border-blue-dark:hover {
  border-color: rgb(var(--colors-blue-dark));
}

.border-green-light {
  border-color: rgb(var(--colors-green-light));
}

.hover\:border-green-light:hover {
  border-color: rgb(var(--colors-green-light));
}

.border-green-base {
  border-color: rgb(var(--colors-green-base));
}

.hover\:border-green-base:hover {
  border-color: rgb(var(--colors-green-base));
}

.border-green-dark {
  border-color: rgb(var(--colors-green-dark));
}

.hover\:border-green-dark:hover {
  border-color: rgb(var(--colors-green-dark));
}

.border-orange-light {
  border-color: rgb(var(--colors-orange-light));
}

.hover\:border-orange-light:hover {
  border-color: rgb(var(--colors-orange-light));
}

.border-orange-base {
  border-color: rgb(var(--colors-orange-base));
}

.hover\:border-orange-base:hover {
  border-color: rgb(var(--colors-orange-base));
}

.border-orange-dark {
  border-color: rgb(var(--colors-orange-dark));
}

.hover\:border-orange-dark:hover {
  border-color: rgb(var(--colors-orange-dark));
}

.border-red-light {
  border-color: rgb(var(--colors-red-light));
}

.hover\:border-red-light:hover {
  border-color: rgb(var(--colors-red-light));
}

.border-red-base {
  border-color: rgb(var(--colors-red-base));
}

.hover\:border-red-base:hover {
  border-color: rgb(var(--colors-red-base));
}

.border-red-dark {
  border-color: rgb(var(--colors-red-dark));
}

.hover\:border-red-dark:hover {
  border-color: rgb(var(--colors-red-dark));
}

.border-yellow-light {
  border-color: rgb(var(--colors-yellow-light));
}

.hover\:border-yellow-light:hover {
  border-color: rgb(var(--colors-yellow-light));
}

.border-yellow-base {
  border-color: rgb(var(--colors-yellow-base));
}

.hover\:border-yellow-base:hover {
  border-color: rgb(var(--colors-yellow-base));
}

.border-yellow-dark {
  border-color: rgb(var(--colors-yellow-dark));
}

.hover\:border-yellow-dark:hover {
  border-color: rgb(var(--colors-yellow-dark));
}

.bg-current {
  background-color: currentColor;
}

.text-current {
  color: currentColor;
}

.border-current {
  border-color: currentColor;
}

.bg-transparent {
  background-color: transparent;
}

.text-transparent {
  color: transparent;
}

.border-transparent {
  border-color: transparent;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:bg-current:hover {
    background-color: currentColor;
  }
  .hover\:text-current:hover {
    color: currentColor;
  }
  .hover\:border-current:hover {
    border-color: currentColor;
  }
  .hover\:bg-transparent:hover {
    background-color: transparent;
  }
  .hover\:text-transparent:hover {
    color: transparent;
  }
  .hover\:border-transparent:hover {
    border-color: transparent;
  }
}
/* Custom colors */
.bg-custom {
  --grandient-direction: bottom;
  --grandient-start-color: var(--colors-primary-background);
  --grandient-end-color: var(--colors-secondary-background);
  background-color: var(--bg-custom);
}
.bg-custom-gradient {
  background: -webkit-gradient(linear, , from(var(--grandient-start-color)), to(var(--grandient-end-color)));
  background: linear-gradient(to var(--grandient-direction), var(--grandient-start-color), var(--grandient-end-color));
}

.text-custom {
  --text-grandient-direction: bottom;
  --text-grandient-start-color: var(--colors-primary-background);
  --text-grandient-end-color: var(--colors-secondary-background);
  color: var(--text-custom);
}
.text-custom-gradient {
  background: -webkit-gradient(linear, , from(var(--text-grandient-start-color)), to(var(--text-grandient-end-color)));
  background: linear-gradient(to var(--text-grandient-direction), var(--text-grandient-start-color), var(--text-grandient-end-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*------------------------------------ 
    Radius Helpers
------------------------------------*/
.rounded-none {
  border-radius: var(--radius-none);
}

.rounded-xs {
  border-radius: var(--radius-xs);
}

.rounded-sm {
  border-radius: var(--radius-sm);
}

.rounded-base {
  border-radius: var(--radius-base);
}

.rounded-lg {
  border-radius: var(--radius-lg);
}

.rounded-xl {
  border-radius: var(--radius-xl);
}

.rounded-full {
  border-radius: var(--radius-full);
}

.rounded-t-none {
  border-top-left-radius: var(--radius-none);
  border-top-right-radius: var(--radius-none);
}

.rounded-t-xs {
  border-top-left-radius: var(--radius-xs);
  border-top-right-radius: var(--radius-xs);
}

.rounded-t-sm {
  border-top-left-radius: var(--radius-sm);
  border-top-right-radius: var(--radius-sm);
}

.rounded-t-base {
  border-top-left-radius: var(--radius-base);
  border-top-right-radius: var(--radius-base);
}

.rounded-t-lg {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

.rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}

.rounded-t-full {
  border-top-left-radius: var(--radius-full);
  border-top-right-radius: var(--radius-full);
}

.rounded-b-none {
  border-bottom-left-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
}

.rounded-b-xs {
  border-bottom-left-radius: var(--radius-xs);
  border-bottom-right-radius: var(--radius-xs);
}

.rounded-b-sm {
  border-bottom-left-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
}

.rounded-b-base {
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

.rounded-b-lg {
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

.rounded-b-xl {
  border-bottom-left-radius: var(--radius-xl);
  border-bottom-right-radius: var(--radius-xl);
}

.rounded-b-full {
  border-bottom-left-radius: var(--radius-full);
  border-bottom-right-radius: var(--radius-full);
}

.rounded-s-none {
  border-start-start-radius: var(--radius-none);
  border-end-start-radius: var(--radius-none);
}

.rounded-s-xs {
  border-start-start-radius: var(--radius-xs);
  border-end-start-radius: var(--radius-xs);
}

.rounded-s-sm {
  border-start-start-radius: var(--radius-sm);
  border-end-start-radius: var(--radius-sm);
}

.rounded-s-base {
  border-start-start-radius: var(--radius-base);
  border-end-start-radius: var(--radius-base);
}

.rounded-s-lg {
  border-start-start-radius: var(--radius-lg);
  border-end-start-radius: var(--radius-lg);
}

.rounded-s-xl {
  border-start-start-radius: var(--radius-xl);
  border-end-start-radius: var(--radius-xl);
}

.rounded-s-full {
  border-start-start-radius: var(--radius-full);
  border-end-start-radius: var(--radius-full);
}

.rounded-e-none {
  border-start-end-radius: var(--radius-none);
  border-end-end-radius: var(--radius-none);
}

.rounded-e-xs {
  border-start-end-radius: var(--radius-xs);
  border-end-end-radius: var(--radius-xs);
}

.rounded-e-sm {
  border-start-end-radius: var(--radius-sm);
  border-end-end-radius: var(--radius-sm);
}

.rounded-e-base {
  border-start-end-radius: var(--radius-base);
  border-end-end-radius: var(--radius-base);
}

.rounded-e-lg {
  border-start-end-radius: var(--radius-lg);
  border-end-end-radius: var(--radius-lg);
}

.rounded-e-xl {
  border-start-end-radius: var(--radius-xl);
  border-end-end-radius: var(--radius-xl);
}

.rounded-e-full {
  border-start-end-radius: var(--radius-full);
  border-end-end-radius: var(--radius-full);
}

.rounded-ss-none {
  border-start-start-radius: var(--radius-none);
}

.rounded-ss-xs {
  border-start-start-radius: var(--radius-xs);
}

.rounded-ss-sm {
  border-start-start-radius: var(--radius-sm);
}

.rounded-ss-base {
  border-start-start-radius: var(--radius-base);
}

.rounded-ss-lg {
  border-start-start-radius: var(--radius-lg);
}

.rounded-ss-xl {
  border-start-start-radius: var(--radius-xl);
}

.rounded-ss-full {
  border-start-start-radius: var(--radius-full);
}

.rounded-ee-none {
  border-end-end-radius: var(--radius-none);
}

.rounded-ee-xs {
  border-end-end-radius: var(--radius-xs);
}

.rounded-ee-sm {
  border-end-end-radius: var(--radius-sm);
}

.rounded-ee-base {
  border-end-end-radius: var(--radius-base);
}

.rounded-ee-lg {
  border-end-end-radius: var(--radius-lg);
}

.rounded-ee-xl {
  border-end-end-radius: var(--radius-xl);
}

.rounded-ee-full {
  border-end-end-radius: var(--radius-full);
}

.rounded-se-none {
  border-start-end-radius: var(--radius-none);
}

.rounded-se-xs {
  border-start-end-radius: var(--radius-xs);
}

.rounded-se-sm {
  border-start-end-radius: var(--radius-sm);
}

.rounded-se-base {
  border-start-end-radius: var(--radius-base);
}

.rounded-se-lg {
  border-start-end-radius: var(--radius-lg);
}

.rounded-se-xl {
  border-start-end-radius: var(--radius-xl);
}

.rounded-se-full {
  border-start-end-radius: var(--radius-full);
}

.rounded-es-none {
  border-end-start-radius: var(--radius-none);
}

.rounded-es-xs {
  border-end-start-radius: var(--radius-xs);
}

.rounded-es-sm {
  border-end-start-radius: var(--radius-sm);
}

.rounded-es-base {
  border-end-start-radius: var(--radius-base);
}

.rounded-es-lg {
  border-end-start-radius: var(--radius-lg);
}

.rounded-es-xl {
  border-end-start-radius: var(--radius-xl);
}

.rounded-es-full {
  border-end-start-radius: var(--radius-full);
}

@media screen and (min-width: 576.02px) {
  .sm\:rounded-none {
    border-radius: var(--radius-none);
  }
  .sm\:rounded-xs {
    border-radius: var(--radius-xs);
  }
  .sm\:rounded-sm {
    border-radius: var(--radius-sm);
  }
  .sm\:rounded-base {
    border-radius: var(--radius-base);
  }
  .sm\:rounded-lg {
    border-radius: var(--radius-lg);
  }
  .sm\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  .sm\:rounded-full {
    border-radius: var(--radius-full);
  }
  .sm\:rounded-t-none {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }
  .sm\:rounded-t-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
  }
  .sm\:rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }
  .sm\:rounded-t-base {
    border-top-left-radius: var(--radius-base);
    border-top-right-radius: var(--radius-base);
  }
  .sm\:rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .sm\:rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .sm\:rounded-t-full {
    border-top-left-radius: var(--radius-full);
    border-top-right-radius: var(--radius-full);
  }
  .sm\:rounded-b-none {
    border-bottom-left-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none);
  }
  .sm\:rounded-b-xs {
    border-bottom-left-radius: var(--radius-xs);
    border-bottom-right-radius: var(--radius-xs);
  }
  .sm\:rounded-b-sm {
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .sm\:rounded-b-base {
    border-bottom-left-radius: var(--radius-base);
    border-bottom-right-radius: var(--radius-base);
  }
  .sm\:rounded-b-lg {
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .sm\:rounded-b-xl {
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .sm\:rounded-b-full {
    border-bottom-left-radius: var(--radius-full);
    border-bottom-right-radius: var(--radius-full);
  }
  .sm\:rounded-s-none {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }
  .sm\:rounded-s-xs {
    border-start-start-radius: var(--radius-xs);
    border-end-start-radius: var(--radius-xs);
  }
  .sm\:rounded-s-sm {
    border-start-start-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm);
  }
  .sm\:rounded-s-base {
    border-start-start-radius: var(--radius-base);
    border-end-start-radius: var(--radius-base);
  }
  .sm\:rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
  }
  .sm\:rounded-s-xl {
    border-start-start-radius: var(--radius-xl);
    border-end-start-radius: var(--radius-xl);
  }
  .sm\:rounded-s-full {
    border-start-start-radius: var(--radius-full);
    border-end-start-radius: var(--radius-full);
  }
  .sm\:rounded-e-none {
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }
  .sm\:rounded-e-xs {
    border-start-end-radius: var(--radius-xs);
    border-end-end-radius: var(--radius-xs);
  }
  .sm\:rounded-e-sm {
    border-start-end-radius: var(--radius-sm);
    border-end-end-radius: var(--radius-sm);
  }
  .sm\:rounded-e-base {
    border-start-end-radius: var(--radius-base);
    border-end-end-radius: var(--radius-base);
  }
  .sm\:rounded-e-lg {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
  }
  .sm\:rounded-e-xl {
    border-start-end-radius: var(--radius-xl);
    border-end-end-radius: var(--radius-xl);
  }
  .sm\:rounded-e-full {
    border-start-end-radius: var(--radius-full);
    border-end-end-radius: var(--radius-full);
  }
  .sm\:rounded-ss-none {
    border-start-start-radius: var(--radius-none);
  }
  .sm\:rounded-ss-xs {
    border-start-start-radius: var(--radius-xs);
  }
  .sm\:rounded-ss-sm {
    border-start-start-radius: var(--radius-sm);
  }
  .sm\:rounded-ss-base {
    border-start-start-radius: var(--radius-base);
  }
  .sm\:rounded-ss-lg {
    border-start-start-radius: var(--radius-lg);
  }
  .sm\:rounded-ss-xl {
    border-start-start-radius: var(--radius-xl);
  }
  .sm\:rounded-ss-full {
    border-start-start-radius: var(--radius-full);
  }
  .sm\:rounded-ee-none {
    border-end-end-radius: var(--radius-none);
  }
  .sm\:rounded-ee-xs {
    border-end-end-radius: var(--radius-xs);
  }
  .sm\:rounded-ee-sm {
    border-end-end-radius: var(--radius-sm);
  }
  .sm\:rounded-ee-base {
    border-end-end-radius: var(--radius-base);
  }
  .sm\:rounded-ee-lg {
    border-end-end-radius: var(--radius-lg);
  }
  .sm\:rounded-ee-xl {
    border-end-end-radius: var(--radius-xl);
  }
  .sm\:rounded-ee-full {
    border-end-end-radius: var(--radius-full);
  }
  .sm\:rounded-se-none {
    border-start-end-radius: var(--radius-none);
  }
  .sm\:rounded-se-xs {
    border-start-end-radius: var(--radius-xs);
  }
  .sm\:rounded-se-sm {
    border-start-end-radius: var(--radius-sm);
  }
  .sm\:rounded-se-base {
    border-start-end-radius: var(--radius-base);
  }
  .sm\:rounded-se-lg {
    border-start-end-radius: var(--radius-lg);
  }
  .sm\:rounded-se-xl {
    border-start-end-radius: var(--radius-xl);
  }
  .sm\:rounded-se-full {
    border-start-end-radius: var(--radius-full);
  }
  .sm\:rounded-es-none {
    border-end-start-radius: var(--radius-none);
  }
  .sm\:rounded-es-xs {
    border-end-start-radius: var(--radius-xs);
  }
  .sm\:rounded-es-sm {
    border-end-start-radius: var(--radius-sm);
  }
  .sm\:rounded-es-base {
    border-end-start-radius: var(--radius-base);
  }
  .sm\:rounded-es-lg {
    border-end-start-radius: var(--radius-lg);
  }
  .sm\:rounded-es-xl {
    border-end-start-radius: var(--radius-xl);
  }
  .sm\:rounded-es-full {
    border-end-start-radius: var(--radius-full);
  }
}
@media screen and (min-width: 768.02px) {
  .md\:rounded-none {
    border-radius: var(--radius-none);
  }
  .md\:rounded-xs {
    border-radius: var(--radius-xs);
  }
  .md\:rounded-sm {
    border-radius: var(--radius-sm);
  }
  .md\:rounded-base {
    border-radius: var(--radius-base);
  }
  .md\:rounded-lg {
    border-radius: var(--radius-lg);
  }
  .md\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  .md\:rounded-full {
    border-radius: var(--radius-full);
  }
  .md\:rounded-t-none {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }
  .md\:rounded-t-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
  }
  .md\:rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }
  .md\:rounded-t-base {
    border-top-left-radius: var(--radius-base);
    border-top-right-radius: var(--radius-base);
  }
  .md\:rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .md\:rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .md\:rounded-t-full {
    border-top-left-radius: var(--radius-full);
    border-top-right-radius: var(--radius-full);
  }
  .md\:rounded-b-none {
    border-bottom-left-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none);
  }
  .md\:rounded-b-xs {
    border-bottom-left-radius: var(--radius-xs);
    border-bottom-right-radius: var(--radius-xs);
  }
  .md\:rounded-b-sm {
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .md\:rounded-b-base {
    border-bottom-left-radius: var(--radius-base);
    border-bottom-right-radius: var(--radius-base);
  }
  .md\:rounded-b-lg {
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .md\:rounded-b-xl {
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .md\:rounded-b-full {
    border-bottom-left-radius: var(--radius-full);
    border-bottom-right-radius: var(--radius-full);
  }
  .md\:rounded-s-none {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }
  .md\:rounded-s-xs {
    border-start-start-radius: var(--radius-xs);
    border-end-start-radius: var(--radius-xs);
  }
  .md\:rounded-s-sm {
    border-start-start-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm);
  }
  .md\:rounded-s-base {
    border-start-start-radius: var(--radius-base);
    border-end-start-radius: var(--radius-base);
  }
  .md\:rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
  }
  .md\:rounded-s-xl {
    border-start-start-radius: var(--radius-xl);
    border-end-start-radius: var(--radius-xl);
  }
  .md\:rounded-s-full {
    border-start-start-radius: var(--radius-full);
    border-end-start-radius: var(--radius-full);
  }
  .md\:rounded-e-none {
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }
  .md\:rounded-e-xs {
    border-start-end-radius: var(--radius-xs);
    border-end-end-radius: var(--radius-xs);
  }
  .md\:rounded-e-sm {
    border-start-end-radius: var(--radius-sm);
    border-end-end-radius: var(--radius-sm);
  }
  .md\:rounded-e-base {
    border-start-end-radius: var(--radius-base);
    border-end-end-radius: var(--radius-base);
  }
  .md\:rounded-e-lg {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
  }
  .md\:rounded-e-xl {
    border-start-end-radius: var(--radius-xl);
    border-end-end-radius: var(--radius-xl);
  }
  .md\:rounded-e-full {
    border-start-end-radius: var(--radius-full);
    border-end-end-radius: var(--radius-full);
  }
  .md\:rounded-ss-none {
    border-start-start-radius: var(--radius-none);
  }
  .md\:rounded-ss-xs {
    border-start-start-radius: var(--radius-xs);
  }
  .md\:rounded-ss-sm {
    border-start-start-radius: var(--radius-sm);
  }
  .md\:rounded-ss-base {
    border-start-start-radius: var(--radius-base);
  }
  .md\:rounded-ss-lg {
    border-start-start-radius: var(--radius-lg);
  }
  .md\:rounded-ss-xl {
    border-start-start-radius: var(--radius-xl);
  }
  .md\:rounded-ss-full {
    border-start-start-radius: var(--radius-full);
  }
  .md\:rounded-ee-none {
    border-end-end-radius: var(--radius-none);
  }
  .md\:rounded-ee-xs {
    border-end-end-radius: var(--radius-xs);
  }
  .md\:rounded-ee-sm {
    border-end-end-radius: var(--radius-sm);
  }
  .md\:rounded-ee-base {
    border-end-end-radius: var(--radius-base);
  }
  .md\:rounded-ee-lg {
    border-end-end-radius: var(--radius-lg);
  }
  .md\:rounded-ee-xl {
    border-end-end-radius: var(--radius-xl);
  }
  .md\:rounded-ee-full {
    border-end-end-radius: var(--radius-full);
  }
  .md\:rounded-se-none {
    border-start-end-radius: var(--radius-none);
  }
  .md\:rounded-se-xs {
    border-start-end-radius: var(--radius-xs);
  }
  .md\:rounded-se-sm {
    border-start-end-radius: var(--radius-sm);
  }
  .md\:rounded-se-base {
    border-start-end-radius: var(--radius-base);
  }
  .md\:rounded-se-lg {
    border-start-end-radius: var(--radius-lg);
  }
  .md\:rounded-se-xl {
    border-start-end-radius: var(--radius-xl);
  }
  .md\:rounded-se-full {
    border-start-end-radius: var(--radius-full);
  }
  .md\:rounded-es-none {
    border-end-start-radius: var(--radius-none);
  }
  .md\:rounded-es-xs {
    border-end-start-radius: var(--radius-xs);
  }
  .md\:rounded-es-sm {
    border-end-start-radius: var(--radius-sm);
  }
  .md\:rounded-es-base {
    border-end-start-radius: var(--radius-base);
  }
  .md\:rounded-es-lg {
    border-end-start-radius: var(--radius-lg);
  }
  .md\:rounded-es-xl {
    border-end-start-radius: var(--radius-xl);
  }
  .md\:rounded-es-full {
    border-end-start-radius: var(--radius-full);
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:rounded-none {
    border-radius: var(--radius-none);
  }
  .lg\:rounded-xs {
    border-radius: var(--radius-xs);
  }
  .lg\:rounded-sm {
    border-radius: var(--radius-sm);
  }
  .lg\:rounded-base {
    border-radius: var(--radius-base);
  }
  .lg\:rounded-lg {
    border-radius: var(--radius-lg);
  }
  .lg\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  .lg\:rounded-full {
    border-radius: var(--radius-full);
  }
  .lg\:rounded-t-none {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }
  .lg\:rounded-t-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
  }
  .lg\:rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }
  .lg\:rounded-t-base {
    border-top-left-radius: var(--radius-base);
    border-top-right-radius: var(--radius-base);
  }
  .lg\:rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .lg\:rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .lg\:rounded-t-full {
    border-top-left-radius: var(--radius-full);
    border-top-right-radius: var(--radius-full);
  }
  .lg\:rounded-b-none {
    border-bottom-left-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none);
  }
  .lg\:rounded-b-xs {
    border-bottom-left-radius: var(--radius-xs);
    border-bottom-right-radius: var(--radius-xs);
  }
  .lg\:rounded-b-sm {
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .lg\:rounded-b-base {
    border-bottom-left-radius: var(--radius-base);
    border-bottom-right-radius: var(--radius-base);
  }
  .lg\:rounded-b-lg {
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .lg\:rounded-b-xl {
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .lg\:rounded-b-full {
    border-bottom-left-radius: var(--radius-full);
    border-bottom-right-radius: var(--radius-full);
  }
  .lg\:rounded-s-none {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }
  .lg\:rounded-s-xs {
    border-start-start-radius: var(--radius-xs);
    border-end-start-radius: var(--radius-xs);
  }
  .lg\:rounded-s-sm {
    border-start-start-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm);
  }
  .lg\:rounded-s-base {
    border-start-start-radius: var(--radius-base);
    border-end-start-radius: var(--radius-base);
  }
  .lg\:rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
  }
  .lg\:rounded-s-xl {
    border-start-start-radius: var(--radius-xl);
    border-end-start-radius: var(--radius-xl);
  }
  .lg\:rounded-s-full {
    border-start-start-radius: var(--radius-full);
    border-end-start-radius: var(--radius-full);
  }
  .lg\:rounded-e-none {
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }
  .lg\:rounded-e-xs {
    border-start-end-radius: var(--radius-xs);
    border-end-end-radius: var(--radius-xs);
  }
  .lg\:rounded-e-sm {
    border-start-end-radius: var(--radius-sm);
    border-end-end-radius: var(--radius-sm);
  }
  .lg\:rounded-e-base {
    border-start-end-radius: var(--radius-base);
    border-end-end-radius: var(--radius-base);
  }
  .lg\:rounded-e-lg {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
  }
  .lg\:rounded-e-xl {
    border-start-end-radius: var(--radius-xl);
    border-end-end-radius: var(--radius-xl);
  }
  .lg\:rounded-e-full {
    border-start-end-radius: var(--radius-full);
    border-end-end-radius: var(--radius-full);
  }
  .lg\:rounded-ss-none {
    border-start-start-radius: var(--radius-none);
  }
  .lg\:rounded-ss-xs {
    border-start-start-radius: var(--radius-xs);
  }
  .lg\:rounded-ss-sm {
    border-start-start-radius: var(--radius-sm);
  }
  .lg\:rounded-ss-base {
    border-start-start-radius: var(--radius-base);
  }
  .lg\:rounded-ss-lg {
    border-start-start-radius: var(--radius-lg);
  }
  .lg\:rounded-ss-xl {
    border-start-start-radius: var(--radius-xl);
  }
  .lg\:rounded-ss-full {
    border-start-start-radius: var(--radius-full);
  }
  .lg\:rounded-ee-none {
    border-end-end-radius: var(--radius-none);
  }
  .lg\:rounded-ee-xs {
    border-end-end-radius: var(--radius-xs);
  }
  .lg\:rounded-ee-sm {
    border-end-end-radius: var(--radius-sm);
  }
  .lg\:rounded-ee-base {
    border-end-end-radius: var(--radius-base);
  }
  .lg\:rounded-ee-lg {
    border-end-end-radius: var(--radius-lg);
  }
  .lg\:rounded-ee-xl {
    border-end-end-radius: var(--radius-xl);
  }
  .lg\:rounded-ee-full {
    border-end-end-radius: var(--radius-full);
  }
  .lg\:rounded-se-none {
    border-start-end-radius: var(--radius-none);
  }
  .lg\:rounded-se-xs {
    border-start-end-radius: var(--radius-xs);
  }
  .lg\:rounded-se-sm {
    border-start-end-radius: var(--radius-sm);
  }
  .lg\:rounded-se-base {
    border-start-end-radius: var(--radius-base);
  }
  .lg\:rounded-se-lg {
    border-start-end-radius: var(--radius-lg);
  }
  .lg\:rounded-se-xl {
    border-start-end-radius: var(--radius-xl);
  }
  .lg\:rounded-se-full {
    border-start-end-radius: var(--radius-full);
  }
  .lg\:rounded-es-none {
    border-end-start-radius: var(--radius-none);
  }
  .lg\:rounded-es-xs {
    border-end-start-radius: var(--radius-xs);
  }
  .lg\:rounded-es-sm {
    border-end-start-radius: var(--radius-sm);
  }
  .lg\:rounded-es-base {
    border-end-start-radius: var(--radius-base);
  }
  .lg\:rounded-es-lg {
    border-end-start-radius: var(--radius-lg);
  }
  .lg\:rounded-es-xl {
    border-end-start-radius: var(--radius-xl);
  }
  .lg\:rounded-es-full {
    border-end-start-radius: var(--radius-full);
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:rounded-none {
    border-radius: var(--radius-none);
  }
  .xl\:rounded-xs {
    border-radius: var(--radius-xs);
  }
  .xl\:rounded-sm {
    border-radius: var(--radius-sm);
  }
  .xl\:rounded-base {
    border-radius: var(--radius-base);
  }
  .xl\:rounded-lg {
    border-radius: var(--radius-lg);
  }
  .xl\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  .xl\:rounded-full {
    border-radius: var(--radius-full);
  }
  .xl\:rounded-t-none {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }
  .xl\:rounded-t-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
  }
  .xl\:rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }
  .xl\:rounded-t-base {
    border-top-left-radius: var(--radius-base);
    border-top-right-radius: var(--radius-base);
  }
  .xl\:rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .xl\:rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .xl\:rounded-t-full {
    border-top-left-radius: var(--radius-full);
    border-top-right-radius: var(--radius-full);
  }
  .xl\:rounded-b-none {
    border-bottom-left-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none);
  }
  .xl\:rounded-b-xs {
    border-bottom-left-radius: var(--radius-xs);
    border-bottom-right-radius: var(--radius-xs);
  }
  .xl\:rounded-b-sm {
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .xl\:rounded-b-base {
    border-bottom-left-radius: var(--radius-base);
    border-bottom-right-radius: var(--radius-base);
  }
  .xl\:rounded-b-lg {
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .xl\:rounded-b-xl {
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .xl\:rounded-b-full {
    border-bottom-left-radius: var(--radius-full);
    border-bottom-right-radius: var(--radius-full);
  }
  .xl\:rounded-s-none {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }
  .xl\:rounded-s-xs {
    border-start-start-radius: var(--radius-xs);
    border-end-start-radius: var(--radius-xs);
  }
  .xl\:rounded-s-sm {
    border-start-start-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm);
  }
  .xl\:rounded-s-base {
    border-start-start-radius: var(--radius-base);
    border-end-start-radius: var(--radius-base);
  }
  .xl\:rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
  }
  .xl\:rounded-s-xl {
    border-start-start-radius: var(--radius-xl);
    border-end-start-radius: var(--radius-xl);
  }
  .xl\:rounded-s-full {
    border-start-start-radius: var(--radius-full);
    border-end-start-radius: var(--radius-full);
  }
  .xl\:rounded-e-none {
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }
  .xl\:rounded-e-xs {
    border-start-end-radius: var(--radius-xs);
    border-end-end-radius: var(--radius-xs);
  }
  .xl\:rounded-e-sm {
    border-start-end-radius: var(--radius-sm);
    border-end-end-radius: var(--radius-sm);
  }
  .xl\:rounded-e-base {
    border-start-end-radius: var(--radius-base);
    border-end-end-radius: var(--radius-base);
  }
  .xl\:rounded-e-lg {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
  }
  .xl\:rounded-e-xl {
    border-start-end-radius: var(--radius-xl);
    border-end-end-radius: var(--radius-xl);
  }
  .xl\:rounded-e-full {
    border-start-end-radius: var(--radius-full);
    border-end-end-radius: var(--radius-full);
  }
  .xl\:rounded-ss-none {
    border-start-start-radius: var(--radius-none);
  }
  .xl\:rounded-ss-xs {
    border-start-start-radius: var(--radius-xs);
  }
  .xl\:rounded-ss-sm {
    border-start-start-radius: var(--radius-sm);
  }
  .xl\:rounded-ss-base {
    border-start-start-radius: var(--radius-base);
  }
  .xl\:rounded-ss-lg {
    border-start-start-radius: var(--radius-lg);
  }
  .xl\:rounded-ss-xl {
    border-start-start-radius: var(--radius-xl);
  }
  .xl\:rounded-ss-full {
    border-start-start-radius: var(--radius-full);
  }
  .xl\:rounded-ee-none {
    border-end-end-radius: var(--radius-none);
  }
  .xl\:rounded-ee-xs {
    border-end-end-radius: var(--radius-xs);
  }
  .xl\:rounded-ee-sm {
    border-end-end-radius: var(--radius-sm);
  }
  .xl\:rounded-ee-base {
    border-end-end-radius: var(--radius-base);
  }
  .xl\:rounded-ee-lg {
    border-end-end-radius: var(--radius-lg);
  }
  .xl\:rounded-ee-xl {
    border-end-end-radius: var(--radius-xl);
  }
  .xl\:rounded-ee-full {
    border-end-end-radius: var(--radius-full);
  }
  .xl\:rounded-se-none {
    border-start-end-radius: var(--radius-none);
  }
  .xl\:rounded-se-xs {
    border-start-end-radius: var(--radius-xs);
  }
  .xl\:rounded-se-sm {
    border-start-end-radius: var(--radius-sm);
  }
  .xl\:rounded-se-base {
    border-start-end-radius: var(--radius-base);
  }
  .xl\:rounded-se-lg {
    border-start-end-radius: var(--radius-lg);
  }
  .xl\:rounded-se-xl {
    border-start-end-radius: var(--radius-xl);
  }
  .xl\:rounded-se-full {
    border-start-end-radius: var(--radius-full);
  }
  .xl\:rounded-es-none {
    border-end-start-radius: var(--radius-none);
  }
  .xl\:rounded-es-xs {
    border-end-start-radius: var(--radius-xs);
  }
  .xl\:rounded-es-sm {
    border-end-start-radius: var(--radius-sm);
  }
  .xl\:rounded-es-base {
    border-end-start-radius: var(--radius-base);
  }
  .xl\:rounded-es-lg {
    border-end-start-radius: var(--radius-lg);
  }
  .xl\:rounded-es-xl {
    border-end-start-radius: var(--radius-xl);
  }
  .xl\:rounded-es-full {
    border-end-start-radius: var(--radius-full);
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:rounded-none {
    border-radius: var(--radius-none);
  }
  .\32 xl\:rounded-xs {
    border-radius: var(--radius-xs);
  }
  .\32 xl\:rounded-sm {
    border-radius: var(--radius-sm);
  }
  .\32 xl\:rounded-base {
    border-radius: var(--radius-base);
  }
  .\32 xl\:rounded-lg {
    border-radius: var(--radius-lg);
  }
  .\32 xl\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  .\32 xl\:rounded-full {
    border-radius: var(--radius-full);
  }
  .\32 xl\:rounded-t-none {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }
  .\32 xl\:rounded-t-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
  }
  .\32 xl\:rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }
  .\32 xl\:rounded-t-base {
    border-top-left-radius: var(--radius-base);
    border-top-right-radius: var(--radius-base);
  }
  .\32 xl\:rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .\32 xl\:rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .\32 xl\:rounded-t-full {
    border-top-left-radius: var(--radius-full);
    border-top-right-radius: var(--radius-full);
  }
  .\32 xl\:rounded-b-none {
    border-bottom-left-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none);
  }
  .\32 xl\:rounded-b-xs {
    border-bottom-left-radius: var(--radius-xs);
    border-bottom-right-radius: var(--radius-xs);
  }
  .\32 xl\:rounded-b-sm {
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .\32 xl\:rounded-b-base {
    border-bottom-left-radius: var(--radius-base);
    border-bottom-right-radius: var(--radius-base);
  }
  .\32 xl\:rounded-b-lg {
    border-bottom-left-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .\32 xl\:rounded-b-xl {
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
  .\32 xl\:rounded-b-full {
    border-bottom-left-radius: var(--radius-full);
    border-bottom-right-radius: var(--radius-full);
  }
  .\32 xl\:rounded-s-none {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }
  .\32 xl\:rounded-s-xs {
    border-start-start-radius: var(--radius-xs);
    border-end-start-radius: var(--radius-xs);
  }
  .\32 xl\:rounded-s-sm {
    border-start-start-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm);
  }
  .\32 xl\:rounded-s-base {
    border-start-start-radius: var(--radius-base);
    border-end-start-radius: var(--radius-base);
  }
  .\32 xl\:rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
  }
  .\32 xl\:rounded-s-xl {
    border-start-start-radius: var(--radius-xl);
    border-end-start-radius: var(--radius-xl);
  }
  .\32 xl\:rounded-s-full {
    border-start-start-radius: var(--radius-full);
    border-end-start-radius: var(--radius-full);
  }
  .\32 xl\:rounded-e-none {
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }
  .\32 xl\:rounded-e-xs {
    border-start-end-radius: var(--radius-xs);
    border-end-end-radius: var(--radius-xs);
  }
  .\32 xl\:rounded-e-sm {
    border-start-end-radius: var(--radius-sm);
    border-end-end-radius: var(--radius-sm);
  }
  .\32 xl\:rounded-e-base {
    border-start-end-radius: var(--radius-base);
    border-end-end-radius: var(--radius-base);
  }
  .\32 xl\:rounded-e-lg {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
  }
  .\32 xl\:rounded-e-xl {
    border-start-end-radius: var(--radius-xl);
    border-end-end-radius: var(--radius-xl);
  }
  .\32 xl\:rounded-e-full {
    border-start-end-radius: var(--radius-full);
    border-end-end-radius: var(--radius-full);
  }
  .\32 xl\:rounded-ss-none {
    border-start-start-radius: var(--radius-none);
  }
  .\32 xl\:rounded-ss-xs {
    border-start-start-radius: var(--radius-xs);
  }
  .\32 xl\:rounded-ss-sm {
    border-start-start-radius: var(--radius-sm);
  }
  .\32 xl\:rounded-ss-base {
    border-start-start-radius: var(--radius-base);
  }
  .\32 xl\:rounded-ss-lg {
    border-start-start-radius: var(--radius-lg);
  }
  .\32 xl\:rounded-ss-xl {
    border-start-start-radius: var(--radius-xl);
  }
  .\32 xl\:rounded-ss-full {
    border-start-start-radius: var(--radius-full);
  }
  .\32 xl\:rounded-ee-none {
    border-end-end-radius: var(--radius-none);
  }
  .\32 xl\:rounded-ee-xs {
    border-end-end-radius: var(--radius-xs);
  }
  .\32 xl\:rounded-ee-sm {
    border-end-end-radius: var(--radius-sm);
  }
  .\32 xl\:rounded-ee-base {
    border-end-end-radius: var(--radius-base);
  }
  .\32 xl\:rounded-ee-lg {
    border-end-end-radius: var(--radius-lg);
  }
  .\32 xl\:rounded-ee-xl {
    border-end-end-radius: var(--radius-xl);
  }
  .\32 xl\:rounded-ee-full {
    border-end-end-radius: var(--radius-full);
  }
  .\32 xl\:rounded-se-none {
    border-start-end-radius: var(--radius-none);
  }
  .\32 xl\:rounded-se-xs {
    border-start-end-radius: var(--radius-xs);
  }
  .\32 xl\:rounded-se-sm {
    border-start-end-radius: var(--radius-sm);
  }
  .\32 xl\:rounded-se-base {
    border-start-end-radius: var(--radius-base);
  }
  .\32 xl\:rounded-se-lg {
    border-start-end-radius: var(--radius-lg);
  }
  .\32 xl\:rounded-se-xl {
    border-start-end-radius: var(--radius-xl);
  }
  .\32 xl\:rounded-se-full {
    border-start-end-radius: var(--radius-full);
  }
  .\32 xl\:rounded-es-none {
    border-end-start-radius: var(--radius-none);
  }
  .\32 xl\:rounded-es-xs {
    border-end-start-radius: var(--radius-xs);
  }
  .\32 xl\:rounded-es-sm {
    border-end-start-radius: var(--radius-sm);
  }
  .\32 xl\:rounded-es-base {
    border-end-start-radius: var(--radius-base);
  }
  .\32 xl\:rounded-es-lg {
    border-end-start-radius: var(--radius-lg);
  }
  .\32 xl\:rounded-es-xl {
    border-end-start-radius: var(--radius-xl);
  }
  .\32 xl\:rounded-es-full {
    border-end-start-radius: var(--radius-full);
  }
}
/*------------------------------------ 
    Shadow Helpers
------------------------------------*/
.shadow-2xs {
  -webkit-box-shadow: var(--shadow-2xs);
          box-shadow: var(--shadow-2xs);
}

@media screen and (min-width: 576.02px) {
  .sm\:shadow-2xs {
    -webkit-box-shadow: var(--shadow-2xs);
            box-shadow: var(--shadow-2xs);
  }
}
@media screen and (min-width: 768.02px) {
  .md\:shadow-2xs {
    -webkit-box-shadow: var(--shadow-2xs);
            box-shadow: var(--shadow-2xs);
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:shadow-2xs {
    -webkit-box-shadow: var(--shadow-2xs);
            box-shadow: var(--shadow-2xs);
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:shadow-2xs {
    -webkit-box-shadow: var(--shadow-2xs);
            box-shadow: var(--shadow-2xs);
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:shadow-2xs {
    -webkit-box-shadow: var(--shadow-2xs);
            box-shadow: var(--shadow-2xs);
  }
}
.shadow-xs {
  -webkit-box-shadow: var(--shadow-xs);
          box-shadow: var(--shadow-xs);
}

@media screen and (min-width: 576.02px) {
  .sm\:shadow-xs {
    -webkit-box-shadow: var(--shadow-xs);
            box-shadow: var(--shadow-xs);
  }
}
@media screen and (min-width: 768.02px) {
  .md\:shadow-xs {
    -webkit-box-shadow: var(--shadow-xs);
            box-shadow: var(--shadow-xs);
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:shadow-xs {
    -webkit-box-shadow: var(--shadow-xs);
            box-shadow: var(--shadow-xs);
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:shadow-xs {
    -webkit-box-shadow: var(--shadow-xs);
            box-shadow: var(--shadow-xs);
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:shadow-xs {
    -webkit-box-shadow: var(--shadow-xs);
            box-shadow: var(--shadow-xs);
  }
}
.shadow-sm {
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

@media screen and (min-width: 576.02px) {
  .sm\:shadow-sm {
    -webkit-box-shadow: var(--shadow-sm);
            box-shadow: var(--shadow-sm);
  }
}
@media screen and (min-width: 768.02px) {
  .md\:shadow-sm {
    -webkit-box-shadow: var(--shadow-sm);
            box-shadow: var(--shadow-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:shadow-sm {
    -webkit-box-shadow: var(--shadow-sm);
            box-shadow: var(--shadow-sm);
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:shadow-sm {
    -webkit-box-shadow: var(--shadow-sm);
            box-shadow: var(--shadow-sm);
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:shadow-sm {
    -webkit-box-shadow: var(--shadow-sm);
            box-shadow: var(--shadow-sm);
  }
}
.shadow-md {
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

@media screen and (min-width: 576.02px) {
  .sm\:shadow-md {
    -webkit-box-shadow: var(--shadow-md);
            box-shadow: var(--shadow-md);
  }
}
@media screen and (min-width: 768.02px) {
  .md\:shadow-md {
    -webkit-box-shadow: var(--shadow-md);
            box-shadow: var(--shadow-md);
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:shadow-md {
    -webkit-box-shadow: var(--shadow-md);
            box-shadow: var(--shadow-md);
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:shadow-md {
    -webkit-box-shadow: var(--shadow-md);
            box-shadow: var(--shadow-md);
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:shadow-md {
    -webkit-box-shadow: var(--shadow-md);
            box-shadow: var(--shadow-md);
  }
}
.shadow-lg {
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
}

@media screen and (min-width: 576.02px) {
  .sm\:shadow-lg {
    -webkit-box-shadow: var(--shadow-lg);
            box-shadow: var(--shadow-lg);
  }
}
@media screen and (min-width: 768.02px) {
  .md\:shadow-lg {
    -webkit-box-shadow: var(--shadow-lg);
            box-shadow: var(--shadow-lg);
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:shadow-lg {
    -webkit-box-shadow: var(--shadow-lg);
            box-shadow: var(--shadow-lg);
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:shadow-lg {
    -webkit-box-shadow: var(--shadow-lg);
            box-shadow: var(--shadow-lg);
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:shadow-lg {
    -webkit-box-shadow: var(--shadow-lg);
            box-shadow: var(--shadow-lg);
  }
}
.shadow-xl {
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
}

@media screen and (min-width: 576.02px) {
  .sm\:shadow-xl {
    -webkit-box-shadow: var(--shadow-xl);
            box-shadow: var(--shadow-xl);
  }
}
@media screen and (min-width: 768.02px) {
  .md\:shadow-xl {
    -webkit-box-shadow: var(--shadow-xl);
            box-shadow: var(--shadow-xl);
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:shadow-xl {
    -webkit-box-shadow: var(--shadow-xl);
            box-shadow: var(--shadow-xl);
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:shadow-xl {
    -webkit-box-shadow: var(--shadow-xl);
            box-shadow: var(--shadow-xl);
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:shadow-xl {
    -webkit-box-shadow: var(--shadow-xl);
            box-shadow: var(--shadow-xl);
  }
}
.shadow-2xl {
  -webkit-box-shadow: var(--shadow-2xl);
          box-shadow: var(--shadow-2xl);
}

@media screen and (min-width: 576.02px) {
  .sm\:shadow-2xl {
    -webkit-box-shadow: var(--shadow-2xl);
            box-shadow: var(--shadow-2xl);
  }
}
@media screen and (min-width: 768.02px) {
  .md\:shadow-2xl {
    -webkit-box-shadow: var(--shadow-2xl);
            box-shadow: var(--shadow-2xl);
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:shadow-2xl {
    -webkit-box-shadow: var(--shadow-2xl);
            box-shadow: var(--shadow-2xl);
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:shadow-2xl {
    -webkit-box-shadow: var(--shadow-2xl);
            box-shadow: var(--shadow-2xl);
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:shadow-2xl {
    -webkit-box-shadow: var(--shadow-2xl);
            box-shadow: var(--shadow-2xl);
  }
}

/*------------------------------------ 
    Text Helpers
------------------------------------*/
.text-left {
  text-align: left;
}

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

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

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

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

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

.text-wrap {
  text-wrap: wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

@media screen and (min-width: 576.02px) {
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }
  .text-start {
    text-align: start;
  }
  .text-end {
    text-align: end;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
}
@media screen and (min-width: 768.02px) {
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }
  .text-start {
    text-align: start;
  }
  .text-end {
    text-align: end;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
}
@media screen and (min-width: 1024.02px) {
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }
  .text-start {
    text-align: start;
  }
  .text-end {
    text-align: end;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
}
@media screen and (min-width: 1280.02px) {
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }
  .text-start {
    text-align: start;
  }
  .text-end {
    text-align: end;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
}
@media screen and (min-width: 1536.02px) {
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }
  .text-start {
    text-align: start;
  }
  .text-end {
    text-align: end;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
}
.underline {
  text-decoration: underline;
}

.overline {
  text-decoration: overline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.decoration-solid {
  text-decoration-style: solid;
}

.decoration-double {
  text-decoration-style: double;
}

.decoration-dotted {
  text-decoration-style: dotted;
}

.decoration-dashed {
  text-decoration-style: dashed;
}

.decoration-wavy {
  text-decoration-style: wavy;
}

.decoration-1 {
  text-decoration-thickness: 1px;
}

.decoration-2 {
  text-decoration-thickness: 2px;
}

.decoration-3 {
  text-decoration-thickness: 3px;
}

.decoration-4 {
  text-decoration-thickness: 4px;
}

.decoration-5 {
  text-decoration-thickness: 5px;
}

.underline-offset-1 {
  text-underline-offset: 1px;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-3 {
  text-underline-offset: 3px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.underline-offset-5 {
  text-underline-offset: 5px;
}

.underline-offset-6 {
  text-underline-offset: 6px;
}

.underline-offset-7 {
  text-underline-offset: 7px;
}

.underline-offset-8 {
  text-underline-offset: 8px;
}

/*------------------------------------ 
    Typography Helpers
------------------------------------*/
.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-snug {
  letter-spacing: -0.015em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.leading-none {
  line-height: 1.1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.text-2xs {
  font-size: var(--text-2xs);
}

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

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

.text-base {
  font-size: var(--text-base);
}

.text-lg {
  font-size: var(--text-lg);
}

.text-xl {
  font-size: var(--text-xl);
}

.text-2xl {
  font-size: var(--text-2xl);
}

.text-3xl {
  font-size: var(--text-3xl);
}

.text-4xl {
  font-size: var(--text-4xl);
}

.text-5xl {
  font-size: var(--text-5xl);
}

.text-6xl {
  font-size: var(--text-6xl);
}

.text-7xl {
  font-size: var(--text-7xl);
}

.text-8xl {
  font-size: var(--text-8xl);
}

.text-9xl {
  font-size: var(--text-9xl);
}

.text-10xl {
  font-size: var(--text-10xl);
}

.text-11xl {
  font-size: var(--text-11xl);
}

.text-12xl {
  font-size: var(--text-12xl);
}

.text-13xl {
  font-size: var(--text-13xl);
}

.text-14xl {
  font-size: var(--text-14xl);
}

.text-15xl {
  font-size: var(--text-15xl);
}

.text-16xl {
  font-size: var(--text-16xl);
}

.text-17xl {
  font-size: var(--text-17xl);
}

.text-18xl {
  font-size: var(--text-18xl);
}

@media screen and (min-width: 576.02px) {
  .sm\:tracking-tighter {
    letter-spacing: -0.05em;
  }
  .sm\:tracking-snug {
    letter-spacing: -0.015em;
  }
  .sm\:tracking-tight {
    letter-spacing: -0.025em;
  }
  .sm\:tracking-normal {
    letter-spacing: 0em;
  }
  .sm\:tracking-wide {
    letter-spacing: 0.025em;
  }
  .sm\:tracking-wider {
    letter-spacing: 0.05em;
  }
  .sm\:tracking-widest {
    letter-spacing: 0.1em;
  }
  .sm\:leading-none {
    line-height: 1.1;
  }
  .sm\:leading-tight {
    line-height: 1.25;
  }
  .sm\:leading-snug {
    line-height: 1.375;
  }
  .sm\:leading-normal {
    line-height: 1.5;
  }
  .sm\:leading-relaxed {
    line-height: 1.625;
  }
  .sm\:leading-loose {
    line-height: 2;
  }
  .sm\:text-2xs {
    font-size: var(--text-2xs);
  }
  .sm\:text-xs {
    font-size: var(--text-xs);
  }
  .sm\:text-sm {
    font-size: var(--text-sm);
  }
  .sm\:text-base {
    font-size: var(--text-base);
  }
  .sm\:text-lg {
    font-size: var(--text-lg);
  }
  .sm\:text-xl {
    font-size: var(--text-xl);
  }
  .sm\:text-2xl {
    font-size: var(--text-2xl);
  }
  .sm\:text-3xl {
    font-size: var(--text-3xl);
  }
  .sm\:text-4xl {
    font-size: var(--text-4xl);
  }
  .sm\:text-5xl {
    font-size: var(--text-5xl);
  }
  .sm\:text-6xl {
    font-size: var(--text-6xl);
  }
  .sm\:text-7xl {
    font-size: var(--text-7xl);
  }
  .sm\:text-8xl {
    font-size: var(--text-8xl);
  }
  .sm\:text-9xl {
    font-size: var(--text-9xl);
  }
  .sm\:text-10xl {
    font-size: var(--text-10xl);
  }
  .sm\:text-11xl {
    font-size: var(--text-11xl);
  }
  .sm\:text-12xl {
    font-size: var(--text-12xl);
  }
  .sm\:text-13xl {
    font-size: var(--text-13xl);
  }
  .sm\:text-14xl {
    font-size: var(--text-14xl);
  }
  .sm\:text-15xl {
    font-size: var(--text-15xl);
  }
  .sm\:text-16xl {
    font-size: var(--text-16xl);
  }
  .sm\:text-17xl {
    font-size: var(--text-17xl);
  }
  .sm\:text-18xl {
    font-size: var(--text-18xl);
  }
}
@media screen and (min-width: 768.02px) {
  .md\:tracking-tighter {
    letter-spacing: -0.05em;
  }
  .md\:tracking-snug {
    letter-spacing: -0.015em;
  }
  .md\:tracking-tight {
    letter-spacing: -0.025em;
  }
  .md\:tracking-normal {
    letter-spacing: 0em;
  }
  .md\:tracking-wide {
    letter-spacing: 0.025em;
  }
  .md\:tracking-wider {
    letter-spacing: 0.05em;
  }
  .md\:tracking-widest {
    letter-spacing: 0.1em;
  }
  .md\:leading-none {
    line-height: 1.1;
  }
  .md\:leading-tight {
    line-height: 1.25;
  }
  .md\:leading-snug {
    line-height: 1.375;
  }
  .md\:leading-normal {
    line-height: 1.5;
  }
  .md\:leading-relaxed {
    line-height: 1.625;
  }
  .md\:leading-loose {
    line-height: 2;
  }
  .md\:text-2xs {
    font-size: var(--text-2xs);
  }
  .md\:text-xs {
    font-size: var(--text-xs);
  }
  .md\:text-sm {
    font-size: var(--text-sm);
  }
  .md\:text-base {
    font-size: var(--text-base);
  }
  .md\:text-lg {
    font-size: var(--text-lg);
  }
  .md\:text-xl {
    font-size: var(--text-xl);
  }
  .md\:text-2xl {
    font-size: var(--text-2xl);
  }
  .md\:text-3xl {
    font-size: var(--text-3xl);
  }
  .md\:text-4xl {
    font-size: var(--text-4xl);
  }
  .md\:text-5xl {
    font-size: var(--text-5xl);
  }
  .md\:text-6xl {
    font-size: var(--text-6xl);
  }
  .md\:text-7xl {
    font-size: var(--text-7xl);
  }
  .md\:text-8xl {
    font-size: var(--text-8xl);
  }
  .md\:text-9xl {
    font-size: var(--text-9xl);
  }
  .md\:text-10xl {
    font-size: var(--text-10xl);
  }
  .md\:text-11xl {
    font-size: var(--text-11xl);
  }
  .md\:text-12xl {
    font-size: var(--text-12xl);
  }
  .md\:text-13xl {
    font-size: var(--text-13xl);
  }
  .md\:text-14xl {
    font-size: var(--text-14xl);
  }
  .md\:text-15xl {
    font-size: var(--text-15xl);
  }
  .md\:text-16xl {
    font-size: var(--text-16xl);
  }
  .md\:text-17xl {
    font-size: var(--text-17xl);
  }
  .md\:text-18xl {
    font-size: var(--text-18xl);
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:tracking-tighter {
    letter-spacing: -0.05em;
  }
  .lg\:tracking-snug {
    letter-spacing: -0.015em;
  }
  .lg\:tracking-tight {
    letter-spacing: -0.025em;
  }
  .lg\:tracking-normal {
    letter-spacing: 0em;
  }
  .lg\:tracking-wide {
    letter-spacing: 0.025em;
  }
  .lg\:tracking-wider {
    letter-spacing: 0.05em;
  }
  .lg\:tracking-widest {
    letter-spacing: 0.1em;
  }
  .lg\:leading-none {
    line-height: 1.1;
  }
  .lg\:leading-tight {
    line-height: 1.25;
  }
  .lg\:leading-snug {
    line-height: 1.375;
  }
  .lg\:leading-normal {
    line-height: 1.5;
  }
  .lg\:leading-relaxed {
    line-height: 1.625;
  }
  .lg\:leading-loose {
    line-height: 2;
  }
  .lg\:text-2xs {
    font-size: var(--text-2xs);
  }
  .lg\:text-xs {
    font-size: var(--text-xs);
  }
  .lg\:text-sm {
    font-size: var(--text-sm);
  }
  .lg\:text-base {
    font-size: var(--text-base);
  }
  .lg\:text-lg {
    font-size: var(--text-lg);
  }
  .lg\:text-xl {
    font-size: var(--text-xl);
  }
  .lg\:text-2xl {
    font-size: var(--text-2xl);
  }
  .lg\:text-3xl {
    font-size: var(--text-3xl);
  }
  .lg\:text-4xl {
    font-size: var(--text-4xl);
  }
  .lg\:text-5xl {
    font-size: var(--text-5xl);
  }
  .lg\:text-6xl {
    font-size: var(--text-6xl);
  }
  .lg\:text-7xl {
    font-size: var(--text-7xl);
  }
  .lg\:text-8xl {
    font-size: var(--text-8xl);
  }
  .lg\:text-9xl {
    font-size: var(--text-9xl);
  }
  .lg\:text-10xl {
    font-size: var(--text-10xl);
  }
  .lg\:text-11xl {
    font-size: var(--text-11xl);
  }
  .lg\:text-12xl {
    font-size: var(--text-12xl);
  }
  .lg\:text-13xl {
    font-size: var(--text-13xl);
  }
  .lg\:text-14xl {
    font-size: var(--text-14xl);
  }
  .lg\:text-15xl {
    font-size: var(--text-15xl);
  }
  .lg\:text-16xl {
    font-size: var(--text-16xl);
  }
  .lg\:text-17xl {
    font-size: var(--text-17xl);
  }
  .lg\:text-18xl {
    font-size: var(--text-18xl);
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:tracking-tighter {
    letter-spacing: -0.05em;
  }
  .xl\:tracking-snug {
    letter-spacing: -0.015em;
  }
  .xl\:tracking-tight {
    letter-spacing: -0.025em;
  }
  .xl\:tracking-normal {
    letter-spacing: 0em;
  }
  .xl\:tracking-wide {
    letter-spacing: 0.025em;
  }
  .xl\:tracking-wider {
    letter-spacing: 0.05em;
  }
  .xl\:tracking-widest {
    letter-spacing: 0.1em;
  }
  .xl\:leading-none {
    line-height: 1.1;
  }
  .xl\:leading-tight {
    line-height: 1.25;
  }
  .xl\:leading-snug {
    line-height: 1.375;
  }
  .xl\:leading-normal {
    line-height: 1.5;
  }
  .xl\:leading-relaxed {
    line-height: 1.625;
  }
  .xl\:leading-loose {
    line-height: 2;
  }
  .xl\:text-2xs {
    font-size: var(--text-2xs);
  }
  .xl\:text-xs {
    font-size: var(--text-xs);
  }
  .xl\:text-sm {
    font-size: var(--text-sm);
  }
  .xl\:text-base {
    font-size: var(--text-base);
  }
  .xl\:text-lg {
    font-size: var(--text-lg);
  }
  .xl\:text-xl {
    font-size: var(--text-xl);
  }
  .xl\:text-2xl {
    font-size: var(--text-2xl);
  }
  .xl\:text-3xl {
    font-size: var(--text-3xl);
  }
  .xl\:text-4xl {
    font-size: var(--text-4xl);
  }
  .xl\:text-5xl {
    font-size: var(--text-5xl);
  }
  .xl\:text-6xl {
    font-size: var(--text-6xl);
  }
  .xl\:text-7xl {
    font-size: var(--text-7xl);
  }
  .xl\:text-8xl {
    font-size: var(--text-8xl);
  }
  .xl\:text-9xl {
    font-size: var(--text-9xl);
  }
  .xl\:text-10xl {
    font-size: var(--text-10xl);
  }
  .xl\:text-11xl {
    font-size: var(--text-11xl);
  }
  .xl\:text-12xl {
    font-size: var(--text-12xl);
  }
  .xl\:text-13xl {
    font-size: var(--text-13xl);
  }
  .xl\:text-14xl {
    font-size: var(--text-14xl);
  }
  .xl\:text-15xl {
    font-size: var(--text-15xl);
  }
  .xl\:text-16xl {
    font-size: var(--text-16xl);
  }
  .xl\:text-17xl {
    font-size: var(--text-17xl);
  }
  .xl\:text-18xl {
    font-size: var(--text-18xl);
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:tracking-tighter {
    letter-spacing: -0.05em;
  }
  .\32 xl\:tracking-snug {
    letter-spacing: -0.015em;
  }
  .\32 xl\:tracking-tight {
    letter-spacing: -0.025em;
  }
  .\32 xl\:tracking-normal {
    letter-spacing: 0em;
  }
  .\32 xl\:tracking-wide {
    letter-spacing: 0.025em;
  }
  .\32 xl\:tracking-wider {
    letter-spacing: 0.05em;
  }
  .\32 xl\:tracking-widest {
    letter-spacing: 0.1em;
  }
  .\32 xl\:leading-none {
    line-height: 1.1;
  }
  .\32 xl\:leading-tight {
    line-height: 1.25;
  }
  .\32 xl\:leading-snug {
    line-height: 1.375;
  }
  .\32 xl\:leading-normal {
    line-height: 1.5;
  }
  .\32 xl\:leading-relaxed {
    line-height: 1.625;
  }
  .\32 xl\:leading-loose {
    line-height: 2;
  }
  .\32 xl\:text-2xs {
    font-size: var(--text-2xs);
  }
  .\32 xl\:text-xs {
    font-size: var(--text-xs);
  }
  .\32 xl\:text-sm {
    font-size: var(--text-sm);
  }
  .\32 xl\:text-base {
    font-size: var(--text-base);
  }
  .\32 xl\:text-lg {
    font-size: var(--text-lg);
  }
  .\32 xl\:text-xl {
    font-size: var(--text-xl);
  }
  .\32 xl\:text-2xl {
    font-size: var(--text-2xl);
  }
  .\32 xl\:text-3xl {
    font-size: var(--text-3xl);
  }
  .\32 xl\:text-4xl {
    font-size: var(--text-4xl);
  }
  .\32 xl\:text-5xl {
    font-size: var(--text-5xl);
  }
  .\32 xl\:text-6xl {
    font-size: var(--text-6xl);
  }
  .\32 xl\:text-7xl {
    font-size: var(--text-7xl);
  }
  .\32 xl\:text-8xl {
    font-size: var(--text-8xl);
  }
  .\32 xl\:text-9xl {
    font-size: var(--text-9xl);
  }
  .\32 xl\:text-10xl {
    font-size: var(--text-10xl);
  }
  .\32 xl\:text-11xl {
    font-size: var(--text-11xl);
  }
  .\32 xl\:text-12xl {
    font-size: var(--text-12xl);
  }
  .\32 xl\:text-13xl {
    font-size: var(--text-13xl);
  }
  .\32 xl\:text-14xl {
    font-size: var(--text-14xl);
  }
  .\32 xl\:text-15xl {
    font-size: var(--text-15xl);
  }
  .\32 xl\:text-16xl {
    font-size: var(--text-16xl);
  }
  .\32 xl\:text-17xl {
    font-size: var(--text-17xl);
  }
  .\32 xl\:text-18xl {
    font-size: var(--text-18xl);
  }
}
.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.lowercase {
  text-transform: lowercase;
}

/* Text sup, sub */
.text-sup {
  position: relative;
  font-size: 72%;
  top: -0.22em;
}

.text-sub {
  position: relative;
  font-size: 72%;
  bottom: -0.22em;
}

/* Text clamp */
.text-clamp {
  --clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--clamp);
}

/*------------------------------------ 
    Keyframes Helpers
------------------------------------*/
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes ping {
  75%, 100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@keyframes ping {
  75%, 100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
            animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    -webkit-transform: none;
            transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
            animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    -webkit-transform: none;
            transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@-webkit-keyframes marquee-horizontal {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(var(--marquee-translate));
            transform: translateX(var(--marquee-translate));
  }
}
@keyframes marquee-horizontal {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(var(--marquee-translate));
            transform: translateX(var(--marquee-translate));
  }
}
@-webkit-keyframes marquee-vertical {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(var(--marquee-translate));
            transform: translateY(var(--marquee-translate));
  }
}
@keyframes marquee-vertical {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(var(--marquee-translate));
            transform: translateY(var(--marquee-translate));
  }
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dot {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes dot {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
/*------------------------------------ 
    Transition Helpers
------------------------------------*/
.animate-spin {
  -webkit-animation: var(--theme-animate-spin);
          animation: var(--theme-animate-spin);
}

.animate-ping {
  -webkit-animation: var(--theme-animate-ping);
          animation: var(--theme-animate-ping);
}

.animate-pulse {
  -webkit-animation: var(--theme-animate-pulse);
          animation: var(--theme-animate-pulse);
}

.animate-bounce {
  -webkit-animation: var(--theme-animate-bounce);
          animation: var(--theme-animate-bounce);
}

.animate-none {
  -webkit-animation: none;
          animation: none;
}

.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
}

.transition-all {
  -webkit-transition-property: all;
  transition-property: all;
}

.transition-colors {
  -webkit-transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
}

.transition-opacity {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.transition-shadow {
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
}

.transition-transform {
  -webkit-transition-property: translate, scale, rotate, -webkit-transform;
  transition-property: translate, scale, rotate, -webkit-transform;
  transition-property: transform, translate, scale, rotate;
  transition-property: transform, translate, scale, rotate, -webkit-transform;
}

.transition-none {
  -webkit-transition-property: none;
  transition-property: none;
}

.ease-primary {
  -webkit-transition-timing-function: var(--theme-ease-primary);
          transition-timing-function: var(--theme-ease-primary);
}

.ease-secondary {
  -webkit-transition-timing-function: var(--theme-ease-secondary);
          transition-timing-function: var(--theme-ease-secondary);
}

.ease-linear {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.ease-in {
  -webkit-transition-timing-function: var(--theme-ease-in);
          transition-timing-function: var(--theme-ease-in);
}

.ease-out {
  -webkit-transition-timing-function: var(--theme-ease-out);
          transition-timing-function: var(--theme-ease-out);
}

.ease-in-out {
  -webkit-transition-timing-function: var(--theme-ease-in-out);
          transition-timing-function: var(--theme-ease-in-out);
}

.ease-initial {
  -webkit-transition-timing-function: initial;
          transition-timing-function: initial;
}

.duration-theme-slow {
  -webkit-transition-duration: var(--theme-ease-time-slow);
          transition-duration: var(--theme-ease-time-slow);
}

.duration-theme-fast {
  -webkit-transition-duration: var(--theme-ease-time-fast);
          transition-duration: var(--theme-ease-time-fast);
}

.duration-150 {
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.duration-300 {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.duration-500 {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.duration-700 {
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

/*------------------------------------ 
    Width Helpers
------------------------------------*/
.w-full {
  width: 100%;
}

.w {
  width: var(--w);
}
@media screen and (min-width: 576.02px) {
  .w-sm {
    width: var(--w-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .w-lg {
    width: var(--w-lg);
  }
}

.max-w {
  max-width: var(--max-w);
}
@media screen and (min-width: 576.02px) {
  .max-w-sm {
    max-width: var(--max-w-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .max-w-lg {
    max-width: var(--max-w-lg);
  }
}

.h {
  height: var(--h);
}
@media screen and (min-width: 576.02px) {
  .h-sm {
    height: var(--h-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .h-lg {
    height: var(--h-lg);
  }
}

/*------------------------------------ 
    Margin Helpers
------------------------------------*/
.mx-auto {
  margin-inline: auto;
}

.my-auto {
  margin-block: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ms-auto {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}

.me-auto {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}

.m {
  margin: var(--m);
}
@media screen and (min-width: 576.02px) {
  .m-sm {
    margin: var(--m-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .m-lg {
    margin: var(--m-lg);
  }
}

.mt {
  margin-top: var(--mt);
}
@media screen and (min-width: 576.02px) {
  .mt-sm {
    margin-top: var(--mt-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .mt-lg {
    margin-top: var(--mt-lg);
  }
}

.mb {
  margin-bottom: var(--mb);
}
@media screen and (min-width: 576.02px) {
  .mb-sm {
    margin-bottom: var(--mb-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .mb-lg {
    margin-bottom: var(--mb-lg);
  }
}

.ms {
  -webkit-margin-start: var(--ms);
          margin-inline-start: var(--ms);
}
@media screen and (min-width: 576.02px) {
  .ms-sm {
    -webkit-margin-start: var(--ms-sm);
            margin-inline-start: var(--ms-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .ms-lg {
    -webkit-margin-start: var(--ms-lg);
            margin-inline-start: var(--ms-lg);
  }
}

.me {
  -webkit-margin-end: var(--me);
          margin-inline-end: var(--me);
}
@media screen and (min-width: 576.02px) {
  .me-sm {
    -webkit-margin-end: var(--me-sm);
            margin-inline-end: var(--me-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .me-lg {
    -webkit-margin-end: var(--me-lg);
            margin-inline-end: var(--me-lg);
  }
}

.m-inline {
  margin-inline: var(--m-inline);
}
@media screen and (min-width: 576.02px) {
  .m-inline-sm {
    margin-inline: var(--m-inline-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .m-inline-lg {
    margin-inline: var(--m-inline-lg);
  }
}

.m-block {
  margin-block: var(--m-block);
}
@media screen and (min-width: 576.02px) {
  .m-block-sm {
    margin-block: var(--m-block-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .m-block-lg {
    margin-block: var(--m-block-lg);
  }
}

/* Padding */
.p {
  padding: var(--p);
}
@media screen and (min-width: 576.02px) {
  .p-sm {
    padding: var(--p-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .p-lg {
    padding: var(--p-lg);
  }
}

.pt {
  padding-top: var(--pt);
}
@media screen and (min-width: 576.02px) {
  .pt-sm {
    padding-top: var(--pt-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .pt-lg {
    padding-top: var(--pt-lg);
  }
}

.pb {
  padding-bottom: var(--pb);
}
@media screen and (min-width: 576.02px) {
  .pb-sm {
    padding-bottom: var(--pb-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .pb-lg {
    padding-bottom: var(--pb-lg);
  }
}

.ps {
  -webkit-padding-start: var(--ps);
          padding-inline-start: var(--ps);
}
@media screen and (min-width: 576.02px) {
  .ps-sm {
    -webkit-padding-start: var(--ps-sm);
            padding-inline-start: var(--ps-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .ps-lg {
    -webkit-padding-start: var(--ps-lg);
            padding-inline-start: var(--ps-lg);
  }
}

.pe {
  -webkit-padding-end: var(--pe);
          padding-inline-end: var(--pe);
}
@media screen and (min-width: 576.02px) {
  .pe-sm {
    -webkit-padding-end: var(--pe-sm);
            padding-inline-end: var(--pe-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .pe-lg {
    -webkit-padding-end: var(--pe-lg);
            padding-inline-end: var(--pe-lg);
  }
}

.p-inline {
  padding-inline: var(--p-inline);
}
@media screen and (min-width: 576.02px) {
  .p-inline-sm {
    padding-inline: var(--p-inline-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .p-inline-lg {
    padding-inline: var(--p-inline-lg);
  }
}

.p-block {
  padding-block: var(--p-block);
}
@media screen and (min-width: 576.02px) {
  .p-block-sm {
    padding-block: var(--p-block-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .p-block-lg {
    padding-block: var(--p-block-lg);
  }
}

/* Top, Bottom, Right, Left */
.t {
  top: var(--t);
}
@media screen and (min-width: 576.02px) {
  .t-sm {
    top: var(--t-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .t-lg {
    top: var(--t-lg);
  }
}

.b {
  bottom: var(--b);
}
@media screen and (min-width: 576.02px) {
  .b-sm {
    bottom: var(--b-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .b-lg {
    bottom: var(--b-lg);
  }
}

.s {
  inset-inline-start: var(--s);
}
@media screen and (min-width: 576.02px) {
  .s-sm {
    inset-inline-start: var(--s-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .s-lg {
    inset-inline-start: var(--s-lg);
  }
}

.e {
  inset-inline-end: var(--e);
}
@media screen and (min-width: 576.02px) {
  .e-sm {
    inset-inline-end: var(--e-sm);
  }
}
@media screen and (min-width: 1024.02px) {
  .e-lg {
    inset-inline-end: var(--e-lg);
  }
}

/*------------------------------------ 
    Overflow Helpers
------------------------------------*/
.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

@media screen and (min-width: 576.02px) {
  .sm\:overflow-auto {
    overflow: auto;
  }
  .sm\:overflow-hidden {
    overflow: hidden;
  }
  .sm\:overflow-visible {
    overflow: visible;
  }
  .sm\:overflow-scroll {
    overflow: scroll;
  }
  .sm\:overflow-x-auto {
    overflow-x: auto;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .sm\:overflow-y-auto {
    overflow-y: auto;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll;
  }
}
@media screen and (min-width: 768.02px) {
  .md\:overflow-auto {
    overflow: auto;
  }
  .md\:overflow-hidden {
    overflow: hidden;
  }
  .md\:overflow-visible {
    overflow: visible;
  }
  .md\:overflow-scroll {
    overflow: scroll;
  }
  .md\:overflow-x-auto {
    overflow-x: auto;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .md\:overflow-x-visible {
    overflow-x: visible;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .md\:overflow-y-auto {
    overflow-y: auto;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .md\:overflow-y-visible {
    overflow-y: visible;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }
}
@media screen and (min-width: 1024.02px) {
  .lg\:overflow-auto {
    overflow: auto;
  }
  .lg\:overflow-hidden {
    overflow: hidden;
  }
  .lg\:overflow-visible {
    overflow: visible;
  }
  .lg\:overflow-scroll {
    overflow: scroll;
  }
  .lg\:overflow-x-auto {
    overflow-x: auto;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }
}
@media screen and (min-width: 1280.02px) {
  .xl\:overflow-auto {
    overflow: auto;
  }
  .xl\:overflow-hidden {
    overflow: hidden;
  }
  .xl\:overflow-visible {
    overflow: visible;
  }
  .xl\:overflow-scroll {
    overflow: scroll;
  }
  .xl\:overflow-x-auto {
    overflow-x: auto;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible;
  }
  .xl\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .xl\:overflow-y-auto {
    overflow-y: auto;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll;
  }
}
@media screen and (min-width: 1536.02px) {
  .\32 xl\:overflow-auto {
    overflow: auto;
  }
  .\32 xl\:overflow-hidden {
    overflow: hidden;
  }
  .\32 xl\:overflow-visible {
    overflow: visible;
  }
  .\32 xl\:overflow-scroll {
    overflow: scroll;
  }
  .\32 xl\:overflow-x-auto {
    overflow-x: auto;
  }
  .\32 xl\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .\32 xl\:overflow-x-visible {
    overflow-x: visible;
  }
  .\32 xl\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .\32 xl\:overflow-y-auto {
    overflow-y: auto;
  }
  .\32 xl\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .\32 xl\:overflow-y-visible {
    overflow-y: visible;
  }
  .\32 xl\:overflow-y-scroll {
    overflow-y: scroll;
  }
}
/*------------------------------------ 
    Border Helpers
------------------------------------*/
.border-none {
  border-width: 0;
}

.border-1 {
  border-width: 0.0625rem;
}

.border-2 {
  border-width: 0.125rem;
}

.border-3 {
  border-width: 0.1875rem;
}

.border-4 {
  border-width: 0.25rem;
}

.border-x-none {
  border-inline-width: 0;
}

.border-x-1 {
  border-inline-width: 0.0625rem;
}

.border-x-2 {
  border-inline-width: 0.125rem;
}

.border-x-3 {
  border-inline-width: 0.1875rem;
}

.border-x-4 {
  border-inline-width: 0.25rem;
}

.border-y-none {
  border-block-width: 0;
}

.border-y-1 {
  border-block-width: 0.0625rem;
}

.border-y-2 {
  border-block-width: 0.125rem;
}

.border-y-3 {
  border-block-width: 0.1875rem;
}

.border-y-4 {
  border-block-width: 0.25rem;
}

.border-s-none {
  border-inline-start-width: 0;
}

.border-s-1 {
  border-inline-start-width: 0.0625rem;
}

.border-s-2 {
  border-inline-start-width: 0.125rem;
}

.border-s-3 {
  border-inline-start-width: 0.1875rem;
}

.border-s-4 {
  border-inline-start-width: 0.25rem;
}

.border-e-none {
  border-inline-end-width: 0;
}

.border-e-1 {
  border-inline-end-width: 0.0625rem;
}

.border-e-2 {
  border-inline-end-width: 0.125rem;
}

.border-e-3 {
  border-inline-end-width: 0.1875rem;
}

.border-e-4 {
  border-inline-end-width: 0.25rem;
}

.border-t-none {
  border-top-width: 0;
}

.border-t-1 {
  border-top-width: 0.0625rem;
}

.border-t-2 {
  border-top-width: 0.125rem;
}

.border-t-3 {
  border-top-width: 0.1875rem;
}

.border-t-4 {
  border-top-width: 0.25rem;
}

.border-b-none {
  border-bottom-width: 0;
}

.border-b-1 {
  border-bottom-width: 0.0625rem;
}

.border-b-2 {
  border-bottom-width: 0.125rem;
}

.border-b-3 {
  border-bottom-width: 0.1875rem;
}

.border-b-4 {
  border-bottom-width: 0.25rem;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-hidden {
  border-style: hidden;
}

.border-none {
  border-style: none;
}

/*------------------------------------ 
    Opacity Helpers
------------------------------------*/
.opacity-0 {
  opacity: 0;
}

.hover\:opacity-0:hover {
  opacity: 0;
}

.opacity-10 {
  opacity: 10%;
}

.hover\:opacity-10:hover {
  opacity: 10%;
}

.opacity-20 {
  opacity: 20%;
}

.hover\:opacity-20:hover {
  opacity: 20%;
}

.opacity-30 {
  opacity: 30%;
}

.hover\:opacity-30:hover {
  opacity: 30%;
}

.opacity-40 {
  opacity: 40%;
}

.hover\:opacity-40:hover {
  opacity: 40%;
}

.opacity-50 {
  opacity: 50%;
}

.hover\:opacity-50:hover {
  opacity: 50%;
}

.opacity-60 {
  opacity: 60%;
}

.hover\:opacity-60:hover {
  opacity: 60%;
}

.opacity-70 {
  opacity: 70%;
}

.hover\:opacity-70:hover {
  opacity: 70%;
}

.opacity-80 {
  opacity: 80%;
}

.hover\:opacity-80:hover {
  opacity: 80%;
}

.opacity-90 {
  opacity: 90%;
}

.hover\:opacity-90:hover {
  opacity: 90%;
}

.opacity-100 {
  opacity: 100%;
}

.hover\:opacity-100:hover {
  opacity: 100%;
}

/*------------------------------------ 
    Z-index Helpers
------------------------------------*/
.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-6 {
  z-index: 6;
}

.z-7 {
  z-index: 7;
}

.z-8 {
  z-index: 8;
}

.z-9 {
  z-index: 9;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-100 {
  z-index: 100;
}

.z-200 {
  z-index: 200;
}

.z-300 {
  z-index: 300;
}

.z-400 {
  z-index: 400;
}

.z-500 {
  z-index: 500;
}

.z-999 {
  z-index: 999;
}

.z-9999 {
  z-index: 9999;
}