:root {
  --brand-primary:#53d5fd;--brand-accent:#ff40ff;
  --brand-p600:#49bbdf;--brand-p700:#3ea0be;--brand-p800:#368aa4;--brand-p900:#2a6a7e;
  --brand-dark:#081519;--brand-dark2:#15353f;
  --bp-r:83;--bp-g:213;--bp-b:253;
  --ba-r:255;--ba-g:64;--ba-b:255;
}
/* bg */
.bg-fl-50,.hover\:bg-fl-50:hover{background-color:#f6fdff!important}
.bg-fl-100,.hover\:bg-fl-100:hover{background-color:#eafaff!important}
.bg-fl-200,.hover\:bg-fl-200:hover{background-color:#cff3fe!important}
.bg-fl-300,.hover\:bg-fl-300:hover{background-color:#b2ecfe!important}
.bg-fl-400,.hover\:bg-fl-400:hover{background-color:#87e2fe!important}
.bg-fl-500,.hover\:bg-fl-500:hover{background-color:#53d5fd!important}
.bg-fl-600,.hover\:bg-fl-600:hover{background-color:#49bbdf!important}
.bg-fl-700,.hover\:bg-fl-700:hover{background-color:#3ea0be!important}
/* text */
.text-fl-400,.hover\:text-fl-400:hover{color:#87e2fe!important}
.text-fl-500,.hover\:text-fl-500:hover{color:#53d5fd!important}
.text-fl-600,.hover\:text-fl-600:hover{color:#49bbdf!important}
.text-fl-700,.hover\:text-fl-700:hover{color:#3ea0be!important}
/* border */
.border-fl-200,.hover\:border-fl-200:hover{border-color:#cff3fe!important}
.border-fl-300,.hover\:border-fl-300:hover{border-color:#b2ecfe!important}
.border-fl-400,.hover\:border-fl-400:hover{border-color:#87e2fe!important}
.border-fl-500,.hover\:border-fl-500:hover{border-color:#53d5fd!important}
/* ring */
.ring-fl-300,.focus\:ring-fl-300:focus,.focus-within\:ring-fl-300:focus-within{--tw-ring-color:#b2ecfe!important}
.ring-fl-500,.focus\:ring-fl-500:focus{--tw-ring-color:#53d5fd!important}
/* gradient */
.from-fl-500{--tw-gradient-from:#53d5fd!important}
.to-fl-600{--tw-gradient-to:#49bbdf!important}
.via-fl-500{--tw-gradient-via:#53d5fd!important}
/* text extra */
.text-fl-700,.hover\:text-fl-700:hover{color:#3ea0be!important}
/* focus border */
.focus\:border-fl-300:focus{border-color:#b2ecfe!important}
.focus\:border-fl-400:focus{border-color:#87e2fe!important}
.focus\:border-fl-500:focus{border-color:#53d5fd!important}
/* hover ring */
.hover\:ring-fl-300:hover{--tw-ring-color:#b2ecfe!important}
.hover\:ring-fl-400:hover{--tw-ring-color:#87e2fe!important}
.hover\:ring-fl-500:hover{--tw-ring-color:#53d5fd!important}
/* fill/stroke */
.fill-fl-500{fill:#53d5fd!important}
.stroke-fl-500{stroke:#53d5fd!important}
/* ticket.html screen-actions button */
.screen-actions button{background:#53d5fd!important}
.screen-actions button:hover{background:#49bbdf!important}