/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-spacing: 0.25rem;
    --tw-default-transition-duration: 150ms;
    --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-color-fan-bg: #050505;
    --tw-color-fan-text: #fff7e6;
    --tw-color-fan-gold: #d6b15a;
    --tw-color-fan-gold-bright: #f1d692;
    --tw-font-fan: "IRANYekanX", Tahoma, sans-serif;
    --tw-radius-fan-md: 22px;
    --tw-container-fan-wide: 77.5rem;
  }
}
@layer utilities {
  .tw\:auth-control {
    position: relative !important;
    border: 1px solid rgba(216, 173, 85, .22) !important;
    border-radius: 14px !important;
    background: linear-gradient(rgba(14, 22, 31, .96), rgba(8, 14, 22, .98)) !important;
    box-shadow: inset 0 1px rgba(255,247,229,.05), inset 0 -1px rgba(0,0,0,.2) !important;
    &:focus-within {
      border-color: rgba(240,205,120,.54) !important;
      background: linear-gradient(rgba(18,26,36,.98), rgba(9,15,23,.99)) !important;
      box-shadow: 0 0 0 2px rgba(216,173,85,.16), inset 0 1px rgba(255,247,229,.055), inset 0 -1px rgba(0,0,0,.2) !important;
    }
    &.form-field__control--error, &.form-field__control--error:focus-within {
      border-color: rgba(239,92,92,.72) !important;
      background: linear-gradient(rgba(34,20,24,.97), rgba(18,12,17,.99)) !important;
      box-shadow: 0 0 0 2px rgba(239,92,92,.10), inset 0 1px rgba(255,238,238,.035), inset 0 -1px rgba(0,0,0,.22) !important;
    }
    &.has-server-error, &.has-server-error:focus-within {
      border-color: rgba(232,95,95,.70) !important;
      box-shadow: inset 0 0 0 1px rgba(232,95,95,.10) !important;
    }
  }
  .tw\:relative\! {
    position: relative !important;
  }
  .tw\:auth-message {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(244,111,111,.88) !important;
    font-family: IRANYekanX, Tahoma, sans-serif !important;
    font-weight: 400 !important;
    &:empty {
      display: none !important;
    }
    &:not(:empty) {
      display: block !important;
    }
  }
  .tw\:auth-input {
    display: inline-block !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgb(255,248,233) !important;
    font-family: IRANYekanX, Tahoma, sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    outline: none !important;
    text-align: right !important;
  }
  .tw\:auth-field-label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 248, 233, .9) !important;
    font-family: IRANYekanX, Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    @media (width <= 340px) {
      font-size: 12px !important;
    }
  }
  .tw\:auth-message-login {
    font-size: 10px !important;
    line-height: 1.65 !important;
    &:not(:empty) {
      margin-top: 2px !important;
    }
    @media (width <= 560px) {
      font-size: 9.5px !important;
    }
  }
  .tw\:auth-message-signup {
    font-size: 9.5px !important;
    line-height: 1.55 !important;
    &:not(:empty) {
      margin-top: 1px !important;
    }
  }
  .tw\:auth-field-row-signup {
    display: grid !important;
    min-width: 0 !important;
    gap: 7px !important;
  }
  .tw\:auth-signup-label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
  .tw\:auth-field-row {
    display: grid !important;
    gap: 8px !important;
  }
  .tw\:flex {
    display: flex;
  }
  .tw\:grid {
    display: grid;
  }
  .tw\:grid\! {
    display: grid !important;
  }
  .tw\:inline-flex {
    display: inline-flex;
  }
  .tw\:auth-input-signup {
    height: 50px !important;
    min-height: 50px !important;
    padding-block: 0 !important;
    padding-right: 46px !important;
    padding-left: 17px !important;
    font-size: 11px !important;
    @media (width <= 560px) {
      height: 52px !important;
      min-height: 52px !important;
      padding-left: 54px !important;
    }
    &.form-field__input--password {
      padding-left: 50px !important;
    }
  }
  .tw\:auth-input-login {
    height: 56px !important;
    min-height: 56px !important;
    font-size: 14px !important;
    padding-block: 0 !important;
    padding-right: 50px !important;
    padding-left: 17px !important;
    @media (width <= 560px) {
      padding-left: 54px !important;
    }
    &.form-field__input--password {
      padding-left: 54px !important;
    }
  }
  .tw\:auth-control-login {
    height: 58px !important;
    min-height: 58px !important;
    @media (width <= 560px) {
      height: 56px !important;
      min-height: 56px !important;
    }
  }
  .tw\:auth-control-signup {
    height: 52px !important;
    min-height: 52px !important;
    @media (width <= 560px) {
      height: 54px !important;
      min-height: 54px !important;
    }
  }
  .tw\:h-\[56px\]\! {
    height: 56px !important;
  }
  .tw\:h-\[60px\]\! {
    height: 60px !important;
  }
  .tw\:min-h-\[32px\] {
    min-height: 32px;
  }
  .tw\:min-h-\[52px\] {
    min-height: 52px;
  }
  .tw\:min-h-\[56px\]\! {
    min-height: 56px !important;
  }
  .tw\:min-h-\[60px\]\! {
    min-height: 60px !important;
  }
  .tw\:w-full {
    width: 100%;
  }
  .tw\:w-full\! {
    width: 100% !important;
  }
  .tw\:min-w-0 {
    min-width: calc(var(--tw-spacing) * 0);
  }
  .tw\:min-w-\[24px\] {
    min-width: 24px;
  }
  .tw\:cursor-pointer\! {
    cursor: pointer !important;
  }
  .tw\:grid-cols-\[24px_minmax\(0\,1fr\)_18px\] {
    grid-template-columns: 24px minmax(0,1fr) 18px;
  }
  .tw\:grid-cols-\[24px_minmax\(0\,1fr\)_24px\]\! {
    grid-template-columns: 24px minmax(0,1fr) 24px !important;
  }
  .tw\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  }
  .tw\:flex-wrap {
    flex-wrap: wrap;
  }
  .tw\:items-baseline {
    align-items: baseline;
  }
  .tw\:items-center {
    align-items: center;
  }
  .tw\:items-center\! {
    align-items: center !important;
  }
  .tw\:justify-center {
    justify-content: center;
  }
  .tw\:gap-4 {
    gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:gap-\[5px\] {
    gap: 5px;
  }
  .tw\:gap-\[7px\] {
    gap: 7px;
  }
  .tw\:gap-\[10px\] {
    gap: 10px;
  }
  .tw\:gap-\[10px\]\! {
    gap: 10px !important;
  }
  .tw\:gap-\[12px\] {
    gap: 12px;
  }
  .tw\:\[justify-self\:end\]\! {
    justify-self: end !important;
  }
  .tw\:\[justify-self\:start\]\! {
    justify-self: start !important;
  }
  .tw\:justify-self-center {
    justify-self: center;
  }
  .tw\:overflow-hidden\! {
    overflow: hidden !important;
  }
  .tw\:rounded-\[12px\] {
    border-radius: 12px;
  }
  .tw\:rounded-\[14px\]\! {
    border-radius: 14px !important;
  }
  .tw\:rounded-fan-md {
    border-radius: var(--tw-radius-fan-md);
  }
  .tw\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:border\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .tw\:border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .tw\:border-solid\! {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }
  .tw\:border-\[rgba\(216\,173\,85\,0\.34\)\] {
    border-color: rgba(216,173,85,0.34);
  }
  .tw\:border-\[rgba\(255\,235\,183\,0\.28\)\]\! {
    border-color: rgba(255,235,183,0.28) !important;
  }
  .tw\:bg-fan-bg {
    background-color: var(--tw-color-fan-bg);
  }
  .tw\:bg-\[linear-gradient\(135deg\,\#f1ce75_0\%\,\#dcb45a_50\%\,\#bf8e3b_100\%\)\]\! {
    background-image: linear-gradient(135deg,#f1ce75 0%,#dcb45a 50%,#bf8e3b 100%) !important;
  }
  .tw\:bg-\[linear-gradient\(180deg\,rgba\(14\,24\,34\,0\.78\)\,rgba\(7\,16\,25\,0\.92\)\)\] {
    background-image: linear-gradient(180deg,rgba(14,24,34,0.78),rgba(7,16,25,0.92));
  }
  .tw\:p-4 {
    padding: calc(var(--tw-spacing) * 4);
  }
  .tw\:px-\[2px\]\! {
    padding-inline: 2px !important;
  }
  .tw\:px-\[14px\]\! {
    padding-inline: 14px !important;
  }
  .tw\:px-\[18px\]\! {
    padding-inline: 18px !important;
  }
  .tw\:py-0\! {
    padding-block: calc(var(--tw-spacing) * 0) !important;
  }
  .tw\:py-\[3px\]\! {
    padding-block: 3px !important;
  }
  .tw\:py-\[10px\]\! {
    padding-block: 10px !important;
  }
  .tw\:text-center {
    text-align: center;
  }
  .tw\:text-center\! {
    text-align: center !important;
  }
  .tw\:font-fan {
    font-family: var(--tw-font-fan);
  }
  .tw\:font-fan\! {
    font-family: var(--tw-font-fan) !important;
  }
  .tw\:text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .tw\:text-\[10px\] {
    font-size: 10px;
  }
  .tw\:text-\[11\.5px\]\! {
    font-size: 11.5px !important;
  }
  .tw\:text-\[11px\] {
    font-size: 11px;
  }
  .tw\:text-\[12px\]\! {
    font-size: 12px !important;
  }
  .tw\:text-\[14px\]\! {
    font-size: 14px !important;
  }
  .tw\:text-\[15px\] {
    font-size: 15px;
  }
  .tw\:leading-\[1\.8\]\! {
    --tw-leading: 1.8 !important;
    line-height: 1.8 !important;
  }
  .tw\:leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }
  .tw\:leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .tw\:font-\[700\] {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .tw\:font-\[850\] {
    --tw-font-weight: 850;
    font-weight: 850;
  }
  .tw\:font-\[900\]\! {
    --tw-font-weight: 900 !important;
    font-weight: 900 !important;
  }
  .tw\:tracking-\[-0\.01em\]\! {
    --tw-tracking: -0.01em !important;
    letter-spacing: -0.01em !important;
  }
  .tw\:text-\[\#171106\]\! {
    color: #171106 !important;
  }
  .tw\:text-\[rgba\(203\,197\,185\,0\.62\)\] {
    color: rgba(203,197,185,0.62);
  }
  .tw\:text-\[rgba\(216\,173\,85\,0\.76\)\]\! {
    color: rgba(216,173,85,0.76) !important;
  }
  .tw\:text-\[rgba\(236\,230\,219\,0\.78\)\]\! {
    color: rgba(236,230,219,0.78) !important;
  }
  .tw\:text-\[var\(--gate-gold-light\)\] {
    color: var(--gate-gold-light);
  }
  .tw\:text-fan-gold {
    color: var(--tw-color-fan-gold);
  }
  .tw\:text-fan-text {
    color: var(--tw-color-fan-text);
  }
  .tw\:no-underline {
    text-decoration-line: none;
  }
  .tw\:\[box-shadow\:none\]\! {
    box-shadow: none !important;
  }
  .tw\:transition-\[border-color\,background\,color\,transform\] {
    transition-property: border-color,background,color,transform;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:transition-\[border-color\,background-color\,color\]\! {
    transition-property: border-color,background-color,color !important;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;
  }
  .tw\:transition-\[transform\]\! {
    transition-property: transform !important;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;
  }
  .tw\:transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .tw\:duration-\[180ms\]\! {
    --tw-duration: 180ms !important;
    transition-duration: 180ms !important;
  }
  .tw\:ease-\[ease\] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }
  .tw\:ease-\[ease\]\! {
    --tw-ease: ease !important;
    transition-timing-function: ease !important;
  }
  .tw\:before\:h-px {
    &::before {
      content: var(--tw-content);
      height: 1px;
    }
  }
  .tw\:before\:bg-\[linear-gradient\(90deg\,transparent\,rgba\(216\,173\,85\,0\.24\)\)\] {
    &::before {
      content: var(--tw-content);
      background-image: linear-gradient(90deg,transparent,rgba(216,173,85,0.24));
    }
  }
  .tw\:before\:content-\[\'\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .tw\:after\:h-px {
    &::after {
      content: var(--tw-content);
      height: 1px;
    }
  }
  .tw\:after\:\[transform\:scaleX\(-1\)\] {
    &::after {
      content: var(--tw-content);
      transform: scaleX(-1);
    }
  }
  .tw\:after\:bg-\[linear-gradient\(90deg\,transparent\,rgba\(216\,173\,85\,0\.24\)\)\] {
    &::after {
      content: var(--tw-content);
      background-image: linear-gradient(90deg,transparent,rgba(216,173,85,0.24));
    }
  }
  .tw\:after\:content-\[\'\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .tw\:hover\:\[transform\:translateY\(-1px\)\]\! {
    &:hover {
      @media (hover: hover) {
        transform: translateY(-1px) !important;
      }
    }
  }
  .tw\:hover\:border-\[rgba\(236\,192\,97\,0\.64\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(236,192,97,0.64);
      }
    }
  }
  .tw\:hover\:bg-\[linear-gradient\(180deg\,rgba\(21\,32\,43\,0\.90\)\,rgba\(9\,19\,29\,0\.98\)\)\] {
    &:hover {
      @media (hover: hover) {
        background-image: linear-gradient(180deg,rgba(21,32,43,0.90),rgba(9,19,29,0.98));
      }
    }
  }
  .tw\:hover\:text-\[rgba\(248\,242\,231\,0\.92\)\]\! {
    &:hover {
      @media (hover: hover) {
        color: rgba(248,242,231,0.92) !important;
      }
    }
  }
  .tw\:hover\:text-\[var\(--gate-gold-light\)\]\! {
    &:hover {
      @media (hover: hover) {
        color: var(--gate-gold-light) !important;
      }
    }
  }
  .tw\:hover\:text-fan-gold-bright {
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-fan-gold-bright);
      }
    }
  }
  .tw\:hover\:brightness-\[1\.035\]\! {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(1.035) !important;
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
      }
    }
  }
  .tw\:focus-visible\:border-\[rgba\(236\,192\,97\,0\.64\)\] {
    &:focus-visible {
      border-color: rgba(236,192,97,0.64);
    }
  }
  .tw\:focus-visible\:bg-\[linear-gradient\(180deg\,rgba\(21\,32\,43\,0\.90\)\,rgba\(9\,19\,29\,0\.98\)\)\] {
    &:focus-visible {
      background-image: linear-gradient(180deg,rgba(21,32,43,0.90),rgba(9,19,29,0.98));
    }
  }
  .tw\:focus-visible\:text-\[rgba\(248\,242\,231\,0\.92\)\]\! {
    &:focus-visible {
      color: rgba(248,242,231,0.92) !important;
    }
  }
  .tw\:focus-visible\:text-\[var\(--gate-gold-light\)\]\! {
    &:focus-visible {
      color: var(--gate-gold-light) !important;
    }
  }
  .tw\:focus-visible\:outline-\[2px\]\! {
    &:focus-visible {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 2px !important;
    }
  }
  .tw\:focus-visible\:outline-offset-\[2px\]\! {
    &:focus-visible {
      outline-offset: 2px !important;
    }
  }
  .tw\:focus-visible\:outline-\[rgba\(216\,173\,85\,0\.68\)\]\! {
    &:focus-visible {
      outline-color: rgba(216,173,85,0.68) !important;
    }
  }
  .tw\:focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .tw\:focus-visible\:outline-solid\! {
    &:focus-visible {
      --tw-outline-style: solid !important;
      outline-style: solid !important;
    }
  }
  .tw\:active\:\[transform\:translateY\(0\)\]\! {
    &:active {
      transform: translateY(0) !important;
    }
  }
  .tw\:disabled\:cursor-wait\! {
    &:disabled {
      cursor: wait !important;
    }
  }
  .tw\:disabled\:opacity-\[0\.92\]\! {
    &:disabled {
      opacity: 0.92 !important;
    }
  }
  .tw\:motion-reduce\:transition-none\! {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none !important;
    }
  }
  .tw\:motion-reduce\:duration-\[0\.000001s\]\! {
    @media (prefers-reduced-motion: reduce) {
      --tw-duration: 0.000001s !important;
      transition-duration: 0.000001s !important;
    }
  }
  .tw\:motion-reduce\:hover\:duration-\[0\.00001s\]\! {
    @media (prefers-reduced-motion: reduce) {
      &:hover {
        @media (hover: hover) {
          --tw-duration: 0.00001s !important;
          transition-duration: 0.00001s !important;
        }
      }
    }
  }
  .tw\:motion-reduce\:active\:duration-\[0\.00001s\]\! {
    @media (prefers-reduced-motion: reduce) {
      &:active {
        --tw-duration: 0.00001s !important;
        transition-duration: 0.00001s !important;
      }
    }
  }
  .tw\:md\:max-w-fan-wide {
    @media (width >= 48rem) {
      max-width: var(--tw-container-fan-wide);
    }
  }
  .tw\:auth-mobile\:h-\[56px\]\! {
    @media (width <= 560px) {
      height: 56px !important;
    }
  }
  .tw\:auth-mobile\:min-h-\[50px\] {
    @media (width <= 560px) {
      min-height: 50px;
    }
  }
  .tw\:auth-mobile\:min-h-\[56px\]\! {
    @media (width <= 560px) {
      min-height: 56px !important;
    }
  }
  .tw\:auth-mobile\:grid-cols-\[22px_minmax\(0\,1fr\)_16px\] {
    @media (width <= 560px) {
      grid-template-columns: 22px minmax(0,1fr) 16px;
    }
  }
  .tw\:auth-mobile\:gap-\[4px\] {
    @media (width <= 560px) {
      gap: 4px;
    }
  }
  .tw\:auth-mobile\:gap-\[10px\] {
    @media (width <= 560px) {
      gap: 10px;
    }
  }
  .tw\:auth-mobile\:rounded-\[11px\] {
    @media (width <= 560px) {
      border-radius: 11px;
    }
  }
  .tw\:auth-mobile\:px-\[12px\]\! {
    @media (width <= 560px) {
      padding-inline: 12px !important;
    }
  }
  .tw\:auth-mobile\:py-\[9px\]\! {
    @media (width <= 560px) {
      padding-block: 9px !important;
    }
  }
  .tw\:auth-mobile\:text-\[10\.5px\] {
    @media (width <= 560px) {
      font-size: 10.5px;
    }
  }
  .tw\:auth-mobile\:text-\[10px\] {
    @media (width <= 560px) {
      font-size: 10px;
    }
  }
  .tw\:auth-mobile\:text-\[11\.5px\]\! {
    @media (width <= 560px) {
      font-size: 11.5px !important;
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-outline-style: solid;
    }
  }
}