:root {
  --brand-primary:#00a3d7;--brand-accent:#ff40ff;
  --brand-p600:#008fbd;--brand-p700:#007aa1;--brand-p800:#006a8c;--brand-p900:#00526c;
  --brand-dark:#001016;--brand-dark2:#002936;
  --bp-r:0;--bp-g:163;--bp-b:215;
  --ba-r:255;--ba-g:64;--ba-b:255;
}
/* bg */
.bg-fl-50,.hover\:bg-fl-50:hover{background-color:#f2fafd!important}
.bg-fl-100,.hover\:bg-fl-100:hover{background-color:#e0f4fa!important}
.bg-fl-200,.hover\:bg-fl-200:hover{background-color:#b8e5f4!important}
.bg-fl-300,.hover\:bg-fl-300:hover{background-color:#8cd6ed!important}
.bg-fl-400,.hover\:bg-fl-400:hover{background-color:#4cbfe3!important}
.bg-fl-500,.hover\:bg-fl-500:hover{background-color:#00a3d7!important}
.bg-fl-600,.hover\:bg-fl-600:hover{background-color:#008fbd!important}
.bg-fl-700,.hover\:bg-fl-700:hover{background-color:#007aa1!important}
/* text */
.text-fl-400,.hover\:text-fl-400:hover{color:#4cbfe3!important}
.text-fl-500,.hover\:text-fl-500:hover{color:#00a3d7!important}
.text-fl-600,.hover\:text-fl-600:hover{color:#008fbd!important}
.text-fl-700,.hover\:text-fl-700:hover{color:#007aa1!important}
/* border */
.border-fl-200,.hover\:border-fl-200:hover{border-color:#b8e5f4!important}
.border-fl-300,.hover\:border-fl-300:hover{border-color:#8cd6ed!important}
.border-fl-400,.hover\:border-fl-400:hover{border-color:#4cbfe3!important}
.border-fl-500,.hover\:border-fl-500:hover{border-color:#00a3d7!important}
/* ring */
.ring-fl-300,.focus\:ring-fl-300:focus,.focus-within\:ring-fl-300:focus-within{--tw-ring-color:#8cd6ed!important}
.ring-fl-500,.focus\:ring-fl-500:focus{--tw-ring-color:#00a3d7!important}
/* gradient */
.from-fl-500{--tw-gradient-from:#00a3d7!important}
.to-fl-600{--tw-gradient-to:#008fbd!important}
.via-fl-500{--tw-gradient-via:#00a3d7!important}
/* text extra */
.text-fl-700,.hover\:text-fl-700:hover{color:#007aa1!important}
/* focus border */
.focus\:border-fl-300:focus{border-color:#8cd6ed!important}
.focus\:border-fl-400:focus{border-color:#4cbfe3!important}
.focus\:border-fl-500:focus{border-color:#00a3d7!important}
/* hover ring */
.hover\:ring-fl-300:hover{--tw-ring-color:#8cd6ed!important}
.hover\:ring-fl-400:hover{--tw-ring-color:#4cbfe3!important}
.hover\:ring-fl-500:hover{--tw-ring-color:#00a3d7!important}
/* fill/stroke */
.fill-fl-500{fill:#00a3d7!important}
.stroke-fl-500{stroke:#00a3d7!important}
/* ticket.html screen-actions button */
.screen-actions button{background:#00a3d7!important}
.screen-actions button:hover{background:#008fbd!important}